· portfolio · 3 min read
Rest-o-dom
Création d'un site internet avec accès client et systeme de commande de repas
Création de site avec développement spécifique
Nom du projet
Restodom Restodom
Date de réalisation
05/2024
Rôle
Développeur et désigner du projet
Commande / Objectifs
Restodom, c’est la création d’une nouvelle solution de portage de repas pour personnes agées à Bordeaux. L’objectif est de se différencier des concurrents par une approche centrée sur l’humain avant tout avec des prix doux pour le client.
Après analyse des solutions concurrentes et afin d’avoir une expérience utilisateur la plus fluide possible j’ai développé les fonctionnalités suivantes :
- Création d’un site professionnel, épuré et axé sur la facilité et la clarté des informations,
- Création d’une interface administrateur intuitive mettre à jour les menus et les textes de certaines parties du site,
- Possibilité pour l’administrateur d’importer directement les excels fournis par la société partenaire de cuisine collective afin de mettre à jour les menus. Tout le processus se passe sans aucun retraitement de la part de l’administrateur afin d’assurer un gain de temps maximal et éviter le risque d’erreurs de saisie.
- Système de commande client intuitif et dynamique, les prix se mettent à jour de façon automatique en fonction des éléments du menu choisi. De plus il a été apporté un soin particulier à l’expérience utilisateur étant donné la population visée, les boutons ont été adaptés ainsi qu’un feedback par couleurs afin de visualiser facilement les choix effectués.
Ces améliorations vont permettre de mieux gérer les services et d’avoir une expérience utilisateur plus fluide que celle des concurrents du secteur sur Bordeaux.
Le site est entièrement conçu selon les bonnes pratiques de référencement naturel, de responsive design et d’optimisation des performances.
Technologies utilisées
Nextjs
Pour ce projet j’ai décidé d’utiliser le framework Javascript Next.js, ce framework permet un développement agréable, un routing efficace et des options confortables coté rendu (soit statique, SSR ou CSR).
Il permet notamment d’obtenir de très bonnes performances des sites en terme de vitesse d’affichage.
Ce framework utilise la librairie React pour permettre le développement facile d’interfaces interactives et modernes pour l’utilisateur.
De plus Next permet d’avoir une application qui comprends le backend et le frontend, cela réduit des coûts de d’hébergement et facilite le développement avec un partage des types entre le frontend et le backend dans la même application.
Typescript
Lorsque un site que je développe comprends beaucoup de logique, de modèles de données comme Pizza Carmes j’apprécie que mon code soit typé, le confort apporté par l’autocomplétion et la détection des erreurs en amont permet un développement plus fluide et un code plus maintenable dans le temps.
Tailwind
Je trouve que tailwind permet de faire du CSS de façon rapide et efficace une fois accoutumé à la syntaxe. TailwindCSS
Resend
Un outil simple pour gérer les envois d’email aux clients et au gérant à chaque commande. Les mails peuvent être développés en React ce qui assure la cohérence avec la stack globale de l’application.
Résultat et performances
Le site est en ligne et est disponible ici Restodom
L’analyse avec PagesSpeedInsight montre de bonnes performances du site, tant en desktop qu’en mobile
Ça permettra à mon client de ne pas avoir à se soucier des performances du site pour son référencement SEO.
Le site a également été pensé pour avoir le plus faible impact écologique possible, tant pour la conception du site (requêtes limitées et cachées, utilisation du SSR, taille du DOM faible) que pour le choix d’hébergement, le site est hébergé avec CloudFlare qui sont engagés dans une démarche écoresponsable, leurs datacenters sont alimentés en énergies renouvelables ce qui limite d’autant plus l’impact environnemental du site. Rapport sur l’impact environnemental du site
Et si c’était vous ?
N’hésitez pas à me contacter pour assurer la création de votre projet Me Contacter