Freelance
Runaway Bride is a car rental app for weddings and special ceremonies. The project delivered was built to meet the needs of brides and grooms who are organizing their wedding day.
The web application allows users to find the perfect car and set up a ride for transportation to the event.
User
+1k people who rented car for weddings and special ceremonies.
Long flows with a lot with information required before payment.
Goals
Increase conversion rates and reduce contact rate on WhatsApp.
The discovery for the mobile first redesign started by exploring the product in its current state. I gained a comprehensive understanding of the product by capturing screenshots of both its mobile and web versions. Then, I analyzed the flow of the product, mapping any pain points related to usability and questions sent by users via WhatsApp.
Screenshots of previous web and mobile versions.
An audit was conduced comparing the current product with five different products, evaluating seven key points of interaction: Home page, Menu, Search functionality, Address search, Date-time picker, Results display, and Payment process.
Benchmark screenshots and analyzed apps logos.
A new user flow was proposed, addressing the usability issues and benchmark insights, improving upon the previous flow.
Detailed mobile user flow
A wireframe was used to align client expectations before any visual design. It was emphasized that there could be potential changes throughout the iteration process.
Mobile wireframe accepted by the client
A medium-fidelity prototype was designed to explore visuals and test component structure affordance with users before finalizing high-quality visuals. The approach prioritizes mobile-first design principles. I also developed a style guide and mobile components, based on Runaway Bride's brand identity and Material design 3.
Explorations for medium-fidelity prototype and design token definitions - colors, spacing and text styles.
The Figma hand off was delivered along with documentation including interaction details, web responsiveness guidelines, and specific component specifications.
Address search in the car search flow.
Available cars from search results.
Credit card addition in the payment flow.
© 2024 Gabriel Branco