Gustalis — Structure UX & Wireframes
Proposition Webliik · Avril 2026
Les Racines Gourmandes
Structure UX & Wireframes du Site E-commerce
Document de cadrage  ·  Version 1.0  ·  Avril 2026
Webliik Agency  ·  Confidentiel
01  ·  Vue d'ensemble

Architecture du site

5 pages principales, un back office autonome, vente en ligne et en cash. 10 produits. Livraison en 2 semaines.

01
Accueil
02
Produits
03
Pack
04
Conseil
05
Contact
Client
Gustalis
Produits
10 références
Délai
2 semaines
Budget
3 500 MAD
02  ·  Page 1
7 sections
Accueil
Page principale. Capture l'attention en 3 secondes, met en avant le produit star, et pousse à l'achat immédiat via 2 modes de paiement.
1
Navigation fixe (Header)
Logo · Menu · Panier · Fond transparent → opaque au scroll
2
Hero animé — Slider plein écran
3–5 slides · Image ou vidéo + slogan + CTA · Autoplay 5s · Transition fondu
AutoplayPhoto/Vidéo
3
Produit Spotlight
1 produit star configurable BO · Grande photo · Prix · 2 boutons paiement
Gérable BO
4
Trust Bar
Naturel · Livraison · Paiement sécurisé
5
3 Catégories
Huiles · Pâtes à tartiner · Vinaigres · Photo ambiance + lien filtré
6
Promotion / Annonce
Bloc configurable BO · Masqué si aucune promo active
Urgence
7
Footer
Logo · Liens · Réseaux · WhatsApp · Copyright
gustalis.ma
Accueil
Nos Produits
Pack
Conseil
Contact
2
Artisanal · Naturel · Marocain
Les saveurs des
Racines Gourmandes
Huiles d'olive, pâtes à tartiner et vinaigres artisanaux sélectionnés avec soin.
Découvrir nos produits
Notre histoire
Photo produit
100% Naturel & Artisanal
Livraison rapide partout au Maroc
Paiement en ligne sécurisé
Paiement cash à la livraison
Notre Sélection
Le Produit du Moment
Coup de Coeur
Photo produit HD
Huile d'Olive
Huile d'Olive Vierge Extra — Prestige
Pressée à froid, issue de l'agriculture biologique. Un goût authentique aux notes herbacées et fruitées, idéale pour sublimer tous vos plats.
89 DH
110 DH
-19%
Ajouter au panier
Payer à la livraison (cash)
Explorer
Nos Catégories
Huiles
4 produits
Pâtes à Tartiner
4 produits
Vinaigres
2 produits
Offre spéciale · Ce mois-ci seulement
Pack Découverte — 3 produits au prix de 2
Profiter de l'offre
Les Racines Gourmandes

Des saveurs authentiques issues du terroir marocain, façonnées avec passion.

© 2026 Gustalis — Tous droits réservés
03  ·  Page 2
5 sections
Nos Produits
Catalogue complet avec filtres par catégorie, grille de cartes produits et fiche produit dédiée avec 2 modes de paiement.
1
Bannière de page
Titre + sous-titre · Fond vert foncé
2
Filtres catégories
Tous / Huiles / Pâtes / Vinaigres · Filtre dynamique sans rechargement
Dynamique
3
Grille 10 produits
3 colonnes desktop · Photo + nom + prix + badge promo + bouton panier
4
Fiche produit
Galerie photos · Description · Prix · Quantité · Paiement en ligne + cash
2 paiements
5
Produits similaires
"Vous aimerez aussi" · 3 produits même catégorie
gustalis.ma/produits
Accueil
Nos Produits
Pack
Conseil
Contact
2
Gustalis
Nos Produits
Des saveurs authentiques des racines gourmandes
Filtrer :
Tous les produits
Huiles
Pâtes à tartiner
Vinaigres
10 produits trouvés
-20%
Huile
Huile d'Olive Vierge Extra Prestige
Pressée à froid, bio, 500ml
89 DH110
Nouveau
Pâte à tartiner
Amlou aux Amandes & Argan
Artisanal, sans conservateurs, 200g
65 DH
Vinaigre
Vinaigre de Grenade Naturel
Fermentation naturelle, 250ml
45 DH
-15%
Huile
Huile d'Argan Culinaire
1ère pression, torréfiée, 250ml
78 DH92
Pâte à tartiner
Pâte de Figue & Noix
Recette traditionnelle, 200g
55 DH
Vinaigre
Vinaigre de Cidre Artisanal
Vieilli en fût, non filtré, 500ml
38 DH
Exemple — Fiche produit dédiée
Accueil → Produits → Huile d'Olive Prestige
Huile d'Olive
Huile d'Olive Vierge Extra — Prestige
(24 avis)
Pressée à froid, issue de l'agriculture biologique, cette huile aux notes herbacées et fruitées sublime tous vos plats. Idéale pour assaisonnements et cuissons douces.
Origine : Meknès, Maroc
89 DH
110 DH
-19%
Quantité
1
Commander en ligne
Payer à la livraison (cash)
Livraison 24–48h partout au Maroc
Retour sous 7 jours
Commander via WhatsApp
04  ·  Page 3
3 sections
Pack
Offres groupées pour augmenter la valeur du panier. Économie affichée en badge doré, 2 boutons paiement sur chaque pack.
1
Bannière
Titre + argumentaire économies
2
Grille de packs
Photo produits inclus · Prix barré → prix pack · Badge économie · CTA
Économie visibleIdée cadeau
3
Pack sur mesure
Bouton WhatsApp pré-rempli pour pack personnalisé
gustalis.ma/pack
Accueil
Nos Produits
Pack
Conseil
Contact
Économisez jusqu'à 25%
Nos Packs Gourmands
Composés avec soin pour vous offrir le meilleur de Gustalis
Pack Découverte
-20%
Huile d'Olive Vierge Extra 500ml
Amlou aux Amandes 200g
Vinaigre de Grenade 250ml
199 DH
159 DH
Vous économisez 40 DH
Commander ce pack
Pack Prestige
-25%
Huile d'Olive Prestige 500ml
Huile d'Argan Culinaire 250ml
Amlou Amandes 200g + Pâte Figue 200g
287 DH
215 DH
Vous économisez 72 DH
Commander ce pack
Vous cherchez un pack sur mesure ?
Choisissez vos produits préférés, on s'occupe du reste.
Créer mon pack via WhatsApp
05  ·  Page 4
3 sections
Conseil
Blog éditorial : recettes, astuces, origines. Chaque article met en avant les produits Gustalis pour générer des ventes additionnelles.
gustalis.ma/conseil
Accueil
Nos Produits
Pack
Conseil
Contact
Recettes & Astuces
Nos Conseils Gourmands
Inspirations culinaires avec les produits Gustalis
Recette
Salade marocaine à l'huile d'olive Gustalis
Découvrez comment sublimer une simple salade avec notre huile d'olive pressée à froid. Une recette fraîche et délicate en moins de 10 minutes.
1 Avril 2026  ·  5 min de lecture
Lire l'article
Conseil
5 façons d'utiliser l'Amlou au quotidien
Lire
Astuce
Vinaigre de grenade : bienfaits et utilisations
Lire
Origine
D'où vient notre huile d'argan culinaire ?
Lire
Newsletter
Recevez nos recettes & offres exclusives
Votre email
S'inscrire
06  ·  Page 5
2 sections
Contact
Formulaire + informations de contact + bouton WhatsApp direct. Bouton WhatsApp flottant présent sur toutes les pages.
gustalis.ma/contact
Accueil
Nos Produits
Pack
Conseil
Contact
Gustalis
Contactez-nous
Nous répondons sous 24h
Envoyez-nous un message
Commande, question sur un produit, partenariat...
Prénom
Votre prénom
Nom
Votre nom
Email
votre@email.com
Téléphone
+212 6XX XXX XXX
Message
Votre message...
Envoyer le message
Nos coordonnées
WhatsApp
+212 6XX XXX XXX
Email
contact@gustalis.ma
Horaires
Lun–Sam · 9h–18h
Localisation
Maroc
Écrire sur WhatsApp maintenant
Bouton WhatsApp flottant — présent sur toutes les pages
07  ·  Back Office

Tableau de bord admin

Interface de gestion simple et autonome. Produits, stock, commandes, promos, annonces — tout en un seul endroit.

admin.gustalis.ma
Administrateur
Tableau de bord
Vue générale
Boutique
Produits
Stock
Commandes
Marketing
Promotions
Annonces
Produit en avant
Contenu
Articles / Blog
Rapports
Statistiques
Vue générale
Nouveau produit
Nouvelle annonce
3 850
CA ce mois (DH)
+18% vs mois dernier
24
Commandes ce mois
+5 vs mois dernier
10
Produits actifs
1 stock faible
3
Commandes en attente
À traiter aujourd'hui
Produit
Catégorie
Prix
Stock
Actions
Huile d'Olive Prestige
Promo
Huile
89 DH
34
Amlou aux Amandes
Actif
Pâte
65 DH
3
Vinaigre de Grenade
Actif
Vinaigre
45 DH
18
08  ·  Identité Visuelle

Palette de couleurs

Cohérente avec le logo Gustalis — tons naturels, chauds et premium.

Vert Profond
#1C2B1A
Vert Moyen
#2E4A2B
Or Principal
#B8922A
Or Clair
#D4AF5A
Beige
#EDE8DC
Terre
#6B4F35
Noir
#0D0D0B
Blanc Crème
#FAFAF7
09  ·  Planning

Déroulé sur 2 semaines

Rythme structuré pour livrer un site complet, testé et opérationnel en 14 jours.

1
Semaine 1 — Fondations
Jour 1–2 · Validation & Setup
Validation UX · Collecte photos et textes · Hébergement + domaine
Jour 3–4 · Design & Accueil
Design accueil · Header animé · Identité Gustalis appliquée
Jour 5–7 · Catalogue & Panier
10 produits intégrés · Filtres · Fiches · Paiement en ligne + cash
2
Semaine 2 — Finalisation
Jour 8–9 · Pages secondaires
Pack, Conseil, Contact · WhatsApp flottant · Footer · Newsletter
Jour 10–11 · Back Office
Dashboard · Produits / stock / promos / annonces / produit en avant
Jour 12–14 · Tests & Mise en ligne
Tests complets · Corrections · Mise en ligne · Formation 1h
10  ·  Livrables

Ce que vous recevez

Site E-commerce complet
5 pages, design premium aux couleurs Gustalis, responsive mobile
Back Office configuré
Produits, stock, commandes, promos, annonces — tout accessible simplement
Formation & Support
1h de formation incluse + 1 mois de support après la mise en ligne
11  ·  Investissement

Ce projet, clé en main

Forfait tout inclus — Sans abonnement caché
MAD 3 500
Paiement unique  ·  Livraison en 2 semaines
Site e-commerce complet 5 pages
Vente en ligne + paiement cash à la livraison
Header animé — slider images / vidéos
Back office complet : produits, stock, promos, annonces
10 produits intégrés + mise en avant configurable
Design épuré aux couleurs Gustalis
Responsive mobile & optimisé vitesse
Bouton WhatsApp flottant sur toutes les pages
Formation back office 1h incluse
1 mois de support après livraison
Acompte 50% pour démarrer — Solde à la livraison
Les Racines Gourmandes
Document préparé par Webliik Agency  ·  Avril 2026