Web Design

Le web design est l'action de maquetter un site vitrine, une application mobile ou un e-commerce. Chez VingtCinq, nous utilisons le logiciel Sketch pour réaliser toute l'interface utilisateur (UI) de nos projets web. Nous découpons le web design en 2 étapes distinctes :

Wireframe 

Un projet web commence toujours sur une feuille de papier ; quelques croquis, quelques notes permettent de lancer la création de votre futur site. L'architecte croque, esquisse jusqu'à trouver l'idée qui répondra au besoin de son client. Le web designer à une méthode de travail similaire. Une fois le projet délimité par les mots il faut lui donner une forme et c'est là qu'intervient le wireframe. Wire comme "fil", le wireframe est un dessin ou plan réalisé sur papier ou sur un logiciel (Sketch, Illustrator ou Photoshop), il ne comporte que des traits, des rectangles, des zones, il n'a pas de couleurs. Il sert à créer le périmètre fonctionneldu projet, et il peut également servir de cahier des charges. Il est facile et rapide à réaliser et fait office de base de réflexion. Quand le projet est conséquent, nous conseillons fortement l'étape du wireframe, même s'il manque de concret, il permet d'avoir un maquettage fonctionnel rapidement. 

Maquette visuelle

Après le Wireframe, nous remplaçons progressivement les zones par des photos, des couleurs ou du graphisme (pictogrammes, illustrations). La maquette fonctionnel prend vie pour devenir maquette visuelle. C'est généralement une partie très excitante du projet, car le client rencontre pour la première fois son futur site. Lors de cette étape, nous utilisons la charte graphique préalablement réalisée et la déclinons pour le web. Le web a ses codes graphiques, ses interdits et ses bonnes pratiques. Quelle sera la couleur de conversion (celle qui attire le clic) ?, Quelle taille de police utiliser pour une lecture optimale ? Un ensemble de réflexions qui sont discutées lors de cette étape. Une fois validée par le client, la maquette est transmise au developer front-end qui sera en charge de l'intégration