Le web design

Le web design décrit simplement a pour objectif de produire une représentation fidèle du résultat final des pages d’un site web. Le design comprend deux parties essentielles qui sont le UX design et le UI design qui permettent de définir des aspects complémentaires d’une interface. Le design ne produit pas les pages séparément mais s’assure de la cohérence dans la présentation générale du site web. C’est le design qui définit comment les contenus et informations seront présentées sur le site.

les-etapes-du-design

L’importance du design web

Le design présente plusieurs avantages pour toute personne souhaitant créer un site web. Parmi ces nombreux avantages nous pouvons citer :
icon-webdesign-services

Simulation et
validation

Grâce au design le client peut faire des simulations et anticiper d’éventuels problèmes. Le design permet également de mieux saisir l’ampleur du projet.
icon-du-service-programmation

Réduction du temps
de développement

Lors de la phase de programmation il y aura peu de retouches car les retouches auront déjà été faits pendant la validation du design et donc le travail ira plus vite pour les étapes suivantes qui seront basées sur le design.
icon-illustrative

Promotion du
projet

Avec un design, le client peut commencer à faire la promotion de son projet et entreprendre certaines démarches alors que le projet n’existe pas encore.
icon-controlle

Contrôle et suivi
du projet

Avec un design, on peut aisément planifier le développement du site web et valider chaque écran par rapport à son design.

Les Designs de Start POINT

Pour un bon travail de design de site web nous proposons les designs responsifs adapté à trois tailles d’écran que sont le mobile, la tablette et l’ordinateur de travail (Laptop ou Desktop). La priorité est accordée au design mobile car c’est à travers les smartphones que les sites web sont le plus visité. Toutefois les différents designs d’une même page ne sont pas juste des adaptations d’une même version mère mais chaque design est travaillé afin de présenter au mieux les informations.

Par exemple l’ordre des éléments ne sera par forcément le même sur la version desktop et la version mobile d’une même page. Une information présentée dans des onglets sur Desktop peut se retrouver dans un accordéon sur mobile. Tout ce travail a pour objectif de produire des rendus qui permettront d’atteindre efficacement les objectifs visés pas le site web.

Les livrables de Startpoint

En fonction des besoins du projet au terme du design on peut produire plusieurs types de documents qui serviront des objectifs divers. Plus il y aura de livrables plus le travail nécessaire augmentera et naturellement le coût en temps et en finance aussi. De façon générales nous proposons les livrables suivants :
Les fichiers images
Il s’agit des rendus du design au format d’un fichier image jpg ou png. Son principal avantage est que vous pouvez l’ouvrir pour le consulter avec n’importe quelle visionneuse d’image que ce soit sur mobile ou sur ordinateur de bureau. Par contre il n’est pas aisé de les modifier.
Les fichiers de conceptions
Il s’agit des fichiers au format de logiciel de design tel que Photoshop, Illustrator, GIMP. Contrairement aux fichiers images ces fichiers ne peuvent être ouvert qu’avec des logiciels spécifiques qui toutefois vont permettre de faire des changements sur les designs si nécessaires. Ce sont les fichiers nécessaires surtout si l’on souhaite garder le contrôle sur le projet afin d’en transmettre la suite à une autre équipe.
Les fichiers de découpage Html
c’est une autre forme de rendu du design mais cette fois ci au format HTML et consultable uniquement grâce à un navigateur web. Les fichiers de découpage HTML offrent également l’avantage de voir les éléments dynamiques du design en action tels que les Slide, les onglets…. Etant donné qu’il est déjà au format HTML ce livrable accélérera la phase suivante.
Les dossiers de ressources
il s’agit d’un dossier contenant toutes les ressources utilisées pour réaliser le design. Il comprendra principalement éléments suivants : les images, les polices de caractères, les scripts javascript, les codes de couleurs.