Designer Consultant Architect. Ross Robinson. Hire or Freelance. Available for. Forward Thinking Projects. Seeking PORTFOLIO USER EXPERIENCE DESIGN

Transcription

1 Robinson UX Designer Consultant Architect Available for Seeking Hire or Freelance Forward Thinking Projects PORTFOLIO USER EXPERIENCE DESIGN

2 A LITTLE ABOUT ME Cape Town born I have been lucky enough to travel regularly and immerse myself in various cultures. This journey has shaped the person and designer I am today. It has aided me in crafting experiences and products that are intuitive to a diverse range of users - while hopefully also rocking their socks off! MY DESIGN PHILOSOPHY Carry a pen. Do your research. Scribble it down. Take a step back. Share your idea. Have a closer look. Iterate. Ask someone. Implement it. Promote the solution. Sell your idea. Monitor and evaluate. Improve. Go again When not working I can be found attached to a board in the alps or in the sea. I am naturally very social with both personal and work circles - many of which would reinforce my work-hard, play-hard outlook.! THE WAY I WORK I am an enthusiastic and ambitious individual with a high drive for achieving success in all aspects of life.! I excel within both a team and individual environment, whether it be leading or collaborating with colleagues, I am confident in my open and approachable outlook.!

3 Content Portfolio Projects MAVERICK Information Architecture Travel Client SQUAWKA Data Visualisation Responsive Website FOURSQUARE Mobile App Payment MVP THE TOY SHOP E-Commerce Website APP CONCEPT GA Project One Other Projects Include METHODS DIGITAL Website Mock Up AIRPURE UI App Design & Website Design

4 MAVERICK Information Architecture -Travel Client Travel Client THE TASK To design the part of the IA for a new website - taking onboard what both the client had requested and what Maverick had proposed. REFINEMENT & COLLABORATION The challenge was looking at how the old site navigation could be refined, reworded and redistributed most effectively for users on the proposed new site. THE SOLUTION I provided and delivered a recommendations document highlighting key weaknesses and how these could be addressed with further research and client feedback. NEXT STEPS I advised on further stakeholder interviews and testing into the new navigation layouts. Along with personalisation in areas such as itineraries.

5 EVERY GREAT DESIGN BEGINS WITH AN EVEN GREATER STORY

6 SQUAWKA Data Visualisation Responsive Design THE TASK Deliver a responsive homepage that offers the user the excitement of a live match experience. Focus on their experience leading up to the game, during the game and after the game. BRIEF BACKGROUND RESEARCH COMPETITOR ANALYSIS USER SURVEYS USER INTERVIEWS MOSCOW ANALYSIS PERSONAS & SCENARIOS INITIAL SKETCHES CLIENT DESIGN STUDIO TEST AT ARSENAL FC FINDINGS AND ITERATION TEST AT STEVENAGE FC MOCK UP USER TEST ITERATE PROTOTYPE TESTING WORKING RESPONSIVE PROTOTYPE definition research design & testing

7 PROCESS HIGHLIGHTS WHY A NEW WEBSITE!? We had to clarify how a new responsive design would compliment and work alongside their award winning data visualisation app. SQUAWKA ADVERTS DRIVE REVENUE Three adverts had a to be incorporated into our design. The challenge was deciding how to include these without drawing from the users flow and experience. EXCEED EXPECTATIONS The client expected a mobile mock up. We provided a mock up across mobile, desktop and ipad. All of which were tested regularly throughout design. COLLABORATION By involving the client in the whole process, including an onsite design studio session, we were able to ensure they understood our methodology and design rational. By increasing engagement, we can increase page views and therefore increase ad revenue SQUAWKA TEAM

8 RESEARCH HIGHLIGHTS SQUAWKA STATS OVER NEWS With over 500 survey results it was clear Squawka s USP was their statistics and data offering. We needed to apply this to our design. GAME DAY Users needs dramatically changed throughout a match day experience, this therefore informed our design and the curated experience we provided. TALK THE LANGUAGE Research enabled us to explore the football culture, from people who just casually follow their team to fans that live, breathe and worship the game. INTERVIEWING A RANGE OF FANS AT ARSENAL FC

9 The first thing I see is an advert! STEVENAGE FC SUPPORTER SQUAWKA VS TESTING A PROTOTYPE WITH FANS

10 THE SOLUTION SQUAWKA A fully responsive website designed to adapt to users needs throughout a complete match day experience, while still incorporating core business requirements. NEXT STEPS Some users informed us that they felt like the twelfth player when watching their team. Therefore we want to research how we can personalise their experience further, using team terminology, heritage and colours.! We would also like to look into how our findings can inform the design across the rest of the site. EXPLORE TWELFTH PLAYER LOOK AT REMAINDER OF SITE

11 EVERY JOB IS A SELF-PORTRAIT OF THE PERSON WHO DOES IT. AUTOGRAPH YOUR WORK WITH EXCELLENCE

12 FOURSQUARE Mobile App Payment MVP THE TASK Increase the level of engagement with Foursquare s users and merchants by adding a mobile payment component. Focus on creating a MVP solely aimed at the users needs. BRIEF APP ANALYSIS COMPETITOR ANALYSIS USER SURVEYS USER INTERVIEWS MOSCOW ANALYSIS PERSONAS & SCENARIOS DESIGN STUDIO METHOD 1ST PAYMENT TEST FINDINGS & ITERATIONS 2ND PAYMENT TEST WIREFRAME & MOCK UP ENGAGEMENT TEST WIREFRAME & MOCK UP APP INTEGRATION PROTOTYPE TESTING WORKING PROTOTYPE definition research design & testing

13 PROCESS HIGHLIGHTS FOURSQUARE WHERE IS THE OPPORTUNITY? No one in this marketspace currently incorporates mobile payments and discovery. KEEP ASKING WHY Inquisitive questioning with a range of users allowed us to identify their real pain points and needs. Can you walk me through how you would usually use the Yelp app? FAIL FAST We did regular testing throughout the duration of the project - eliminating issues and identifying solutions efficiently.

14 RESEARCH HIGHLIGHTS FOURSQUARE DEFINITION Foursquares strategy is evolving from check-ins to discovery through the release of Swarm. USER RESEARCH Only 13% of users interact with Foursquare on a daily basis. 80% of people get frustrated with minimum card payments. TESTING Users wanted an intuitive, simple payment method which still included an element of human interaction.

15 FOURSQUARE I naturally want to put my phone out and scan or swipe it DESIGN ITERATIONS TESTED

16 THE SOLUTION FOURSQUARE A simple, intuitive QR code function which allows you to pay for minimum charge amounts, while also being rewarded with flash offers. NEXT STEPS! Users identified they are more likely to use a product if a friend introduces them to it.! Because of this we would like carry out further research on adoption methods before looking at the solution from a merchants perspective. RESEARCH USER ADOPTION RESEARCH MERCHANT USE

17 PEOPLE IGNORE DESIGN THAT IGNORES PEOPLE FRANK CHIMERO

18 THE TOY SHOP E-Commerce Website THE TASK To design a new e-commerce website for The Toy Shop that allows them to showcase their products, while maintaining their brand image of tradition, fun and creativity. BRIEF BACKGROUND BUSINESS ANALYSIS COMPETITOR ANALYSIS HEURISTIC ANALYSIS USER SURVEY MOSCOW ANALYSIS PERSONAS USER FLOWS IA CARD SORTING SKETCHING WIREFRAME CLICKABLE PROTOTYPE TEST WIREFRAME & MOCK UP ITERATIONS PROTOTYPE definition research design & testing

19 UX Robinson PROCESS HIGHLIGHTS THE TOY SHOP MOVING WITH THE TIMES The Toy Shop was a traditional store but wanted to ensure continued growth by building an online presence. I needed to assess how we could best represent their heritage and independent values online. We sell quality over quantity CLIENT WHY NOT AMAZON? This question kept arising - leading us to look into how we could compete with large solely e-commerce based retailers. FUN, CREATIVITY AND TRADITION How could we combine their brand values within a small, functional and sustainable e-commerce site? If I get her cool stuff, she thinks I m a cool dad PRIMARY PERSONA - JOHN

20 RESEARCH HIGHLIGHTS THE TOY SHOP COMPETITION A competitive analysis highlighted most independent traditional toy shops had very poor websites - only one of which was responsive. USERS PAIN POINTS Users main pain points were identified as: - Lengthy checkout process - Poor product categorisation - Inflexible shipping options IT S ALL ABOUT FUN Users were drawn to the site we showed them which was bright, colourful and had an element of childish characteristics. They said this best represented the products they wanted.

21 THE TOY SHOP He tells me what he wants, but the hard part is finding it TAMSIN - GRANDMOTHER The majority of this project focused on Information Architecture and navigation.! It was key that customers could find products intuitively - eliminating their workload

22 THE PROTOTYPE THE TOY SHOP A simple functional prototype which adheres to the users needs. The information architecture and one-screen checkout means the customer can find their products quickly and checkout easily. NEXT STEPS Users identified they are more likely to use a product which a friend introduces them to. Therefore we would like to research this further before moving onto researching how businesses could use this new feature. TEST PROTOTYPE FURTHER INTEGRATE FURTHER BRANDING

23 A GOOD DESIGN IS DRIVEN BY NEEDS AND DEFINED BY CONSTRAINTS ASTIK PANT

24 APP CONCEPT GA Project One THE TASK Design an app for your project partner.! The app must focus on an interest or problem which you identify on speaking with them. BRIEF INTERVIEW PROJECT PARTNER IDENTIFY PAIN-POINTS SKETCH USER TEST POP APP PROTOTYPE TEST & ITERATE POP APP PROTOTYPE #2 PRESENTATION GA Project One

25 PROCESS HIGHLIGHTS APP CONCEPT WHERE SHALL I SEE WHAT S ON TONIGHT? My project partner used a range of sources when searching for events to attend. She wanted an app which collated her sources and allowed her to see what was on at short notice. I usually look to see what s on when I m on the bus home GA PROJECT PARTNER BUILD MEASURE LEARN I tested my ideas regularly throughout the design process using both paper and POP app prototypes. This meant I could identify design issues and fix them quickly SPEED SPEED SPEED My user looks for events at the last minute and likes this process to be quick and easy. I therefore tested and implemented a swipe interaction, meaning they can swipe through events while in a hurry and with one hand.

26 THE SOLUTION APP CONCEPT This app has been designed to collate all my project partners event sources. They are now able to swipe through events quickly and easily while on the go. NEXT STEPS With more time my next steps would include further research - looking at how my partner interacts with the prototype, before moving onto a mock up. FURTHER PARTNER RESEARCH HIGH FIDELITY MOCK UP

27 Get in touch. UX Designer Consultant Architect Available for Seeking Hire or Freelance Forward Thinking Projects PHONE CONNECT uk.linkedin.com/in/robinsonross