20.3.19

Lycalotto campaign refresh




Layouts created for a new white-label product being up-sold by Lycamobile and subsidiary brands. I was very happy with the way the final result came out. I am moving more and more into User experience layouts for web and apps where the page balance must work in both mobile and desktop views, with the emphasis being on mobile when the current usage is approaching 60% of all web sessions. I also wanted to keep the use of colours to a minimum, maintaining brand consistency with Lycamobile which is key to the success of this project (allowing piggybacking of trust from Lycamobile). 

21.2.19

Vector Smart Objects and slices tool combination


By accessing two useful features in Photoshop I have managed to create a rapid response artwork variant generator which can export all defined slices in one process.

The slice feature was originally designed to create website segments (to fit around text) prior to HTML 2.0 and CSS trechniques superseeding slices. The slice tool is not left completely redundant however, as I have repurposed it in the following method.

Often my job requires rapid generation of campaigns to react to the market/price changes. This template will allow the vector objects held within each slice to update automatically from a linked .psb file. Essentially photoshop is creating windows/i-frames to another canvas that when updated reflects in the multi-variant file for different formats and channel media alike.

Below is a screenshot V.1. of the template (however exports appear as the pre-determined slice names in an output file. You can see the potential of switching up the lead image very easily, automatically resizing to all of the different formats required for a digital campaign. Another really nice organisation feature is the ability to define the dimensions and output name per slice (see below).


Output folder

25.1.19

Lycamobile Ireland - SIM Vending machine side-panel screen adspace



Lycamobile artwork to appear on the side of a SIM card vending machine in certain Irish boutiques.

The aim is always to give the least stress possible with these kind of screen designs and all outdoor in my opinion. I often try to put myself by the side of the viewer in these instances to add a site-specific touch and an appreciation that the advert will be relative/harmonious to/with to it's surroundings.

This design was inevitably complex mainly due to the product manager adding comms/features along the way, but I hope that the beautiful colourings and geometric forms culminate together to give a warm sense of security (the sun) combined with a deep, fascinating blue of the sea leading to a clarity in the white elements (the communications). I really love how deeply you can associate with the simple geometric forms and colours on a base level that hopefully undercuts all of the other advertisements on the market that seek to grab attention in different ways. The design shouts out at you but in a beautiful way! It's like how Kandinsky would have seen the Opera.

Kandinsky - L'utopia in blu


For me, seeing this design evolve in-house over a period of about a year was a fascinating journey and I feel that this combination of efforts has led to an intriguing and well balanced outcome in the above. Thanks largely to the efforts of Robin Sutherland (Head of communications Lycamobile) and in it's initial conception, Alvaro d'Apollonio (graduate of Central St.Martin's college London) we have combined a deep sense of harmony using the simple geometric forms and shapes found in nature (i.e. the sun, sea and a tree/download shape combo) and also a strong centerpiece using the striking contrast of the bright pink to yellow gradient, whilst still getting the message across in the clearest form of White Helvetica font, which was the clearest possible choice against the other strong, competing elements.

I look forward to animating the above hopefully in some subtle ways that speak to the customer on his/her terms, not as an attempt to hijack his/her conscious and more often than not, carnal desires, as so many adverts seem to do, almost insulting the customer and treating him/her basically like animals.

4.1.19

Lycawifi lead image design and cross channel launch

Lycawifi is a white-label product allowing customers to use a global hotspot network with over 60 million access points worldwide. I was happy to be assigned this project across all channels as when I found out about it I was very impressed with the offering from Lycamobile.

Below is the lead image that will be overlaid on all outdoor collateral as an extra element (also shown below):

Web Banner


A3 Poster
This addition to services is an important step in adapting to a dwindling Telecommunications market. However, the value added is a very shrewd movement towards what I believe will be the future of the market in years to come. I.e. Mesh networking powered by user enabled devices.

I tried to keep the image on brand and as simple as possible whilst generating the interest in the new feature added to existing products. In order to do this I used as much imagery to identify what the product actually is instantaneously recognisable to the customer. E.g. The WiFi logo on a phone screen (denoting that the advertisement is for an app).

PART II
Lycamobile UK leaflet implementation (Key product feature)

Leaflet 1
Leaflet 2
Footer overlay focussed

UK Lycamobile leaflet with Lyca WiFi upsell

18.12.18

Cube Mobile UI/UX design

PART II -Web-app mock-up initial layout and animation concept - animation v1





I have recently been working on a white-label service developed in partnership with Lycamobile. My opposite number in Switzerland, Jean Rodrigu├Ęs, has been art directing the project and gave me a good starting point in-keeping with his vision which I was able to adapt using Adobe XD.

Adobe XD is a very powerful and free UI/UX layout tool for designing website and app UIs (user-interfaces) inn a very simple and intuitive fashion, similar to Sketch. An especially nice feature of XD is the use of art-boards as frames and by utilising the "Auto-animate" feature in the transition type, you can control almost every aspect of an animation from one screen to another when prototyping so that any developer can either interact with, view a video of, or even export UI elements from as CSS classes or SVG vector animations. XD visuallises this in much the same way of nameclasses whereby the software predicts the frames between each art-board (so long as the animated element is named the same on both art-boards). The potential becomes even more apparent when plugins can even allow for exporting as React Native code.

Below is another feature of XD whereby you can export a video walk-through of the user-interface and interact with the design as you would if it were already live (This can also be shared as a weblink, much in the same way the Muse editor used to work, but in a much more fluid but not perfect way, although I appreciate this is still in beta phase of XD production.

I then masked the fixed header in the design and overlaid a video animation provided by Jean as an interesting and streamlined feature of the website. The weight of video should also be reduced by the tile/matrix filter effect visible in the below prototype video:

Watch this space for more UI designs using XD.

17.12.18

Lyca Egyptian theme annual party


Party video I was asked to create as a stage backdrop for the Lycamobile, Egyptian themed Christmas party. I was show the stage layout before-hand in order to ascertain how the videos would play out on the night (below).
In the end I produced two 10s messaging videos that could be played in a loop or paused ast the end to keep the stone hieroglyphic doors present before and after the video messgaes. By using the newest Trapcode plugin for After-effects I was able to add real physics to the gold dust symbol that gives the video a luxury, sophisticated and blinging feel.