Rui Barroca Product Designer Portfolio

Rui BarrocaProduct Design Consultant

ClientsList of clients I worked with

From America's favourite small cities to world-class destinations, Allegiant makes leisure travel affordable and convenient.

Project The primary objective of this project was to perform a lite refresh of the public website taking initial steps towards a mobile/tablet friendly site by updating the overall layout of the site template and main navigation, as well as focusing on Allegiant’s deals, packages & promotions.

Role - Led Interaction Design solutions for a responsive web product. - Worked with a Development Team (Romania) and Product Team (Vegas, USA) - Presented creative work internally up to C level. - Planned and facilitated co-design modelling workshops. - Generated design concepts, defined application maps, created wireframes and navigation models. - Defined process flows, personas, storyboards and user journeys / scenarios.

Allegiant AirHome Page - Current Website

Allegiant AirHome Page - Under Development

Allegiant AirHome Page - Responsive Tablet View

Allegiant AirSpecial Offers Section - Responsive Tablet View

Allegiant AirPayment Section - Responsive Tablet View

Allegiant AirWhere We Fly Page- Responsive Tablet View

Allegiant AirHome Page - Responsive Mobile View

Allegiant AirSelect Flight - Responsive Mobile View

Allegiant AirSelect Flight - Calendar View - Responsive Mobile View

Allegiant AirTrip Summary View - Responsive Mobile View

William Hill, The Home of Betting, is one of the world’s leading betting and gaming companies and one of the most trusted brands in the industry.

Project Invited temporary to be part of the Innovation Power House to guide and lead the Mobile Native Team through the step by step process of Building a Native App Product in Agile way.

Role - Led the Design and User Experience for iPad App - Presented creative work internally up to VP level. - Created vision documents and helped define the product roadmap. - Generated design concepts, facilitated whiteboard sessions, created wireframes and interaction models. - Produced interaction specifications.

Vegas RevolutionApp Structure - Version 1.0

Vegas Revolution - WireframesLobby section - Layout A and B

Layout A Carrousel gallery interaction Games gallery interaction

Layout B Games gallery interaction Full Games gallery view

Vegas Revolution - WireframesLobby section - Layout C

Layout C Promotion Area interaction Full view

Last Played Game

Game Mode Last Played Games TabBar Interaction Select a Played Game

Vegas RevolutioniPad - Layout A - Navigation Menu, Promo Gallery and Game Grid)

Vegas RevolutioniPad - Layout A - Navigation Menu

Vegas RevolutioniPad - Layout B - Segmented Control, Promo Gallery and Game Grid

Vegas RevolutioniPad - Layout C - Promo Gallery, Segmented Control and Game Grid

Vegas RevolutioniPad - Layout C - Game Information

Vegas RevolutioniPad - Layout C - Game Play Mode

British Airways, often shortened to BA, is the flag carrier airline of the United Kingdom and the largest airline in the United Kingdom based on fleet size.

ProjectThe aim of this project was to carry out a massive update of the existing BA app. It entailed making booking, boarding and accessing everything about flights easier than ever before - Personalised home screen, Book flights, Manage your flights, Flight status and schedules.

Role - Led the User Experience for iPhone and Android - Presented creative work internally up to VP level. - Created vision documents and helped define the product roadmap. - Generated design concepts, facilitated whiteboard sessions, created wireframes and interaction models.

British Airways - WireframesiPhone - On Boarding

British Airways - WireframesiPhone - Flight Section

British Airways - WireframesiPhone - Manage my flight

British AirwaysiPhone - Landing Experience

British AirwaysiPhone - Destination, Promotions and Side Menu

Givenchy is a luxury French brand of haute couture clothing, accessories, perfumes and cosmetics.

Project The mission in the new Givenchy app was to set the pace for the next step in luxury brand mobile usage, allowing affluent consumers the luxury of purchasing their favourite fall/winter 2013 collection items from their mobile devices wherever they are.

Role - Led the Design and User Experience for Universal iOS App - Created vision documents and helped define the product roadmap. - Generated design concepts, facilitated whiteboard sessions, created wireframes and interaction models. - Produced interaction specifications and interactive prototypes

GIVENCHYApp Structure - Version 1.0

GIVENCHY - WireframesiPad - Product Page - Purchase & Shopping Bag

Add to Bag action

Temporary shows item added

Shopping Bag open

GIVENCHY - WireframesiPhone - Menu Navigation

Menu section - Help Sub Help Menu Web view - How to shop

GIVENCHY - WireframesiPhone - Product Page and Shopping Bag

Product Page (All content) Shopping Bag animation Shopping Bag open

GIVENCHYiPad - Landing Experience

GIVENCHYiPad - Navigation Menu

GIVENCHYiPad- Product Detail

GIVENCHYiPad - Shopping Bag

GIVENCHYiPhone - Product Detail

Betfair Group plc is the world's largest Internet betting exchange.

Project My role as a Senior Mobile User Experience Designer in this product portfolio was to develop design concepts, document IA and present creative solutions, across different Mobile Operating Systems, from native to Web Apps, helping to deliver a better mobile betting experience.

Role - Led the Design and User Experience for mobile and cross-platform solutions. - Mentored the design team members/graduate interns.  - Presented creative work internally up to C level. - Created vision documents and helped define the product roadmap. - Generated design concepts, facilitated whiteboard sessions, created wireframes and interaction models. - Produced interaction specifications and interactive prototypes. - Ensured the quality of UX output throughout the product lifecycle.

BetfairEuro Finals by Betfair - Application Map

BetfairEuro Finals by Betfair

Match Modules Stages

Modules A, B and C

BetfairEuro Finals by Betfair

Module A Before Pre Play In Play In Play - Two games

News Module After View Market Section Results Fixtures

BetfairEuro Finals by Betfair - Loading Screen

BetfairEuro Finals by Betfair - Menu, In Play and News Area

BetfairEuro Finals by Betfair - Teams, Team Profile and Results

BetfairHome Screen - iPhone App v1.2

BetfairFootball, Sports Menu and Horse Racing - iPhone App v1.3

BetfairFootball, Sports Menu and Multiples - iPhone App v1.5

BetfairEvent Section - Before and After

Betfair Casino - WireframesMobile Web - Site Map

Betfair Casino - WireframesMobile Web - Home and Games Page View ( 8 Games Only v0.1)

Landing Experience Landing Experience (Full View) Game Profile section

BetfairBetfair Casino -Mobile Web - Navigation Menu, Games Gallery and Game Detail

BetfairBetfair Casino - Responsive - Tablet and Phone

Betfair Registration - WireframesHeader examples

Betfair Registration - WireframesRegistration Steps

Step 1 Step 2

Betfair Registration - WireframesError message and validation

Betfair RegistrationJoin Betfair

Thank YouThis is just a small sample of my work. More in depth detail can be provided.

me@ruibarrocadesigner.com