Web et mobiles

Des interfaces utilisateurs simples et efficaces pour tous les supports

Les 4 étapes clés de la création d'un site Internet responsive

Les <b>4 étapes clés</b> de la création d'un site Internet responsive
Wireframe

Wireframe

Maquette shématique du site internet pour mettre en évidence les problématiques liées à l’ergonomie et aux messages que l’on veut véhiculer.
Cette première étape permet de définir la hiérarchie du site et de créer une mise en page optimale.

Prototype

Prototype

Simulation de la maquette au sein d'un prototype (interactions, navigation, mouvement, ect.).
Cette deuxième étape ne nécessite pas de développement et permet de modifier rapidement le contenu afin d'améliorer l'ergonomie .

Graphisme

Graphisme

A partir du wireframe, une maquette graphique est créée sous Figma ou XD.
Lors de cette troisième étape, tous les détails sont ajoutées. Les couleurs, les typographies, les pictogrammes sont choisi avec soin.

Développement

Développement

La maquette est découpée et intégrée en pages HTML adaptables à tous les écrans (mobile, desktop ou tablette). Différents langages peuvent être utilisées pour ajouter des interactions : Javascript, Jquery ou Php.