City Roots VT

Site éditorial et application de commande pour un service farm-to-table

Voir le site

Un service de restauration farm-to-table dans le Vermont : un site de présentation éditorial plus une application de commande dédiée. Commander à l'avance avant dimanche, retirer mercredi, toute la saison.

Client
City Roots VT
Année
2025
Secteur
Alimentation · Farm-to-table
City Roots VT

Le défi

Une marque, deux surfaces, deux publics. Le site de présentation devait avoir un ton éditorial (récit, portraits de producteurs, un « comment ça marche » clair) et rester modifiable par l'équipe City Roots sans dépendre d'un développeur. L'application de commande devait être légère et fiable sur mobile : un parcours sur une seule page où un client arrive, choisit ses plats et paie en moins d'une minute, même sur des connexions rurales capricieuses. Les deux devaient partager un système de marque strictement contrôlé, pour que les utilisateurs n'aient jamais l'impression d'être partis ailleurs.

Comment je l'ai construit

Deux bases de code, un seul langage visuel. Le site de présentation est sur WordPress, avec une construction sur mesure sur Elementor + ACF, son propre type de contenu pour le menu hebdomadaire et un cache LiteSpeed, donc rapide dès le premier octet. L'application de commande est en React : installable comme PWA, sensible aux thèmes sombre et clair, réglée pour la 4G rurale avec des chunks découpés par route et un panier qui survit à la fermeture de l'onglet. Les deux surfaces partagent les mêmes tokens de design (Lexend + Work Sans, le vert City Roots, le ton crème papier), donc l'unité de la marque ne se brise jamais au passage de .com à order.*.

Site éditorial sur WordPress

Une construction sur mesure Elementor + ACF avec son propre type de contenu pour le menu hebdomadaire et un cache LiteSpeed, rapide dès le premier octet et modifiable par l'équipe.

Application de commande en React

Installable comme PWA, sensible aux thèmes sombre et clair, découpée par route pour la 4G rurale, avec un panier qui persiste entre les sessions.

Un seul système de marque

Des tokens de design partagés, Lexend + Work Sans, le vert City Roots et le ton crème papier, pour que rien ne se brise au passage de .com à order.

Des résultats qui comptent

Deux surfaces qui donnent l'impression d'une seule marque. L'équipe City Roots édite le site de présentation et le menu hebdomadaire sans développeur, et les clients arrivent dans l'application de commande, choisissent leurs plats et paient en moins d'une minute en 4G rurale, avec un panier qui survit à un onglet fermé.

Ce que j'ai livré

  • Site de présentation WordPress avec Elementor + ACF
  • Type de contenu sur mesure pour le menu hebdomadaire
  • Application de commande React installable comme PWA
  • Chunks découpés par route et un panier qui survit à la fermeture de l'onglet
  • Tokens de design partagés entre les deux surfaces
  • Cache LiteSpeed, rapide dès le premier octet