Rui Barroca Product Designer Portfolio
-
Upload
rui-barroca -
Category
Design
-
view
665 -
download
0
Transcript of 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.