Créez votre première maquette web avec le logiciel de dessin vectoriel Sketch 3

Dans cet atelier créatif, vous allez apprendre à créer la maquette d'un site web de location de bateaux ainsi qu'une page interne du site. Cet exercice vous permettra de designer avec Sketch 3 la majorité des éléments visuels présents sur un site internet.

Vous démarrez cet atelier de conception d'une maquette internet par la création du header (en-tête) de la page d'accueil de votre site internet.

Vous poursuivez cet atelier par le design du bandeau web qui constitue une part importante de l'identité graphique de votre site internet.

Vous apprenez à dessiner un formulaire web qui va venir se positionner sur le header et permettre l'affichage de résultats dans une page profonde du site web.

Le formateur vous explique ensuite comment organiser vos différents éléments graphiques à l'intérieur de la page d'accueil du site.

Vous créez avec lui un carousel, élément très pratique en web design puisqu'il permet de faire défiler l'intégralité (ou une sélection) de produits ou services sur la page d'accueil.

Vous vous attaquez à la création d'un 2e formulaire permettant aux personnes ayant loué un bateau de laisser un témoignage pour rapporter leur expérience.

Le formateur vous apprend alors à designer un contenu simple contenant une image et un texte.

Vous finissez cette première partie de l'atelier pratique par le design du footer (pied de page) de votre page d'accueil.

Vous continuez cet atelier créatif par le dessin d'une page de recherche du site internet. Vous réalisez un nouveau formulaire intégrant le moteur de recherche utilisé pour définir une destination, le type de bateau, une date et un budget.

Vous apprenez à créer des icônes pour faciliter la compréhension et la navigation dans le site web.

Vous finalisez votre projet de maquette internet. Pour finir, le formateur vous explique comment exporter votre projet depuis l'application Sketch 3.

Votre formateur, Victor Darras est designer web et intégrateur pour la société Synbioz. Le logiciel Sketch est son outil de prédilection depuis plusieurs années pour designer des interfaces utilisateur pour tous types de besoins sur le web, de l'application métier complexe aux sites à forte valeur communicative.