Abderahmane Boussa
Retour au portfolio

Design web

Site vitrine & dashboard SaaS — Baseera

Design d'un site vitrine et d'un tableau de bord pour Baseera, un assistant IA piloté depuis le terminal, pensé pour trois langues dont l'arabe en RTL.

Client
Baseera
Année
2025
Catégorie
Design web

UI/UX Design | SaaS | Design system | Multilingue FR/EN/AR

Baseera — 1/3
Baseera — 2/3
Baseera — 3/3
1 / 3
Logo Baseera

Les personas

Le lead technique ou développeur

Vérifier en quelques minutes si l'assistant IA est crédible, auto-hébergeable et adapté à sa stack avant d'en parler à son équipe.

Il arrive souvent directement sur la doc ou la démo de chat, sans passer par la page d'accueil marketing. Il juge le produit sur des détails techniques — options d'auto-hébergement, clarté de la doc — plus que sur le discours commercial.

Le décideur non technique

Comprendre ce que fait le produit et pourquoi l'adopter, sans avoir à lire de documentation technique.

Il arrive sur le site vitrine sans bagage développeur et doit être convaincu par le ton et la démo interactive avant même de consulter le dashboard d'usage. Si le premier écran ressemble à un terminal pour développeurs, il décroche.

Le besoin de marque

Expliquer un produit technique — un assistant IA piloté depuis le terminal — à des visiteurs non développeurs sans le noyer sous le jargon, tout en donnant à l'équipe une vraie visibilité sur l'usage et les revenus du produit, jusque-là dispersés entre Stripe, les logs de tokens et des tableurs séparés.

Recherche & direction artistique

Étude de produits IA et développeur similaires pour calibrer un ton technique sans jargon excessif, tests de lisibilité sur la palette sombre à différents niveaux de contraste, et vérification à chaque étape du comportement en arabe RTL (alignement, miroir des icônes, sens de lecture des tableaux du dashboard) avant de figer les composants du design system — plutôt que de traduire l'interface LTR après coup.

La réponse apportée

Une direction artistique sombre inspirée du terminal — pour rester crédible auprès d'un public développeur — mais adoucie par une hiérarchie typographique claire et une démo de chat interactive qui laisse un visiteur non technique comprendre le produit en l'essayant plutôt qu'en le lisant, complétée par une section documentation et un dashboard admin réunissant abonnements, usage de tokens, transactions Stripe/Slickpay et trafic SEO au même endroit.

Valeur perçue

Une identité sombre et cohérente sur les trois langues (dont l'arabe RTL), qui rend crédible un produit technique auprès de visiteurs non développeurs, avec un dashboard unique pour suivre usage, revenus et trafic — là où ces informations étaient auparavant dispersées entre Stripe, les logs de tokens et des tableurs séparés. La démo de chat sur le site vitrine sert désormais de première prise en main avant même la création d'un compte.

UI/UX Design | SaaS | Design system | Multilingue FR/EN/AR