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

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

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

A partir du wireframe, une maquette graphique est créée sous Photoshop ou Illustrator.
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

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.