Onefinestay SITE STRATEGY UX DESIGN: BOOKING WEBSITE AND GUEST APP

Transcription

1 SITE STRATEGY We conducted an extensive pre-design investigation, conducting workshops with various departments of the business, including brand, sales and customer service. We then produced prototypes of three extremely different website paradigms, to take to the board level for discussion on what the website could be. These were then shown in video interviews with individuals matching our desired customer profile for feedback. Confident of the route we wanted to take, and the value of we then pushed the inspirational content, which had lived separately in a blog to the front and centre of the users first touchpoint with the site. This allowed the business to show off it s knowledge and great taste to new visitors whilst merchandising its inventory in an effective and editorialised way. Onefinestay UX DESIGN: BOOKING WEBSITE AND GUEST APP Through late 2015 and 2016, I have been working with onefinestay, on a full overhaul of their website, from the front of the site and inspiration content, through to search and checkout. ONEFINESTAY Website design 1/4

2 ONEFINESTAY Site strategy 2/4

3 MAP SEARCH Working with Snowdrop (Google Maps professional services team) to add map search to the listings type search page, requiring a complex interplay between listings and map view, and a UI which integrates the widget with the surrounding search and filter architecture. ONEFINESTAY Site strategy 3/4

4 CHECKOUT A full redesign of the checkout process, making it logical and clearly indicating progress.this had a very significant uplift on the number of completed checkouts. ONEFINESTAY Search, maps and checkout 4/4

5 Havana Club 360 VIDEO PRODUCTION Working closely with Drink Factory, who were producing a multi-sensory presentation for Havana Club to take out to the bar industry, to help educate the effects of context on flavour. My role was to organise the visual part of this. Using Google Cardboard, we created immersive video environments that the participants could access from their own phones through provided headsets. The videos were 1-4 minutes in length and were synchronised to smells, sounds and verbal cues from the speaker. I filmed the 4 videos in a week in Cuba, after extensive research and development of suitable ways to best capture 360 video in the available environments and lighting. Mindful of keeping equipment to a minimum for easy transport into Cuba, I ended up using two different rig configurations, and developed a workflow that allowed for stitching while we were out on location for client approval. The final stitching and post-production then took place in the week following our return, and the presentations started shortly after. HAVANA CLUB 360 Video Production 1/1

6 Blurb ART DIRECTION AND DESIGN From I worked first as the EU Design Lead for Blurb, then later Design Lead for Self-Publishing. Design of digital communications, printed literature, display advertising, event signage, campaign and PR assets, product photography and video production. Development of international branding in collaboration with US Creative Director. Localisation of EU specific marketing communications. Management of production schedules and direction of third-party agency creative. BLURB Website 1/6

7 CRM CAMPAIGNS During the period of , there was a push to move CRM away from heavily discounted offers, towards keeping users engaged with a regularly updated content platform, supporting users with downloadable PDF How-Tos, as well as creating unique one-off offers and promotions. BLURB CRM 2/6

8 SELFRIDGES NOTEBOOK For a pop-up in a London department store, Blurb wanted to gain consumer awareness of their offerings, whilst selling gift credit. As it was holiday season, it was decided that there should also be a low-cost offering. I proposed this notebook as a starting point into the world of Blurb, with gridded blank sheets for ideas, and short exercises spread through it. A number of cover colour options were offered. BLURB AT THE LONDON AUTHOR FAIR Seeking to re-position itself into the Self-publishing space Blurb wanted to have a considerable presence at the London Author Fair in February As such the idea was to take care of the coffee concession bringing in good baristas and providing a space for attendees to relax whilst surrounded with our product. Sheridan s took care of the design of the event space, I designed the artwork for all panels, as well as printed giveaways and even T Shirts for our staff. UNBINDING THE BOOK Blurb wanted to make their presence at the London Art book fair, and, working with Jotta, commissioned an exhibition of artists deconstructing the book. I created a hardback book to accompany the exhibition, based on the identity developed by Jotta. BLURB Print projects 3/6

9 BLURB STORIES BLOG EDITORIAL ILLUSTRATION In the second half of 2014, I was responsible for the art direction and production of all imagery for the Blurb Stories blog. This necessitated creating illustrations that worked with the fully responsive site layout and allowed for the title to float over the top. I tried consciously to vary the style and approach from week to week to suggest the kind of roster of editorial illustrators that a traditional publication might carry. BLURB Blog illustration 4/6

10 BLURB Print projects 5/6

11 BLURB Art direction 6/6

12 Ford INTERACTION, MOTION GRAPHICS AND UI DESIGN Between 2010 and 2011, I worked at Bluehive, focusing on two main interactive projects for car launch sites which required both UX and motion graphics design, as well as assisting with storyboarding and documentation and EU transcription of branding. FORD Storyboarding 1/3

13 FORD FIESTA INTERACTIVE VIDEO MICROSITE In this site, a number of the dashboard features of the new Ford Fiesta were demonstrated with short interactive sequences. Cleverly, some of these would involve interaction between separate modules on the page. Based on original art direction by Nick Hearne at Bluehive, my job was designing the user interface elements and creating animated transitions between video clips (which necessitated two days of VFX direction on shoot + construction of all components in After Effects). FORD Ford Fiesta microsite 2/3

14 FORD FOCUS INTERACTIVE VIDEO MICROSITE Under the direction of Rich Last and Nick Hearne at Bluehive, Dominic Binegger and myself developed the user interfaces, interactivity and animations for the Focus Launch microsite. The main challenge was creating a seamless matrix of video assets that the user could interact with requiring direction of the 3d graphics department and a lot of coordination of motion graphics assets. FORD 3/3 Ford Focus microsite

15 Chemistry SENIOR INTERACTIVE DESIGNER Design of online assets for Diageo, Unilever, Aviva, Emirates and Cadbury. Art direction and interactive design of DMA and Brand Expericience Gold Award winning Velvet Tree Detectives microsite for SCA. In-house UX design work at RAC assisting the full redevelopment of their site. AVIVA INTERACTIVE DISPLAY This interactive piece was designed for a Roadshow to introduce attendants to a range of financial planning options based on a set of demographic parameters that they could input using fun, tactile devices. I worked on the interface designs and animation with a Flash developer from an original idea from the Aviva creative team at Chemistry. CHEMISTRY D Link 1/5

16 VELVET TREE DETECTIVES Main site design, including a microsite for kids involving an environment in which users can explore, play minigames and build up a file of knowledge about plants and animals. My role involved developing the initial digital concept and UX from the Experiential Department s concept, advising on the art direction as applied to digital, layout and interactive design, and flash animation of characters. Winner of Brand Experience Awards 2009: GOLD + DMA 2009: GOLD for Best FMCG Campaign of the year. CHEMISTRY Velvet Tree Detectives 2/5

17 RAC ROUTE PLANNER I was responsible for the design of the route planner tool on the RAC website. We submitted the initial design in 2008, and then revisited in 2009, when I was briefly shipped out to Norwich to work in-house, working with the lead designer to document a new site-wide UI re-design. CHEMISTRY Aviva / RAC 3/5