Site vitrine pour un restaurant



Contexte : Projet fictif de certification
Ce projet a été réalisé dans le cadre de ma certification de Conceptrice Designer UI. Il concerne la création d’un site web pour un restaurant fictif nommé « La Tartine à Croquer ».
J’ai d’abord conçu l’identité visuelle du restaurant (voir la page Identité visuelle et supports de communication pour un restaurant), qui m’a servi de base pour la création du site. J’ai ensuite défini les sections et l’organisation des pages à l’aide d’un zoning rapide.
Sur Figma, j’ai réalisé les wireframes afin de structurer le contenu, puis conçu le design system en m’appuyant sur l’identité graphique. J’ai ensuite créé les maquettes avec le contenu envisagé (images et textes), ainsi qu’un prototype interactif pour simuler la navigation.
Le site a ensuite été intégré sur WordPress. J’ai installé et configuré un thème premium, puis construit les pages en me basant sur le prototype. L’adaptation responsive et l’optimisation des performances ont également été réalisées.
Outils utilisés :
- Figma (auto-layout, composants, variants)
- WordPress (WPBakery Page Builder, thème premium Fable)
- Sublime Text
- Photoshop (recadrage et redimensionnement)
- Ubersuggest (recherche de mots-clés)
- PageSpeed Insights (optimisation des performances)

Contexte : Projet fictif de certification
Ce projet a été réalisé dans le cadre de ma certification de conceptrice designer UI. Il consiste en la création du site web du restaurant fictif « La Tartine à Croquer ».
J’ai d’abord conçu l’identité visuelle du restaurant (voir la page Identité visuelle et supports de communication pour un restaurant), qui m’a servi de base pour la création du site. J’ai ensuite défini les sections et l’organisation des pages à l’aide d’un zoning rapide.
Sur Figma, j’ai réalisé les wireframes afin de structurer le contenu, puis conçu le design system en m’appuyant sur l’identité graphique. J’ai ensuite créé les maquettes avec le contenu envisagé (images et textes), ainsi qu’un prototype interactif pour simuler la navigation.
Le site a ensuite été intégré sur WordPress. J’ai installé et configuré un thème premium, puis construit les pages en me basant sur le prototype. L’adaptation responsive et l’optimisation des performances ont également été réalisées.
Outils utilisés :
- Figma (auto-layout, composants, variants)
- WordPress (WPBakery Page Builder, thème premium Fable)
- Sublime Text
- Photoshop (recadrage et redimensionnement)
- Ubersuggest (recherche de mots-clés)
- PageSpeed Insights (optimisation des performances)

