Click &
Go.
Order ahead. Pick up nearby. Get back on the road.
A proposed ordering feature for the Via Verde app, connecting motorway travellers with nearby Colibri service areas.
Make motorway stops more convenient.
The project started with a high-level business requirement from Brisa: explore a more convenient way for motorway travellers to order food and drinks from Colibri service areas.
Travellers may want to grab something to eat or drink without spending unnecessary time inside a service area or waiting in queues. Click & Go explored how an existing mobility app could help connect travellers with a nearby collection point.
The challenge and opportunity are based on the client brief and the proposed concept. No original user-research figures or post-launch results were available to recover.
of internet users aged 16+ in Portugal used websites or apps to order takeaway or delivered food monthly.
GWI · Q2 2025 · Digital 2026 report ↗customers across Brisa service areas in 2025, highlighting the scale of the motorway travel environment.
Brisa · 2025 · ECO report, 15 May 2026 ↗These external figures frame the market opportunity; they are not research findings from the Click & Go project and do not measure Colibri food orders specifically.
From a broad brief to a defined journey.
I was responsible for the UX and UI design of Click & Go, translating Brisa's high-level idea into a structured user journey and interface proposal.
I started by mapping the user flow and organising the key stages of the experience. I then moved directly into UI design, using the existing Via Verde design system as the foundation.
Most components were reused to maintain consistency with the app. Only elements needed to identify the new service, such as the Colibri logo, were introduced specifically for Click & Go.
From discovery to order setup.
The screens below document the proposed experience in the order users would encounter it. Original interface copy is shown in Portuguese, as in the recovered designs.
A familiar entry point.
The journey begins on the Via Verde Services dashboard. Click & Go appears as a dedicated card within the existing services, using the established card-based interface and a clear message: “Peça pela app sem filas” — order through the app and skip the queues.
Make the new feature discoverable without creating a separate app or changing the main navigation.
Discover Click & Go under “On the Go”.
Users can also reach the feature through the “Em Viagem” (“On the Go”) category. The prominent green card sits alongside other services relevant to travellers, including Colibri service areas, McDrive and FarmaDrive.
Provide more than one route to discovery while keeping the navigation patterns consistent.
Find a nearby Colibri.
The map uses the user's GPS location to surface a nearby Colibri service area. A selected-location card shows the store name and opening hours, with two clear actions: view directions or start an order.
Connect nearby-location discovery with the next step in the journey, keeping “Fazer pedido” (“Place an order”) visually prominent.
Give travellers the details they need.
The expanded bottom sheet brings together the store address, 24-hour opening information, facilities and Click & Go guidance. It explains how to place an order, follow its status in “Serviços a decorrer” (“Ongoing services”), and present the barcode at pickup.
The screen also communicates a Via Verde balance discount for eligible mobility customers.
Keep key store information and service instructions together without losing the map context.
Confirm billing details and pickup.
Before continuing, users can review the name and tax identification number used for billing and confirm their preferred collection location. Two Colibri locations are shown, with the selected one highlighted by a green border.
The screen also links to Via Verde's terms and conditions and privacy policy.
Make the key order details explicit before handing the user over to the external ordering experience.
Explore the start of the ordering flow.
The full product-selection and checkout flow was expected to be handled by a third-party provider. To illustrate how the next step could work, we created a conceptual simulation of order setup.
The simulation explores when the order is needed (“Now” or a selected day and time), how it will be consumed (in-store, takeaway or car), and the first product categories, including cafeteria and beverages.
This is a concept simulation, not a confirmed implementation. Product selection, cart, payment and final order confirmation were outside the scope of my design work.
A well-received proposal that moved into negotiations.
The Click & Go concept was presented to Brisa and was very well received. Discussions then moved into negotiations. I later left the project and did not receive confirmation of the final outcome or whether the feature was implemented.
No launch metrics, conversion figures or measured UX outcomes are claimed in this case study.
Design within an existing ecosystem
Reuse of the Via Verde design system helped position Click & Go as an extension of a familiar product rather than a separate experience.
Make the handoff visible
The work required clarity around the transition from Via Verde's feature entry and setup screens to a third-party-managed ordering flow.