Coyote

Coyote is a European system for warning the location of a danger area by sharing information between users, through the GSM network.

The technology combines real-time geolocation. Each driver connects to the collective intelligence of the community to thwart the vagaries of the road by signaling the presence of danger to others. Three types of alerts can be signaled: dangers, safety and traffic information.

Colors, Borders, Shadow

Primary colors

#64E61E

Couleur identitaire Coyote

#9DF074

Déclinaison vert identitaire

#44425A

Gris foncé identitaire

#1D1C29

Noir identitaire

Secondary colors

#28C5FF

Bleu

#F13032

Rouge Alerte

#FF8B3F

Orange Alerte

#585772

Gris foncé actif

Border

#585772

Stroke : 2

Corners Radius : 8

Shadow

#00000 20%

Y : 4

Blur : 4

Components

Buttons (sample)

Wording

Design System

Business needs lead up designers to build more, faster and better but without guidelines in place, each new employee will slow down the process even further.

It was really important to find a solution to restore consistency and facilitate the use of resources.

Integrate in the sketch library the layout of pages and the general identity of the product. (colors, typography, icons…).
Creation of all existing components and templates by using the Atomic design.

This step is essential for several reasons :

• Build a sense of belonging
• Develop a shared vocabulary
• Understand, align and maintain

Interface Design

After loops of feedback and weekly design critiques from the Product Design team and the Engineering team, we learned that simple and mature design would drive greater efficiency and create more coherent experience for users.

We also worked closely with the Copy team to shape and polish the product experience.

We continued to collaborate with teams for feedback. Validating our design solutions through user testing especially helped to become confident in our design decisions.