rui barroca product designer portfolio
TRANSCRIPT
![Page 1: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/1.jpg)
Rui BarrocaProduct Design Consultant
![Page 2: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/2.jpg)
ClientsList of clients I worked with
![Page 3: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/3.jpg)
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.
![Page 4: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/4.jpg)
Allegiant AirHome Page - Current Website
![Page 5: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/5.jpg)
Allegiant AirHome Page - Under Development
![Page 6: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/6.jpg)
Allegiant AirHome Page - Responsive Tablet View
![Page 7: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/7.jpg)
Allegiant AirSpecial Offers Section - Responsive Tablet View
![Page 8: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/8.jpg)
Allegiant AirPayment Section - Responsive Tablet View
![Page 9: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/9.jpg)
Allegiant AirWhere We Fly Page- Responsive Tablet View
![Page 10: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/10.jpg)
Allegiant AirHome Page - Responsive Mobile View
![Page 11: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/11.jpg)
Allegiant AirSelect Flight - Responsive Mobile View
![Page 12: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/12.jpg)
Allegiant AirSelect Flight - Calendar View - Responsive Mobile View
![Page 13: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/13.jpg)
Allegiant AirTrip Summary View - Responsive Mobile View
![Page 14: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/14.jpg)
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.
![Page 15: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/15.jpg)
Vegas RevolutionApp Structure - Version 1.0
![Page 16: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/16.jpg)
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
![Page 17: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/17.jpg)
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
![Page 18: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/18.jpg)
Vegas RevolutioniPad - Layout A - Navigation Menu, Promo Gallery and Game Grid)
![Page 19: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/19.jpg)
Vegas RevolutioniPad - Layout A - Navigation Menu
![Page 20: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/20.jpg)
Vegas RevolutioniPad - Layout B - Segmented Control, Promo Gallery and Game Grid
![Page 21: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/21.jpg)
Vegas RevolutioniPad - Layout C - Promo Gallery, Segmented Control and Game Grid
![Page 22: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/22.jpg)
Vegas RevolutioniPad - Layout C - Game Information
![Page 23: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/23.jpg)
Vegas RevolutioniPad - Layout C - Game Play Mode
![Page 24: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/24.jpg)
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.
![Page 25: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/25.jpg)
British Airways - WireframesiPhone - On Boarding
![Page 26: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/26.jpg)
British Airways - WireframesiPhone - Flight Section
![Page 27: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/27.jpg)
British Airways - WireframesiPhone - Manage my flight
![Page 28: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/28.jpg)
British AirwaysiPhone - Landing Experience
![Page 29: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/29.jpg)
British AirwaysiPhone - Destination, Promotions and Side Menu
![Page 30: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/30.jpg)
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
![Page 31: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/31.jpg)
GIVENCHYApp Structure - Version 1.0
![Page 32: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/32.jpg)
GIVENCHY - WireframesiPad - Product Page - Purchase & Shopping Bag
Add to Bag action
Temporary shows item added
Shopping Bag open
![Page 33: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/33.jpg)
GIVENCHY - WireframesiPhone - Menu Navigation
Menu section - Help Sub Help Menu Web view - How to shop
![Page 34: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/34.jpg)
GIVENCHY - WireframesiPhone - Product Page and Shopping Bag
Product Page (All content) Shopping Bag animation Shopping Bag open
![Page 35: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/35.jpg)
GIVENCHYiPad - Landing Experience
![Page 36: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/36.jpg)
GIVENCHYiPad - Navigation Menu
![Page 37: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/37.jpg)
GIVENCHYiPad- Product Detail
![Page 38: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/38.jpg)
GIVENCHYiPad - Shopping Bag
![Page 39: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/39.jpg)
GIVENCHYiPhone - Product Detail
![Page 40: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/40.jpg)
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.
![Page 41: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/41.jpg)
BetfairEuro Finals by Betfair - Application Map
![Page 42: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/42.jpg)
BetfairEuro Finals by Betfair
Match Modules Stages
Modules A, B and C
![Page 43: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/43.jpg)
BetfairEuro Finals by Betfair
Module A Before Pre Play In Play In Play - Two games
News Module After View Market Section Results Fixtures
![Page 44: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/44.jpg)
BetfairEuro Finals by Betfair - Loading Screen
![Page 45: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/45.jpg)
BetfairEuro Finals by Betfair - Menu, In Play and News Area
![Page 46: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/46.jpg)
BetfairEuro Finals by Betfair - Teams, Team Profile and Results
![Page 47: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/47.jpg)
BetfairHome Screen - iPhone App v1.2
![Page 48: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/48.jpg)
BetfairFootball, Sports Menu and Horse Racing - iPhone App v1.3
![Page 49: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/49.jpg)
BetfairFootball, Sports Menu and Multiples - iPhone App v1.5
![Page 50: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/50.jpg)
BetfairEvent Section - Before and After
![Page 51: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/51.jpg)
Betfair Casino - WireframesMobile Web - Site Map
![Page 52: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/52.jpg)
Betfair Casino - WireframesMobile Web - Home and Games Page View ( 8 Games Only v0.1)
Landing Experience Landing Experience (Full View) Game Profile section
![Page 53: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/53.jpg)
BetfairBetfair Casino -Mobile Web - Navigation Menu, Games Gallery and Game Detail
![Page 54: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/54.jpg)
BetfairBetfair Casino - Responsive - Tablet and Phone
![Page 55: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/55.jpg)
Betfair Registration - WireframesHeader examples
![Page 56: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/56.jpg)
Betfair Registration - WireframesRegistration Steps
Step 1 Step 2
![Page 57: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/57.jpg)
Betfair Registration - WireframesError message and validation
![Page 58: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/58.jpg)
Betfair RegistrationJoin Betfair
![Page 59: Rui Barroca Product Designer Portfolio](https://reader033.vdocuments.mx/reader033/viewer/2022052706/58767f041a28ab1b158b55cf/html5/thumbnails/59.jpg)
Thank YouThis is just a small sample of my work. More in depth detail can be provided.