Skip to content
Tomás' UX Portfolio
UX Portfolio

icon picker
Responsive Experience boosting conversion and accessibility for Quicko

User Research, Quantitative Research Methods, Usability Testing, Responsive Web| Senior UX/UI Designer for Quicko | 2019

1. Context

App Type: 🖥️📱 Responsive Web
Target Audience: Business-to-Consumer (B2C)
Role: I was the Lead UX designer for this 3 month project.
User Base: Operating on 8 capital cities of Brazil
Company Objective: Offer Multimodal transport, umbrellas, real time transportation notifications.

2. UX Problem

The absence of a high-converting landing page failed to effectively showcase Quicko's proposed user experience, neglecting to highlight the inherent value proposition, including the logistical advantages and benefits of the product.

2. UX Goal

Increase conversion via the Landing page, by transforming our mobile app into a seamless and responsive experience, ensuring it adapts flawlessly to various devices and screen sizes. Our primary goal is to provide new users with a consistent and user-friendly interface that encourages conversion, whether they're accessing the app on smartphones, tablets, or desktops, ultimately enhancing overall accessibility and usability

3. UX Process

Setting up the requirements

As a landing page, it needs to cater to various user types: those already using the product, newcomers, and even individuals interested in the service but not yet covered. To address this, I've designed distinct User Journeys for each user category and ensured that the site's informational architecture comprehensively covers the institutional aspects.
Screenshot 2023-10-17 at 14.18.33.png

Benchmark Analysis

I conducted a benchmark analysis order to understand how other players were solving conversion, SEO, and storytelling.
Screenshot 2023-10-17 at 14.16.32.png

Getting the flow right

Even on a one-pager, I treated the scroll as a narrative flow. The objective was to answer essential questions upfront, starting with the purpose of the app (improving mobility), showcasing its value (it's really helpful!), and then elaborating on the benefits (bike, charging bus cards, umbrellas, etc.) and the cities where the service operates. Determining the best order for this presentation? We'll find out through usability testing!
Screenshot 2023-10-17 at 14.19.45.png

Wireframing and prototyping

Using Figma, I created a few different approaches that I wanted to do an A/B test on and also check if the flow for the degustation (finding a route on the map) was super clear.
Screenshot 2023-10-17 at 14.21.02.png

Usability Testing with Maze

The results gave room to data-driven conversations with stakeholders and together we defined the best approach and which features should be highlighted from the start.

Screenshot 2023-10-17 at 14.21.47.png

Using Looker for Quanti x Quali analysis

I utilized Looker (former Google Data Studio) to merge both quantitative and qualitative data, transforming raw data into actionable insights and valuable user knowledge. It is a helpful tool for socializing research results with stakeholders.
Screenshot 2024-08-06 at 08.00.58.png

User Interface

The main concept was take the user in a journey, guiding them through the lines, while using the already existing well stablished design system of Quicko's brand, that I then then applied it to the whole responsive experience.
Screenshot 2023-10-17 at 14.23.02.png
Screenshot 2023-10-17 at 14.23.19.png
Screenshot 2023-10-17 at 14.22.37.png
Screenshot 2024-01-19 at 16.07.49.png

go

Product Outcomes (KPIs)

Enhanced Onboarding: There was a 12% increase in user adoption due to the redesigned onboarding experience, indicating that users found the product easier to understand and engage with right from the start.
By prioritizing essential user information based on insights gathered from testing, we established a strong foundation for user interactions. This focused approach resulted in a remarkable 25% increase in the Task Completion Rate.
Streamlined Stakeholder Engagement: The redesigned UX made life easier for all stakeholders involved. Product managers, developers, resulting in faster development cycles, fewer revisions, and enhanced collaboration.

Thanks!

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.