WEB DESIGNER

Maquettage
Aliénor Café

Exercice réalisé pendant la formation d’Intégrateur web à l’école CEFIM de Tours.

Le projet
step by step

  • Les objectifs à atteindre

    L’objectif : réaliser la maquette basse définition desktop & mobile et la maquette haute définition desktop d’une one-page présentant un restaurant factice.

    Durée de l’épreuve : 7h.

  • Les choix prix

    Un hero header qui donne faim ! J’ai choisi d’utiliser une illustration svg créée par freepik.com que j’ai ensuite retravaillé. Les ingrédients de la poêle en mouvement donne de la vie au dessin. J’y ai ajouté un fond gris qui donne l’illusion de la fumée que la cuisson des aliments provoque. Ou plutôt devrais-je dire l’odeur au lieu de fumée.
    Utilisation de pointillés pour le cutoff design et amener l’utilisateur à scroller.

  • Le résultat final

    Le design du hero header a été très apprécié. Le fond gris qui représente l’odeur du plat évoque des souvenirs chez l’utilisateur. Hé oui, sentir l’odeur de la tarte aux pommes de maman en rentrant à la maison, ça vous parle ? Modéliser cette idée semble plaire à l’unanimité.
    Le manque de temps se fait ressentir sur la fin de la one-page qui est à retravailler.

Les moyens utilisés

  • Adobe XD
  • Illustrator
  • Photoshop

Le contenu

    • Formulaire de contact
    • Galerie photos
    • Avis clients
    • Map
    • Sliders
    • Cut-off design

Découvrez le
projet en ligne