Agence Growthify

Dar el Massaa – Site vitrine WordPress pour restaurant marocain

Tâches : UX/UI sur Figma, intégration WordPress, optimisation, performance, SEO

Le restaurant Dar el Massaa souhaitait un site vitrine correspondant à son univers culinaire et permettre à ses clients de réserver facilement en ligne.

Les maquettes ont été conçues dans Figma, puis intégrées dans un environnement WordPress moderne afin de permettre une gestion simple du contenu tout en conservant une qualité visuelle premium.

Notre intervention :
- UX/UI & direction artistique : création de maquettes Figma inspirées des ambiances marocaines (typographies traditionnelles, palette ocre & rouge, formes arrondies), design responsive complet et système de composants.

- Intégration WordPress : développement d’un thème personnalisé basé sur un builder moderne (Elementor / Gutenberg), structure modulaire pour faciliter la mise à jour sans toucher au code.

- Gestion des contenus : création des pages « Histoire », « Menu », « Chef », « Réservations » + configuration d’un CMS clair pour que le client puisse modifier le texte, les photos, les plats et les prix.

- Module de réservation : intégration d’un système de réservation (Calendly / Formulaire optimisé / plugin dédié restaurant) avec notifications automatiques.

- Performance & optimisation : compression WebP, lazy-load, minification CSS/JS, optimisation serveur + Score Lighthouse optimisé.

- SEO de base : titres & méta-descriptions, Hn structurés, sitemap, permaliens propres, balisage Schema Restaurant.

- Sécurité & maintenance : configuration HTTPS, firewall, sauvegardes automatiques, mises à jour du thème et extensions essentielles.

- Tests multi-supports : validation intégrale sur desktop, tablette, mobile, iOS/Android, Safari/Chrome/Firefox.

Fonctionnalités clés :
- Site 100% responsive
- Système de réservation intégré
- Animations et transitions douces
- Footer RGPD complet : Politique de confidentialité, CGU, Paramètres de cookies
- Formulaires de contact et de réservation personnalisés
- Optimisation SEO locale (restaurant)

Tâches : UX/UI via Figma, intégration Webflow, paramétrage, performance, SEO

L’agence d'influenceurs InfluFinder souhaitait un site vitrine très moderne et épuré pour présenter ses services d’influence digitale, ses études de cas et permettre la génération de leads via des landing pages ciblées.

L’objectif : une expérience fluide, professionnelle et orientée conversion.

Le site a été conçu sur Figma puis développé sur Webflow pour garantir une parfaite maîtrise du design, de la responsivité et des performances.

Notre intervention :
- UX/UI & Design System : conception des maquettes sur Figma avec une grille 12 colonnes responsive, palette dégradée, typographie moderne, composants dynamiques (cards, CTA, formulaires).

- Intégration Webflow complète : développement sur Webflow CMS pour permettre la gestion autonome des cas clients, FAQ et services. Mise en place de classes globales et du système “Client-First” pour une structure propre et scalable.

- Landing Pages : création de pages d’acquisition dédiées (RDV, offres, influenceurs) avec tracking et A/B testing intégrés.

- Performance & qualité : optimisation des images (WebP, lazy-load), minification CSS/JS, audit Lighthouse > 90/100 sur desktop et mobile.

- SEO de base : balises title & meta, balisage [URL MASQUÉE], sitemap XML, redirections 301 propres.

- Tracking & Analytics : intégration de Google Analytics 4, Meta Pixel, et Google Tag Manager pour le suivi des conversions et campagnes Ads.

- Formulaires & CRM : configuration des formulaires Webflow avec notifications automatiques + synchronisation CRM (Zapier / Notion / HubSpot).

- Accessibilité & conformité : contrastes vérifiés (WCAG 2.1), navigation clavier, bandeau cookies RGPD et mentions légales intégrées.

- Tests & recette multi-devices : validation sur Chrome, Safari, Firefox, Edge, iOS & Android.

Modules clés intégrés :
- CMS dynamique pour la gestion autonome des “Cas Clients”, “FAQ” et “Services”.
- Formulaires intelligents reliés à des scénarios d’automatisation (emails, relances).
- Animations & micro-interactions : transitions fluides, effets de survol, loader custom.
- Section “Contact & Projet” avec call-to-action fort (“Démarrer mon projet”).

Tâches : UX/UI via Figma, intégration, paramétrage, performance, SEO

L’entreprise souhaitait lancer une boutique en ligne de prêt à porter "Atelier Hanami" avec un design fidèle aux maquettes Figma réalisées en amont.

Le site est 100% responsive et dispose des modules essentiels Shopify pour vendre sereinement en France (paiement, livraison, SEO, marketing).

Notre intervention :
- UX/UI & Design system : Réalisation des maquettes Figma, grille responsive, typographies, palette et composants (boutons, cards, formulaires).
- Intégration Shopify OS 2.0 : thème “sections everywhere”, métachamps et blocs dynamiques pour éditer sans code.
- Performance & qualité : optimisation images (WebP/AVIF, lazy-load), minification, audit Lighthouse, bonnes pratiques d’accessibilité.
- SEO de base : balises méta, balisage produit, sitemap, redirections propres.
- Recette multi-devices : tests Chrome/Firefox/Safari, iOS/Android, tailles d’écran clés.

Modules clés Shopify intégrés :
- Catalogue & navigation : collections, méga-menu, tri & filtres (Search & Discovery).
- Fiche produit complète : variantes (taille/couleur) avec pastilles (swatches), galerie photo/vidéo, guide des tailles.
- Panier & checkout : mini-panier latéral, panier persistant, codes promo, Shopify Payments (CB, Apple Pay, Google Pay), PayPal.
- Livraison & taxes : zones et tarifs (domicile/point relais), TVA selon règles FR, étiquettes d’expédition.
- Marketing & analytics : intégration GA4, Meta Pixel, Google Ads, email marketing (Klaviyo/Mailchimp) + scénarios (abandon de panier, post-achat).
- Contenus : retours & échanges, CGV, politique de confidentialité.
- Conformité : bandeau cookies/RGPD, mentions légales.