Aller au contenu
Benjaabasites & référencement

Disponible · Casablanca

Étude de cas · Conception produit

Infounder : du bouche-à-oreille à un site qui explique chaque service.

Infounder aide des fondateurs à transformer une idée en produit. L'agence n'avait aucune présence en ligne : les clients venaient par bouche-à-oreille et prospection manuelle. En tant que designer produit principal, j'ai conçu sa plateforme, de l'arborescence aux écrans finaux.

  • Conception UX/UI
  • Designer produit principal
  • 2 semaines
  • Figma, Notion
Page d'accueil d'Infounder : le titre From Zero to Scale, trois bénéfices et un bouton Book a Free Consultation
La page d'accueil : une promesse, trois bénéfices, une seule action.

Le contexte

Infounder

Infounder voulait se repositionner en partenaire de croissance pour startups, avec une offre qui s'élargissait : logiciel, sites CMS, IA, e-commerce, branding.

Le site devait montrer cette étendue sans perdre le ton humain qui avait amené les premiers clients, et accueillir de nouveaux services sans refonte.

Ce que j'ai observé

Avant de dessiner, trouver où ça casse.

Partir de zéro, c'est d'abord décider, pas décorer.

  1. 01

    Aucune identité de départ

    La vision existait dans les conversations, pas sur une page. Il fallait en faire une identité claire.

  2. 02

    La confiance en quelques secondes

    Un fondateur décide vite. La page d'accueil devait inspirer confiance en moins de cinq secondes.

  3. 03

    Beaucoup de services, une structure

    CMS, IA, e-commerce, branding : chacun devait trouver sa place sans transformer le menu en labyrinthe.

  4. 04

    L'énergie contre la crédibilité

    Un ton de startup, équilibré par assez de structure pour ressembler à un partenaire à qui confier un budget.

Ce que j'ai décidé

Quatre décisions qui font les écrans.

  1. 01

    L'arborescence d'abord

    Des pages réorganisées autour des questions d'un fondateur : ce que vous faites, pour qui, les preuves, comment commencer.

  2. 02

    Le fil de fer avant le visuel

    Accueil, services et études de cas posés en gris pour fixer l'ordre de lecture.

  3. 03

    Une promesse par écran

    Un haut de page avec un seul message, trois bénéfices et une seule action : réserver un échange.

  4. 04

    Un design system qui grandit

    Cartes, boutons et sections partagés : ajouter un service, c'est ajouter une carte, pas dessiner une page.

Les écrans

Avant, après, et les détails.

Maquette fil de fer grise de la page d'accueil d'Infounder : navigation, bloc de titre, image, bande de logos et deux colonnes
La maquette fil de fer d'abord : la structure et l'ordre de lecture avant toute couleur.
Section services d'Infounder : Build. Scale. Grow., avec des cartes pour le logiciel sur mesure, le marketing, l'e-commerce et les sites CMS
Chaque service en carte, avec une phrase : un fondateur parcourt l'offre en quelques secondes.