Telenav · 2018–2024 Embedded Navigation Ford · Lincoln

Navigation
in Production

Embedded navigation UI shipped in real Ford and Lincoln vehicles — from an 8" Sync 3 display to a 15" concept proposal. Hundreds of screens, three languages, multiple OEM style guides, and a production cadence that didn't wait.

Screen Sizes
8" → 15"
OEM Partners
Ford · Lincoln
Languages
EN · FR · ES
Tools
Sketch → Figma

Production design
at OEM scale

This project started with an 8" head unit display for Ford's Sync 3 system. By the time I joined, the 8" had to be adapted to 12" for the F-150 — and from there it kept growing. 12" became 13.2" for the F-150, Lincoln, and Cadillac. Then a 15" Mustang proposal. Each size brought a different aspect ratio, different Ford-mandated constraints, and for each new OEM a completely different visual language.

Ford's own style guide arrived in limited, sometimes vague form. The work was to take those constraints and build a complete UI system from them — day and night mode component libraries, full navigation screen sets, and every edge case in between. Then do it again when the brief changed.

The pace was real. "We need this redesigned in two weeks" with hundreds of existing screens is not a hypothetical — it happened. Multiple times. The job was to move fast without losing quality or consistency, across a system too large to hold in your head.

The scale

Multiple screen sizes. Two OEMs. Three languages. Day and night modes. Hundreds of production screens — redesigned under real deadlines.

What the work
actually involved

  • Built day and night mode component libraries from Ford's style guide
  • Designed all navigation screens across 8", 12", 13.2", and 15" formats
  • Adapted layouts for Lincoln and Cadillac — different fonts, colors, and visual treatments on the same underlying system
  • Ensured every design worked across English, French, and Spanish
  • Migrated the entire design system from Sketch + Zeplin to Figma
  • Delivered production-ready specs and assets to engineering
  • Redesigned the full 15" system as a proposal under extreme deadline pressure

The constraint that shaped everything was Ford's own standards — minimum font sizes and tap target sizes stricter than NHTSA requirements. Every layout decision had to work within those rules first, then be visually refined within whatever space remained.

Three languages meant no layout could be designed tight in English and assumed to hold. French and Spanish labels are consistently longer — navigation instructions especially. Testing every screen in all three languages wasn't optional.

What shaped
every decision

Safety Standards
Ford's own rules, stricter than NHTSA
Minimum font sizes and tap target dimensions set a hard floor for every screen. The visual design lives inside those constraints — not around them.
Three Languages
EN · FR · ES on every screen
French and Spanish text runs significantly longer than English — especially turn-by-turn instructions. Every layout had to be tested and validated in all three before it shipped.
OEM Style Guides
Limited briefs, full systems expected
Ford's style guides arrived partial and sometimes ambiguous. The work was to interpret them into a complete UI library — then reinterpret them for Lincoln and Cadillac with entirely different brand voices.
Day + Night Modes
Every screen, twice
Each screen existed in both day and night variants. Not a color swap — different contrast requirements, different map rendering, different legibility considerations for each lighting condition.
Production Deadlines
"Redesign everything in 2 weeks"
Real deadlines, real consequences. Hundreds of screens sometimes needed to be updated in full in days — without shortcuts that would create debt, because the next deadline was already coming.
Tool Migration
Sketch + Zeplin → Figma
The entire design system was migrated from Sketch to Figma mid-project — while production work continued. No pause, no clean handoff window.

The work,
size by size

8"
Ford F-150 · Sync 3 · p702
1600 × 960 · The starting point
12"
Ford F-150 · Sync 4 · p702
3840 × 2400 · Adapted from 8"
12"
Ford · Sync 4 · u553
3840 × 2400 · Updated visual system
13.2"
Ford · cx482
4696 × 2160 · Wider format, new visual language
13.2"
Ford Mustang · s650
4696 × 2160 · Same size, different brand expression
13.2"
Lincoln · cx483
4696 × 2160 · Same platform, Lincoln brand voice
15"
Ford · Production
Maximum screen size · Full layout density
15"
Ford · Mustang Proposal
Redesigned in two weeks · Lost to TomTom · Our design was reused

A full redesign proposal built under extreme deadline pressure — two weeks straight, late nights, the team working at maximum capacity. TomTom won the contract. They used our design.

What this work
actually teaches you

Production design at OEM scale is a different discipline from product design. The artifact isn't a prototype — it's a spec that engineers implement in a vehicle that has to pass regulatory review and then go on the road. Mistakes don't get hot-fixed. There's no "ship it and iterate."

The constraints are real constraints, not design principles. Ford's minimum font sizes exist because someone decided what's legible while driving. The three-language requirement isn't an edge case — it's a product requirement for market. Every screen has to work in all conditions before it's done.

What this work builds is an instinct for systems thinking under pressure. Not "what's the best design" in isolation, but "what's the right decision given these constraints, this timeline, and the hundred other screens this has to be consistent with." That's a different and harder question — and answering it repeatedly is what makes a senior designer.

The outcome

The work shipped in real vehicles. The proposal was good enough to reuse. The system held across four screen sizes, two OEMs, and three languages.