tanguy.studio

SHOPCAISSE

Shopcaisse Navigation du site

Shopcaisse est une application de caisse pour commerçants : plus de 300 fonctionnalités, une offre pour chaque métier, de la restauration au marché. Le projet porte sur la navigation de son site, une barre compacte qui ouvre sur un méga-menu desktop et un menu mobile à niveaux.

  • Navigation
  • Architecture de l'information
  • UX Design
  • UI Design
  • Responsive
  • Année
  • Supports
  • Livrables

Contexte et enjeux du logiciel de caisse

Un produit très riche face à des visiteurs pressés : restaurateurs, commerçants, ambulants. L'enjeu : permettre à chacun de trouver sa fonctionnalité ou son métier en deux clics, tout en gardant « Télécharger gratuitement » toujours à portée.

Méga-menu desktop

Une barre flottante en verre dépoli, six entrées et un seul bouton plein. Quatre entrées ouvrent un panneau, chacun construit selon ce que le visiteur cherche, avec toujours une offre mise en avant et une preuve de confiance en pied de panneau. La maquette ci-dessous est codée : survolez ou touchez les onglets pour ouvrir les panneaux.

  1. 01L'appli
  2. 02Fonctionnalités
  3. 03Ton activité
  4. 04Ressources
Se connecterTélécharger gratuitement

Navigation mobile

Sur mobile, le méga-menu devient un menu à niveaux. Chaque entrée ouvre un écran dédié, avec un retour explicite (« Retour au menu », « Retour aux activités ») plutôt qu'une simple flèche. L'offre du métier choisi et le téléchargement restent visibles à chaque étape. La maquette ci-dessous est entièrement navigable : chaque entrée ouvre son niveau, jusqu'aux métiers de chaque secteur.

Se connecterTélécharger gratuitement

Page d'accueil

Chaque section de l'accueil a sa version mobile pensée à part, pas seulement rétrécie. La comparaison « Avant / Avec » passe du côte à côte à deux cartes superposées, la bleue venant recouvrir la grise.

Page tarifs

Quatre offres, un repère clair : la formule recommandée est surélevée et bordée, la Pro passe en bleu profond. Le prix annuel reste affiché sous chaque prix mensuel pour comparer sans calculer. Essayez le sélecteur Mensuel / Annuel. Plus bas, un tableau comparatif détaille ce qui change d'une offre à l'autre : survolez une colonne pour la lire d'un coup d'œil.