Intégration d’un site WordPress/Elementor

Mockup du site la table de 3 intégré par Anouchka Albano, designer UI

Contexte

Dans le cadre de ma formation en conception et intégration web, j’ai réalisé le site vitrine d’un restaurant gastronomique fictif situé à Bordeaux, « La Table de 3 ».

Ce projet constituait ma première réalisation complète sous WordPress et Elementor Pro. À partir d’un brief, de maquettes desktop, de wireframes responsive et de ressources graphiques fournies, ma mission consistait à reproduire fidèlement l’interface et les interactions du prototype.

Objectifs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Analyse & préparation de l'intégration

Analyse de l’architecture du site, consultation du sitemap, étude des maquettes desktop, lecture des wireframes mobiles et observation du prototype vidéo afin d’identifier la structure des pages, l’ordre des contenus et les comportements interactifs.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Processus

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Production

Intégration des six pages du site avec WordPress et Elementor Pro en utilisant les conteneurs et widgets natifs du constructeur.

Création des Hero Sections sous forme de diaporamas, intégration de la carte interactive avec accordéons, création des formulaires de réservation et de contact, mise en page des portraits de l’équipe et réalisation de la galerie culinaire.

Le header et le footer ont été centralisés dans le Theme Builder Elementor afin d’assurer leur cohérence sur l’ensemble du site.

Déploiement

Déploiement du projet sur un sous-domaine personnel pour sa présentation en ligne accessible via ce lien.

Résultat

Un site gastronomique immersif et responsive reproduisant l’univers visuel fourni dans les maquettes.

Le projet m’a permis de consolider ma maîtrise de WordPress et Elementor Pro, notamment la construction de pages complexes, la gestion responsive, l’intégration de composants interactifs et la création de modèles globaux avec le Theme Builder.

Compétences mobilisées

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Livraison

Livraison d’un site vitrine multipage fonctionnel et responsive comprenant six pages : Accueil, Carte, Réservation, Équipe, Galerie et Contact.

L’ensemble de la navigation, des formulaires, des diaporamas et des contenus a été intégré dans WordPress en respectant les maquettes et les contraintes du brief.

Lieu:

Gironde

Genre:

Présentiel ou distantiel

Catégorie:

Web Design

Durée:

7 jours

Outils utilisés

Logo Elementor utilisé pour la conception visuelle de sites WordPress.
Logo GitHub utilisé pour le versionnement et la gestion collaborative du code.
Logo OVH utilisé pour l'hébergement web et la gestion des noms de domaine.
Logo Notion utilisé pour l'organisation des projets, la documentation et la gestion des tâches.
Logo personnalisé du logiciel Figma utilisé par Anouchka Albano en design UI/UX
Logo FileZilla utilisé pour le transfert sécurisé de fichiers vers un serveur web.
Logo LocalWP utilisé pour le développement local de sites WordPress.
Logo WordPress utilisé pour la création et la gestion de sites internet.
Logo Google Drive utilisé pour le stockage et le partage des fichiers de projet.

Aperçu des réalisations

Découvrez une sélection de mockups mettant en valeur les principales réalisations du projet. Chaque visuel illustre les différentes déclinaisons graphiques et les livrables développés au cours de la conception.