Développement d’une Application Web Progressive pour la Commande à Distance dans les Restaurants Suisses

Développement d’une Application Web Progressive pour la Commande à Distance dans les Restaurants Suisses

Information
Région:
Berne, Suisse
Secteur:
Voyage
Type:
Web
Modèle d'engagement:
Temps et Matériaux
Durée:
Plusieurs Mois
Équipe:
Une équipe de trois personnes : un Développeur Senior, un Spécialiste QA, et un Designer
ID:
532
Technologies utilisées
Firebase
SCSS
StencilJS
Ionic
PWA
.Net
TypeScript

Client

Une entreprise suisse souhaitait créer une application web pour les restaurants, dans le but d'améliorer l'expérience de restauration pour les clients et les propriétaires de restaurants.

Description du Projet

L'entreprise suisse souhaitait se faire un nom dans l'industrie de la restauration en introduisant une application web complète. En reconnaissant le potentiel d'amélioration de l'expérience de restauration, l'objectif principal du projet était de créer une application conviviale profitant aux clients comme aux restaurateurs.

L'application utilise les services backend de la plateforme TouchWaiter pour les commandes en libre-service. Comme pour toute application web, la connexion Internet est nécessaire pour son utilisation, mais la navigation dans les catégories et les produits ainsi que l'ajout de produits au panier peuvent se faire sans connexion.

L'application prévue devait simplifier les processus tels que la commande, le paiement et les notifications, offrant ainsi une expérience de restauration plus efficace et agréable.

Défis

Elinext a été confronté aux défis suivants :

  • Créer une application pour une entreprise e-commerce n'ayant aucune expérience avec les PWA.
  • Mettre en place un système d'authentification à deux facteurs robuste pour les comptes utilisateurs.
  • Intégrer des systèmes de paiement sécurisés et efficaces correspondant aux préférences du marché suisse.
  • Développer un module de lecture de QR code fiable pour accéder aux offres spécifiques et faciliter le processus de paiement en salle.
  • Créer un système permettant aux utilisateurs de gérer et d'accéder efficacement à leur historique de commandes dans l'application.

Processus

Après avoir étudié le design fourni par le client, nous avons estimé que le framework Ionic serait idéal pour les composants UI. Associé à StencilJS, il constitue un ensemble d'outils parfait pour ce projet.

C'était la première fois que nous utilisions StencilJS, mais malgré nos inquiétudes initiales, nous avons réussi à l'utiliser efficacement.

Pendant le développement, nous sommes passés de Mantis à Gitlab pour une gestion plus efficace des tâches. Des réunions hebdomadaires ont permis au développeur Elinext de mieux comprendre les exigences et de résoudre rapidement les éventuels problèmes. Nous avons utilisé GitLab CI/CD pour rationaliser les opérations.

Solution

L'application se compose de six modules en développement :

Module 1 : Connexion/Inscription

Ce module permet de s'inscrire sur le serveur et d'entrer dans le système. L'authentification à deux facteurs y est intégrée.

Module 2 : Menu

Ce module affiche le menu du restaurant avec des descriptions détaillées et des images de chaque plat, aidant ainsi les clients à faire des choix éclairés.

Module 3 : Commande et Paiement

Permet aux clients de passer des commandes directement via l'application, réduisant ainsi les temps d'attente. L'intégration de systèmes de paiement sécurisés (les plus populaires en Suisse) a été réalisée, améliorant l'expérience globale. L'historique des commandes est également accessible.

Module 4 : Scan du QR Code

Ce module permet de scanner les codes QR dans le restaurant, pour accéder à une offre spécifique ou pour le paiement en sortie.

Module 5 : Notifications

Ce module permet aux utilisateurs de recevoir des notifications concernant la disponibilité de leurs repas pour le retrait (pour les commandes à emporter). Des options de notifications pour les mises à jour d'offres et le statut des produits commandés sont également disponibles.

Module 6 : Recharge

Ce module permet aux utilisateurs de recharger leur compte virtuel. Il prend en charge deux modes : un mode privé et un mode public/invité pour les produits commandés. L'historique des transactions peut également être suivi grâce à ce module.

Résultats

Le client a été très satisfait de l'application livrée et l'a lancée directement sur le marché. À notre connaissance, elle est utilisée dans de nombreux établissements à travers l'Europe de l'Ouest.

Un excellent retour se traduit par la volonté de continuer à collaborer. Nous avons trois nouveaux projets avec ce client !

L'un d'eux est un site e-commerce prévu pour l'année prochaine et qui en est déjà à la phase de conception.

Quant à l'application elle-même, elle correspond à toutes les exigences initiales fournies par le client, et chaque phase de développement a respecté les délais et le budget.

Voulez-vous le même projet?
Vous Avez une Idée de Projet? Discutons-en Ensemble
Contactez-Nous