Sat Nav
For the next generation of navigation user experience we created a scalable user interface with map centric interaction. Used under harsh conditions the style had to fit a car interior.
FOUNDATION
We created a fresh and
meaningful visual language
Based on our Brand Values
INVENTIVE
TANGIBLE
ESSENTIAL
PERSONAL
HUMANE
Rooted in Dutch Design
BOLD
QUIRKY
HUMOROUS
WARM
HUMANIST
Inspired by Wayfinding
EXTRA-CLEAR
EFFICIENT
DIGESTIBLE
STRUCTURED
FUNCTIONAL
Crafting our language
A PERSONAL TOUCH
Simple yet meaningful personalisation in our experience by allowing the user to choose a custom colour. This colour is subsequently applied throughout the UI to highlight the things that belong to the user, such as the user’s chevron and route information.
TRUSTED GUIDE
In addition to the user’s highlight colour, a red spectrum representing alerts, warnings and danger provide traffic, speedcamera alerts and emergency messages.
Achieving Ultra Crispness throughout different resolutions
Building delight with detailed textures
Original
Refinement
Depth
Shade/Light
Color variation
Texture
Less detail and lighter color on lower zoomlevels or further distance.
A muntin is a strip of wood or metal separating and holding panes of glass in a window. Muntins can be found in doors, windows and furniture, typically in western styles of architecture. In the U.S., the thickness of window muntins has varied historically, ranging from very slim muntins in 19th century Greek revival buildings to thick muntins in 17th and early 18th century buildings.
Rectangular Windows with Dividers
Glass Curtain Wall
Windows with Large Balconies
Modern Windows without Dividers
Arched Rectangular Windows with Dividers
Church Windows
FAMILIAR COLOUR
The colours used for building textures are associative to familiar colours used in architecture and used in low colour values so they don’t interfere with primary guidance information.
Combining colour, iconography, grids and texture
This home screen is the layout that forms the front of the navigation application. It contains the map in various states (guidance view and overview) and it displays the UI elements needed for interacting with the map, for gaining access to common tasks and it presents elements to the driver with information like driving info, traffic, guidance, alerts etc...
Screen agnostic
Designed as a ‘general’ software product, agnostic to whether it runs on a dedicated product, mobile device or in-dash system.
The circle, a shape so simple, so perfect, so... rounded. No basic shape is more organic than the circle, it has a smooth quality that makes it appealing to the eye.
MAP-CENTRIC USER EXPERIENCE
The map is the wallpaper of the navigation application. The map feels alive, ‘real time’ and personal.
Poi colourisation
A shortlist of POI categories has been defined, to create more hierarchy each category gets its own color. This will make it easier to browse for information and adds delight to our neutral map.
Get in touch!