Aller au contenu

Alpacap : refonte Webflow d'un SaaS de gestion pour restaurants

Alpacap rassemble les données de caisse, banque et facturation afin que les restaurateurs suivent leurs marges. Le défi : parler aussi bien à un indépendant qu'à un réseau franchisé, sans brouiller la promesse produit.

Pour cette refonte, l'équipe a choisi Gemeos, agence web pour les SaaS, pour l'UX/UI, Webflow et la migration SEO.

Page d’accueil mobile Alpacap sur iPhone : « We analyse and predict franchisees profitability. Simply. »

Des parcours distincts pour restaurateurs et réseaux de franchises

Alpacap centralise les données de caisse, de banque et de facturation afin de donner aux professionnels de la restauration une vue d'ensemble sur leur rentabilité. Les besoins d'un restaurateur indépendant ne sont toutefois pas ceux du directeur financier d'un réseau franchisé. L'objectif était de distinguer ces usages et de guider chaque profil vers une demande de démonstration.

Gemeos a commencé par revoir la hiérarchie des pages et les maquettes Figma, puis a réalisé l'intégration Webflow et le paramétrage des formulaires de démonstration. La mission a aussi couvert les redirections et les fondations SEO liées au changement de domaine, ainsi que la formation de l'équipe. Le site a ensuite évolué vers une version multilingue et accompagné le changement de marque.

Industrie
Saas
Finance
Services
UX/UI Design
Intégration
SEO
Laptop affichant la page d’accueil Alpacap « We analyse and predict franchisees profitability » et un tableau de bord

UX / UI Design

Le site existant présentait Alpacap sans le vendre : peu de hiérarchie, une proposition de valeur diluée, aucun parcours clair vers la démo. Le travail de design UX/UI a commencé par la structure : quelles pages, dans quel ordre et pour quel visiteur ? Un restaurateur indépendant et un directeur financier de franchise ne cherchent pas la même chose.

Une arborescence orientée conversion

PageObjectif
HomepagePoser la promesse, un P&L en temps réel, sans friction, et mener vers la démo en un scroll
ProduitDétailler les connexions caisse, banque et factures, et la restitution des marges
TarifsRendre l'offre lisible et rassurer sur le coût par établissement
Qui sommes-nousIncarner l'équipe et les investisseurs, un levier de crédibilité fort sur ce marché
BlogAlimenter le SEO sur les sujets de gestion et de rentabilité en restauration

Les maquettes ont été conçues dans Figma en desktop et mobile, avec plusieurs propositions de visuels pour la hero section soumises au fondateur, et un système de composants prêt pour l'intégration. Chaque section porte un appel à l'action vers la demande de démo, objectif premier du site.

  • Maquette web Alpacap : grille d’avantages avec graphique de trésorerie en temps réel, indicateurs financiers et photos
  • Maquette de la section hero d’Alpacap : titre jaune « Turn your data into profits » sur fond de bar sombre, bouton orange
  • Proposition de hero Alpacap : restaurateur lisant des documents au bar, boutons « Log in » et « Talk to us » sur fond orange
  • Pied de page du site Alpacap : fond orange, liens légaux, réseaux sociaux, contact et grand logo jaune à damier
  • Section tarifs du site Alpacap : trois offres Rookie, Rising et Reigning Network, de 390 £ à 1 800 £ par mois
  • Carte tarifaire Alpacap sur fond orange : offre Growth à 79 £/mois par établissement, bouton « Get started »
  • Section du site Alpacap « Real-Time Treasury Insights » : courbe orange, cartes cash flow 5 229,53 € et marge 14 %, photo
Smartphone affichant le site mobile Alpacap : « We analyse and predict franchisees profitability. Simply. » en jaune fluo

Intégration Webflow

Le développement Webflow a été mené en parallèle de la finalisation des maquettes pour tenir une mise en ligne serrée, un peu plus de deux mois après le kick-off.

LivrableDétail
Intégration des pagesEnsemble des templates intégrés pixel-perfect depuis Figma, desktop et mobile
CMS WebflowCollection blog avec template d'article, pour publier sans développeur
FormulairesDemande de démo connectée à l'équipe commerciale, notifications paramétrées
Migration de domaineBascule vers alpacap.com avec redirection automatique de tous les anciens domaines
MultilingueAjout d'une seconde langue via Webflow Localization, puis adaptation au nouveau nom de marque
QA & recetteRecette partagée avec le client, corrections desktop et mobile avant mise en ligne
FormationSession Webflow à la livraison pour donner la main à l'équipe
Maquette d’une page étude de cas Alpacap : employé de cuisine souriant, titre en jaune et chiffres clés +4H, +20 %, ÷2

SEO

La refonte s'accompagnait d'un changement de domaine, le moment le plus risqué pour le référencement. L'accompagnement SEO de Gemeos a notamment porté sur la bascule : plan de redirections 301 depuis l'ancien domaine, balises canonical pointant vers le nouveau, sitemap XML nettoyé, contrôle des anciennes URL du blog.

Côté contenu, chaque page a reçu ses title tags et meta descriptions, une hiérarchie Hn cohérente et un maillage vers la demande de démo. Les pages ont été rédigées en phrases claires et en définitions courtes, le format que reprennent les moteurs et les LLM (ChatGPT, Perplexity, AI Overviews) lorsqu'ils citent une source, pour rendre Alpacap trouvable sur les requêtes de gestion et de rentabilité en restauration.

Nos dernières réalisations

+250 entreprises accompagnées

Des sites designés et développés avec

Voir tous les projets

Vous allez notre collaboration, c’est garanti

Prêt à faire décoller votre activité ?

demander un devis

Let’s f*****G GO !!