FIAT Automóveis · Brazil · Previous 2023

MyFIAT

Brazil's first end to end online car purchasing platform. A project that forced me to think in systems not screens and led me to understand UX as orchestration between service layers, APIs, and human moments that couldn't be automated.

Service Design Systems Architecture Stakeholder Orchestration Mobile · Web Automotive
My Role Senior UX · Experience Architecture
Team Sr. Planner · Art Director
API Engineers · Tech Executives
UX Designers · Copywriters
Timeline Previous 2023 · Delivery and rollout
Context First of its kind in Brazil. Automotive e-commerce with home delivery unprecedented in the market.
Complexity API integration · Dealer network
Inventory management · Finance layer
Last mile logistics
1st
Online car sale
in Brazil
100%
Digital purchase
flow
Delivery radius
anywhere
Previous 2023Year delivered
Senior UXRole
Auto­motiveIndustry
SP·BRMarket
Platform experienceStatus
My FIAT campaign visual
01
Framing the Problem
Section 01
Challenge

The system was the real product

Buying a car isn't a checkout flow. It's a 30-day emotional, financial, and logistical journey. My job was to make all of it invisible to the customer.

When FIAT came to us, the brief sounded deceptively simple: build Brazil's first digital car buying platform. But within the first week of discovery, it became clear this wasn't a UI problem. It was a service infrastructure problem wearing a digital interface.

The challenge wasn't designing screens. It was orchestrating a system where API architecture, dealer inventory, financial services, logistics, and customer emotion had to work in concert and any failure in any layer would fracture the experience entirely.

What made this genuinely hard was the gap between what customers believed was happening and what was actually happening behind the scenes. The old flow was a lead generation machine: you'd express interest on FIAT's website, and weeks later a dealer would call you. My FIAT needed to collapse that distance to zero from intent to delivery, fully trackable, fully digital.

"The interface would only work if the service worked. Every screen was a contract with a backend process that had to exist."

Felipe Coletti · Senior UX · Experience Architecture

Before → After: the purchase flow transformation

Before
01
Customer visits FIAT.com.br
Lead capture
Interest submitted as a form. No confirmation, no tracking, no digital record.
Before
02
Data sent to manufacturer
Black box
Customer enters a waiting void. No updates, no timeline, no visibility.
Before
03
Car arrives at dealer
Offline handoff
Customer must visit the store. Paperwork, waiting rooms, negotiation.
After
01
Configure & purchase online
Full control
Model, color, optionals, financing all resolved digitally in a single session.
After
02
Real time status tracking
Transparency
Customer sees every stage of production and logistics on their dashboard.
After
03
Home delivery with full tank
Delight moment
Car delivered at the address of choice. Full tank. Document package. Zero dealer visit required.
02
Research & Discovery
Section 02
Research

Mapping the system from all sides

I ran three parallel research tracks simultaneously. Consumer mental models, technical constraints, and global market benchmarks because all three would shape every design decision.

Stakeholder interviews: mapping the invisible

Before touching a single wireframe, I needed to understand the invisible architecture. I conducted a series of structured interviews with the Senior Planner to establish target audience parameters, and separate sessions with API engineers and technology executives to reverse engineer the system's constraints and capabilities.

This research wasn't about validating assumptions it was about discovering what was even possible. The API infrastructure would define the interaction model. If inventory couldn't be surfaced in real time, real time selection was off the table. If financing wasn't integrated, the flow would break at the most critical moment.

INS·01
Consumer mental model: buying a car feels like a leap of faith
Customers described the traditional process as "losing control" the moment they signed. They craved transparency, not speed. Progress visibility was more important than friction reduction.
INS·02
API architecture enabled a real time inventory layer
The technical discovery session revealed that live inventory could be exposed via the dealer network API. This unlocked genuine availability information not catalog data enabling real purchase decisions online.
INS·03
Global benchmarks: financing integration was the deciding factor
Competitive analysis of international players (international automotive digital platforms) showed that platforms without financing integration had substantially lower completion rates. Financing had to be a first class citizen of the flow, not an afterthought.

User journey mapping: partners, not subjects

Working in close partnership with the planning team, we mapped the end to end consumer journey across the entire purchase lifecycle from the first moment of consideration to the first week of ownership. This wasn't a UX exercise in a silo. I brought planners, copywriters, and design directors into a shared room and made the journey visible together.

User journey map My FIAT
User journey map from initial consideration to post delivery. Built collaboratively with planning team.

Global competitor analysis

My competitive research was deliberately international. The Brazilian market had no direct precedent to learn from, so I looked at every market where digital car sales had been attempted identifying navigation patterns, trust signals, and decision point architecture that worked regardless of cultural context.

The key pattern: in every successful market, the configurator (model → color → optionals) was a confidence building ritual, not a funnel. The best experiences treated customization as belonging, not just selection.

03
Design Process
Section 03
Process

Workshop, sketch, iterate

Three tools drove the design process: a cross functional workshop to surface competing needs, paper sketches to move fast, and wireframes to stress test the system model.

The design workshop: making decisions with the room

Before a single pixel was placed, I facilitated a cross functional design workshop. The room: copywriters, planners, design directors, UX designers. The setup: left wall = purchase journey. Right wall = four pillars: Features, Expectations, Needs, and Communication.

Each person was asked one question: "What matters to you most when buying a car?" then we categorized, clustered, and synthesized. The output wasn't a deliverable. It was a shared mental model that the entire team could reference for the duration of the project.

This is the moment I now recognize as the most strategically important decision of the project: investing in alignment before investing in design. Every downstream decision moved faster because this foundation existed.

Design workshop
Cross functional design workshop journey mapping + aspiration clustering with the full team.

Sketching: thinking on paper

Sketches came after the workshop not before. I used paper deliberately to move fast and stay conceptual. At this stage, the questions were about sequencing and system logic, not visual design. What should the customer see first? What decision do they need to make next? What information is required at each step and where does it come from?

Wireframe sketches
Early sketches focusing on system logic and decision sequencing, not visual design.

The ecosystem insight

During the wireframing phase, one realization changed the direction of the project: we weren't designing a purchasing flow we were designing a purchasing ecosystem.

The configurator, the financing calculator, the inventory layer, the order tracker, the delivery scheduler these weren't separate screens. They were interconnected states of a single system. Designing them independently would produce friction at every handoff.

System Layer
Design Contribution
Discovery Layer
Catalog · Configurator
Model selection emotional, aspiration driven IA
Color + optionals real inventory available, not catalog fiction
Price transparency no hidden costs surfacing at checkout
Transaction Layer
Finance · Checkout
Financing simulation integrated into the decision flow, not post selection
Down payment calculator live, responsive, removes friction from commitment
Document checklist proactive, not reactive
Fulfillment Layer
Production · Logistics
Order status dashboard real time production stage visibility
Delivery scheduling customer controlled, date selectable
Home delivery confirmation full tank + documentation handoff moment
Post Purchase Layer
CRM · Retention
My FIAT dashboard car data, service scheduling, ownership hub
Document repository all purchase papers, accessible, organized
Next car seed lifecycle communication starting from day 1
Wireframes
Wireframes developed after the ecosystem model was established each screen as a state of the system.
04
Visual Design & Execution
Section 04
Visual Design

Directing quality and guiding its execution

In this role, my contribution to visual design was architectural oversight ensuring that accessibility, information hierarchy, and interaction quality were preserved as the design direction took shape.

At this stage of the project, my role shifted from creator to guardian. The Art Director was responsible for the visual execution. My responsibility was to ensure that every visual decision honored the UX principles established in the earlier phases: clear hierarchy, accessible contrast, progressive disclosure, and emotional tone calibrated to a high consideration purchase.

This is a role distinction I've come to think is critical at scale: the responsibility at this level is not to design every screen, but to build the conditions where every screen gets designed well. I communicated through annotated specs, accessibility requirements, and regular reviews, not by taking over the artboard.

Design Principle
Visual Decision
Status
Accessibility first typography
Minimum 4.5:1 contrast ratio enforced throughout all text on brand photography. Art director used text shadow system rather than overlays.
✓ Resolved
Trust through visual density
High consideration purchase required richer information density than a typical e-commerce flow. Removed the temptation to "simplify" the configurator to a minimal aesthetic.
✓ Resolved
Mobile first hierarchy
Primary user journey designed for mobile viewport first. Configuration flow uses progressive disclosure one decision at a time on small screens.
✓ Resolved
Status visibility system
Order tracker required a distinct visual language (steps, progress, production stages) that connected to FIAT's brand without borrowing from logistics competitors.
✓ Resolved

The interface in motion

The final design achieved the primary goal: making a complex, multi stage transaction feel as simple as a considered decision should feel. Not frictionless but navigable. Not minimal but clear.

My FIAT mobile home screen
Home screen
My FIAT navigation system
Navigation
My FIAT model selection
Model selection
My FIAT color selection
Color selection
Card system
Card component system model selection and comparison interface.
05
Outcomes & Impact
Section 05
Outcomes

What the system produced

My FIAT launched and became Brazil's first fully digital car purchasing platform a milestone that the automotive industry had considered years away. The platform delivered on its core promise: a customer could configure, purchase, finance, and receive a FIAT vehicle without ever visiting a dealership.

The project also established a template for how digital transformation in traditional industries could be approached: through service design thinking, not just UI polish.

1st
In Brazil
First fully digital car purchasing flow in the Brazilian market unprecedented in the automotive industry.
0
Dealer visits required
From configuration to delivery: the entire journey resolved digitally, without a physical touchpoint.
End-to-end
Service coverage
Configuration, financing, production tracking, and last mile delivery in a single, continuous experience.
Platform experience
Platform status
My FIAT continued operating and expanding its capabilities post launch. The system scaled.
Retrospective

What this project taught me about leadership

I worked on My FIAT in a Senior UX role focused on experience architecture early enough in my career that the lessons were still arriving in real time. Looking back, I can name what this project was actually about: designing with and through people, not despite organizational complexity.

The instinct in complex projects is to retreat to craft. To protect quality by doing it yourself. My FIAT showed me that the harder and more important skill is creating the conditions for quality to emerge from a room full of different expertise and that a workshop with the right structure is worth more than a hundred hours at the artboard alone.

Lesson 01 · Systems Before Screens
The interface is the last 10% of the problem
The real design work happened in the stakeholder sessions, the API mapping, the service blueprint. Every screen we designed was a manifestation of decisions made much earlier and a contract with a backend process that had to exist.
Lesson 02 · Facilitation is Design
The workshop was the highest leverage design decision
Investing a day in cross functional alignment before wireframing eliminated weeks of rework and escalations. I've since formalized this principle across every project I've contributed to: alignment upstream makes execution downstream faster and higher quality.
Lesson 03 · Directing vs. Doing
Senior UX: creating conditions for excellent work
Trusting Marcos with visual execution while I focused on accessibility oversight and system consistency was the right call. The output was better because two experts focused on their domains not one person spreading thin across all of them.
Lesson 04 · Ecosystem Thinking
Every screen is a state of a system
The realization during wireframing that we were building an ecosystem, not a flow changed everything. This mental model now informs how I frame every product I work on: not as a collection of screens, but as interconnected states with dependencies.
Next Case Study
SKY · Audience Strategy
Intelligence Platform