Marché mobile — disposition validée le 24 septembre 2026
La recherche et les produits au premier plan
Déployé et vérifié en test. Jusqu'à 768 px, le marché reprend l'en-tête compact de l'accueil : logo, livraison et langue. Les bandes foyer et Lunch box ainsi que le grand titre visuel sont retirés. Le titre reste disponible aux lecteurs d'écran ; Mon compte et Panier conservent l'accès au foyer.
L'ordre devient en-tête compact → recherche et Filtres → catégories → produits. La recherche reste accessible pendant le défilement. Une seule rangée de catégories rapides précède la grille à deux colonnes.
Le bouton Filtres ouvre depuis le bas un panneau regroupant rayons, Nutri-Score et tri. Son badge indique les réglages actifs. Les résultats suivent les choix ; « Voir les résultats » ferme le panneau. « Réinitialiser » conserve la recherche et remet les filtres et le tri par défaut. Ce premier lot mobile conserve la présentation ordinateur, les prix, les quantités, les services de livraison et le panier.
Évolution validée, déployée et vérifiée en test. Sur mobile et ordinateur, A · B · C · D · E devient une sélection multiple : un clic ajoute la lettre, le suivant la retire. A+B affiche les produits A ou B ; sans sélection, tous les produits sont inclus, même sans note. Les boutons « Toutes » et « Sans note » sont retirés. Deux boutons Prix et Nutri-Score remplacent le menu de tri : premier clic croissant, puis inversion du sens, avec un seul critère actif. Les prix absents et notes non validées restent en fin de leur tri.
Dans le panneau mobile, tous les rayons deviennent des tuiles illustrées avec légendes courtes et sélection visible ; la colonne ordinateur reste en place. Les notes et le tri sont conservés dans les liens et au retour après connexion. Le badge compte les groupes actifs ; réinitialiser conserve la recherche et rétablit l'ordre initial. Le bandeau foyer reste retiré du marché à toutes les largeurs, avec accès au contexte depuis Mon compte et Panier. Les badges des produits et les règles métier sont conservés.
Disposition mobile validée
Choisir ses courses ou son repas dès l'ouverture
Déployé et vérifié en test. Sur mobile jusqu'à 768 px, l'en-tête compact garde le logo DailyFresh, le mode de livraison et la langue. La recherche « Un produit, une recette… » et les catégories photographiques sur une ligne remplacent la grande introduction éditoriale. L'accueil ordinateur conserve sa présentation.
Les recettes viennent ensuite : carte horizontale, défilement tactile et repères accessibles, accès aux ingrédients et estimation réelle pour les portions du foyer ou trois par défaut, sans sélecteur. Les produits suivent dans des cartes compactes, deux visibles initialement avec une suite horizontale et les vrais prix du catalogue. L'aperçu réduit de semaine apparaît uniquement pour les repas à venir.
Sur l'accueil mobile, WhatsApp devient un lien d'aide en pied de page pour ne plus recouvrir les cartes. La maquette valide une disposition ; la marque, le logo et les données publiées sont conservés. Les suggestions de recherche réunissent produits et recettes sans annoncer de disponibilité. Aucun classement de recommandations propre à Express ou Planifiée n'est ajouté.
UX/UI — améliorations déployées en test
Un accueil plus simple
Les améliorations se font sur l’interface existante, remarque par remarque. Le bandeau de choix de l’espace de courses et de gestion du foyer est retiré de l’accueil sur ordinateur et mobile. Sur mobile, Mon compte et Panier restent dans la navigation du bas ; leurs doublons dans l’en-tête et le bandeau « Lunch box · Pour l’école » sont retirés de l’accueil.
Les cartes de recettes reprennent l’estimation des ingrédients à acheter du catalogue, affichée au dirham le plus proche. Elles suivent les portions du foyer sélectionné, ou trois portions par défaut, sans sélecteur sur l’accueil ni reprise d’un ancien choix manuel. La fiche s’ouvre avec les portions affichées ; une estimation incomplète indique « Prix à confirmer ».
Déployé et vérifié en test
Ordre validé et accueil allégé
Le bloc « Livraison à Harhoura / Adresse vérifiée avant commande », la légende « Visuel d’ambiance DailyFresh », la phrase sur les prix unitaires sous les produits et celle sur l’estimation sous les recettes sont retirés. Les prix et portions des cartes restent utiles.
L’ordre validé est introduction courte → catégories → recettes → produits → aperçu de la semaine lorsqu’elle contient des repas. Les titres et espaces sont réduits sur mobile, les sections répétitives sont retirées. La fenêtre d’entrée Express ou Planifiée, illustrée par une moto et une voiture, accompagne la politique de livraison approuvée. Les parcours et la mise en ligne sont vérifiés dans l’environnement de test.
UX/UI — proposition archivée
Maquette V2 non retenue
Cette proposition reste accessible à titre de référence. Elle n’est pas intégrée au parcours marchand. Les huit vues et leurs interactions locales utilisent des exemples, sans commande réelle.
Plateforme
Une marque ombrelle, jamais une promesse automatique
DailyFresh rassemble fruits et légumes, poissons, volaille et viandes rouges dans une expérience cohérente. Le nom et la signature expriment le territoire de marque ; ils ne prouvent ni disponibilité, ni fraîcheur quotidienne, ni origine, ni certification ou délai.
DailyFresh est la marque publique. IRA Solutions reste le vendeur, facturier, encaisseur et responsable des réclamations. Les noms techniques historiques LePanier restent des identifiants de compatibilité ou de rollback, pas une seconde marque commerciale.
Logo panier et feuille
Une signature plus douce et épurée
Construction et signature
Le frais sous tous ses horizons.
Version active
Le nouveau signe remplace le D et ses quatre traits colorés dans le site et le portail documentaire. Les anciennes versions sont conservées uniquement comme archives.
Le logo conserve son orientation en français, anglais et arabe.
La création validée est une image générée par IA. Les fichiers PNG fournis servent l’affichage web ; un master vectoriel et une déclinaison monochrome restent à produire pour l’impression et les usages spécialisés.
Architecture produit
Les quatre horizons du frais
Chaque univers associe un libellé explicite, une icône et une couleur. Les noms créatifs servent la narration ; dans le catalogue et la navigation, toujours afficher le nom concret de la famille.
Fruits & légumes
Relief organique, sillons, pousse et chaleur mate. La couleur ne prouve ni origine locale ni saison.
#6D5A2D · fond #F3EEDB
Poissons
Vagues, reflets aquatiques et fraîcheur visuelle sobre, sans promesse d’arrivage ni « poisson du jour ».
#006D77 · fond #E2F4F4
Volaille
Lumière, aile et espace. Cet univers est une architecture visuelle V1, encore sans mapping catalogue approuvé.
#2F6BB2 · fond #E8F2FC
Viandes rouges
Découpe stylisée, savoir-faire et matière, sans imagerie graphique ni confusion avec une alerte.
#9F3543 · fond #FAE9EC
Le territoire Ciel ne crée pas une catégorie Odoo, un filtre, une disponibilité ou une règle qualité. Son activation métier attend un rapprochement explicite avec la taxonomie catalogue et les contrôles applicables.
Palette de marque
Une interface végétale, un accent solaire
Le logo utilise ses deux verts dans les fichiers validés. La palette ci-dessus concerne l’interface : boutons, titres longs et textes conservent leurs contrastes. Les couleurs de catégories ne signalent jamais une action, un prix, une disponibilité, un succès ou une erreur.
Accessibilité
Combinaisons approuvées pour le texte courant
| Premier plan | Fond | Ratio | Règle |
|---|---|---|---|
| Blanc | Jardin nuit | 12,46:1 | Texte courant autorisé |
| Blanc | Jardin actif | 6,50:1 | Texte courant autorisé |
| Jardin nuit | Soleil | 6,72:1 | Utiliser du texte sombre |
| Blanc | Soleil | 1,85:1 | Interdit pour le texte |
| Terre | Fond Terre | 5,73:1 | Texte courant autorisé |
| Mer | Fond Mer | 5,35:1 | Texte courant autorisé |
| Ciel | Fond Ciel | 4,79:1 | Texte courant autorisé |
| Rouge | Fond Rouge | 5,85:1 | Texte courant autorisé |
La couleur n’est jamais le seul signal : ajouter libellé, forme, icône ou état textuel. Le focus utilise un anneau bleu #155CB6 ; sur fond sombre, intercaler un premier anneau blanc.
Typographie & langues
Alexandria pour la voix, Noto Sans pour le service
Expression de marque
Alexandria, graisses 700 à 800, pour titres et communication. Le mot-symbole du logo reste un actif fixe et ne doit pas être recomposé librement.
Interface multilingue
Noto Sans et Noto Sans Arabic, graisses 400, 600 et 700, pour texte, contrôles et données. Corps minimal 16 px, interligne de 1,55 à 1,7.
- Conserver le logo et le symbole dans leur orientation en interface arabe.
- Retourner la mise en page et les flèches directionnelles en RTL, pas les icônes de catégories.
- Ne pas appliquer de capitales ou de chasse artificielle à l’arabe.
- Tester prix, nombres, montants MAD et unités
U,kg,getLdans les deux directions. - Faire valider toute graphie arabe officielle par un rédacteur natif avant de l’intégrer au mot-symbole.
Icônes & photographie
Montrer le produit avec justesse
Les images de recettes sont affichées sans étiquette superposée depuis le 22 septembre 2026, à la demande du propriétaire. Leurs descriptions alternatives conservent leur origine.
Icônes
Grille 24 px, trait arrondi 1,8 px, fond transparent. Toujours associer l’icône au libellé concret et à la couleur. Les motifs éditoriaux possibles sont les sillons, vagues, arcs aériens et diagonales de coupe.
Photographies
Lumière naturelle, saturation modérée et couleur alimentaire fidèle. Une fiche catalogue utilise la photo réelle du produit ; un visuel éditorial reste clairement identifié comme tel.
Illustrations des recettes
Les 161 recettes publiées sont illustrées par une vue aérienne individuelle générée par IA. La série conserve un format paysage 4:3, une lumière naturelle diffuse, une table crème et une vaisselle écrue, sans logo ni accessoire. Chaque image suit les ingrédients et les étapes de sa fiche, a fait l’objet d’une revue visuelle, est rattachée à la version du plat et conserve une description précisant son origine. Une illustration ne remplace jamais la photo d’un produit réellement proposé.
Direction
Faire sentir le Maroc par les produits, gestes et matières réels, sans clichés décoratifs. Préférer les scènes crédibles, propres et non graphiques.
Preuve
Ne jamais suggérer un élevage, une origine, une saison, un arrivage, une certification ou une abondance qui ne sont pas documentés.
Règles d’usage
Protéger la cohérence et la lisibilité
- Garder autour du logo une zone libre égale au moins au quart de la hauteur du symbole
- Privilégier 48 px ou plus pour le symbole couleur
- Utiliser le favicon dédié dans l’onglet du navigateur
- Respecter 120 px minimum pour le logo horizontal et 32 px pour le symbole hors favicon
- Servir les actifs depuis un domaine maîtrisé
- Conserver la signature comme texte accessible et traduisible
- Étirer, incliner, recolorer ou supprimer la feuille
- Ajouter les quatre anciens traits sous le nouveau mot-symbole
- Écrire « Daily Fresh », « dailyfresh » ou colorer les lettres séparément
- Retourner le logo en RTL
- Incorporer la signature dans le fichier logo
- Utiliser le Rouge viande comme couleur d’erreur
- Identifier une catégorie uniquement par sa couleur
Langage de marque
Une signature évocatrice, des affirmations toujours prouvées
« Local », « halal », « du jour », « toujours frais », « disponible », une origine précise ou « livré en 60 minutes » ne peuvent être publiés que si les données, contrôles et conditions métier correspondants sont validés. DailyFresh n’autorise aucune déduction depuis la couleur, le nom ou une image.
La signature recommandée reste « Le frais sous tous ses horizons. ». Toute traduction doit conserver le sens sans ajouter une promesse de fréquence, de provenance ou de performance.
Kit disponible
Fichiers web actifs et prochaines déclinaisons
| Fichier | Usage | État |
|---|---|---|
logo-horizontal-v5.png | En-tête et fonds clairs | PNG transparent disponible |
logo-symbol-v5.png | Favicon, avatar et espaces compacts | PNG disponible |
icons/category-*.svg | Quatre univers avec libellés | Disponibles |
dailyfresh-four-horizons-hero.png | Visuel éditorial des quatre univers | Disponible, jamais contractuel |
| Master vectoriel et version monochrome | Impression et remise à des tiers | À produire |
| Polices web auto-hébergées | Rendu Alexandria et Noto homogène | À intégrer avant lancement |
Les anciens SVG DailyFresh et le JPEG LePanier restent archivés dans le dépôt. Ils ne doivent plus être utilisés comme signature publique.