Aller au contenu

Agence UX/UI design à Casablanca, pour le Maroc et la France

VOID conçoit des parcours et des interfaces pour des banques, des assureurs et des institutions au Maroc. Les entreprises françaises peuvent travailler avec nous en nearshore, depuis le Maroc.

Nous menons la recherche utilisateur, le design UI, le design system et le développement front.

Pour qui

Avec qui nous travaillons

Donneur d'ordre en France

DSI, directeur digital ou head of product, vous cherchez une équipe UX/UI et front capable de travailler en nearshore, en français, avec des références dans des secteurs exigeants.

DSI d'une banque ou d'un assureur marocain

Vous voulez des références locales et une équipe qui connaît vos contraintes : accessibilité, sécurité des parcours, protection des données, plusieurs langues.

Directeur digital d'un groupe

Vous voulez un seul partenaire, de la recherche utilisateur jusqu'au front en production, pour plusieurs sites, espaces clients et applications.

Services

Ce que fait notre équipe UX/UI

Recherche utilisateur et audit UX

Entretiens, tests utilisateurs, analyse des parcours et des données d'usage, audit ergonomique de l'existant. Vous savez où vos utilisateurs bloquent, et pourquoi. Notre méthode est détaillée dans le guide méthodologie d'audit UX.

Architecture de l'information et parcours

Arborescence, navigation, parcours par profil d'utilisateur. C'est le cœur de projets comme l'écosystème multi-portails de la Fondation Mohammed VI des Sciences et de la Santé, ou le hub digital d'Attijariwafa bank, organisé par besoins.

UI design et prototypes

Maquettes dans Figma, prototypes cliquables testés avant le développement, états et micro-interactions documentés pour les développeurs.

Design system

Tokens, bibliothèque Figma, composants React documentés dans Storybook, gouvernance et maintenance. Voir notre offre design system et notre guide complet du design system.

Accessibilité

Nous visons le niveau AA des WCAG 2.2 dès la conception, et nous ne parlons de conformité qu'après un audit. Pour le secteur bancaire, voir notre page accessibilité bancaire au Maroc.

Interfaces pour agents IA

Chatbots, copilotes, assistants : nous concevons des interfaces qui restent fiables quand l'IA se trompe ou ne répond pas. C'est notre offre Harnessed UX.

Méthode

Notre méthode

  1. Recherche et audit

    Entretiens, analyse comportementale, personas et parcours. Audit ergonomique de l'existant.
  2. Architecture de l'information et wireframes

    Arborescence, navigation, wireframes itératifs pour valider les concepts avant le design.
  3. UI design et design system

    Interface, composants et règles d'usage, accessibilité intégrée, documentation pour les développeurs.
  4. Prototypes et tests utilisateurs

    Prototypes interactifs testés avec 5 à 8 utilisateurs par série, puis corrigés.
  5. Suivi après la mise en ligne

    Analyse des usages réels, tests A/B quand le trafic le permet, itérations.

Nous travaillons en sprints de deux semaines, avec des démonstrations régulières. Les ateliers de cadrage réunissent de 8 à 20 participants, dans notre espace de Casablanca Finance City.

Product design

Du parcours au produit livré : le product design

Designers et développeurs front travaillent ensemble dès le cadrage. Les hypothèses sont testées avant d'être développées, les arbitrages se font avec la technique dès le départ, et le produit est suivi après la mise en ligne. C'est le principe de notre modèle Squad as a Service.

Références

Références

Hub digital Attijariwafa bank

Partenaire depuis 2014, hub conçu et maintenu depuis 2018.

Approche Design Thinking, navigation par besoins, accès aux filiales, aux marchés régionaux et aux services du groupe.

Bourse de Casablanca

Portail de la place financière, 2023.

Next.js et Drupal headless, cotations en temps réel, application web progressive pour le mobile.

Fondation Mohammed VI des Sciences et de la Santé

Écosystème de plusieurs portails, dont l'UM6SS, 2024.

Architecture de l'information complexe, Drupal découplé et Next.js.

Wafa Gestion

Vitrine institutionnelle et espace client sécurisé, 2024.

Approche Design Thinking, React et Next.js, conception mobile first.

RMA Assistance

Site vitrine et parcours de souscription en ligne, 2024.

Drupal headless, Next.js et React, architecture orientée API.

Elsan (France)

Depuis 2018, portail multi-sites du groupe d'hospitalisation privée : 140 établissements, plus de 6 millions de visiteurs par mois, référencement et analytics.

Toutes nos références sont sur la page réalisations.

Secteurs

Banque, assurance, santé : concevoir sous contraintes

Deux tiers de nos réalisations publiées (16 sur 24) concernent la banque, l'assurance et les marchés financiers. Ces projets imposent des contraintes qu'on ne découvre pas en cours de route : accessibilité, sécurité et clarté des parcours sensibles (souscription, espace client, paiement), protection des données, validation par les équipes conformité.

Pour un site en arabe, lu de droite à gauche, voir notre offre de sites multilingues arabe, français et anglais.

Pour aller plus loin : digital banking au Maroc, accessibilité bancaire, audit d'accessibilité RGAA et WCAG 2.2, applications mobiles de santé et marketplaces.

France

Vous êtes en France : une équipe UX en nearshore

VOID existe depuis 2005. Nos équipes de production sont à Casablanca et à Agadir, et nous avons un bureau de représentation à Paris. Nous travaillons en français. Le décalage avec Paris est de 1 h en hiver et de 2 h en été : le Maroc est revenu à l'heure GMT le 20 septembre 2026 (décret n° 2.26.530), tandis que la France applique l'heure d'été européenne.

Pour le cadre contractuel et l'organisation, voir notre offre nearshore au Maroc.

Tarifs

Formats et tarifs

Audit UX

L'Audit Avancé couvre l'UX, l'accessibilité WCAG et RGAA, la performance et une feuille de route sur 6 mois : 20 000 MAD HT au prix web (environ 1 820 €), en 2 à 3 semaines.

L'Audit Stratégique, avec ateliers et tests utilisateurs, se fait sur devis, en 4 à 6 semaines.

Avis d'expert

Une session Validation Expert de 2 heures sur une maquette ou un parcours : 2 800 MAD au prix web (prix normal 3 500 MAD), restitution sous 5 jours ouvrés.

Projet au forfait

Conception d'un parcours ou refonte, avec un périmètre fixé.

Squad UX et front

Designers et développeurs dédiés à votre produit, en continu.

Équipe

L'équipe

La direction de la création est assurée par Olivier Delas, co-fondateur de VOID. Diplômé de l'ESAG Penninghen (1994), il a travaillé chez Digitas (Publicis Groupe) de 2007 à 2012, puis co-fondé The Bridge en 2012. Il porte l'offre Harnessed UX avec Mehdi Najeddine, co-fondateur, côté technique. Leur parcours est sur la page présentation de l'agence.

FAQ

Questions fréquentes

Que fait une agence UX/UI ?

Elle conçoit l'expérience et l'interface d'un produit numérique : elle comprend les utilisateurs (entretiens, tests, analyse des parcours), organise les contenus et les parcours, dessine les écrans, les teste avec de vrais utilisateurs et livre une interface prête à développer. Chez VOID, nous prenons aussi en charge le design system et le développement front.

Quelle différence entre UX design et UI design ?

L'UX design (expérience utilisateur) traite le fond : qui sont les utilisateurs, ce qu'ils cherchent à faire, dans quel ordre, avec quels obstacles. L'UI design (interface utilisateur) traite la forme : mise en page, typographie, couleurs, composants, états. Les deux se conçoivent ensemble : une belle interface sur un mauvais parcours ne fonctionne pas.

Quelle différence entre UX design et product design ?

Le product design élargit l'UX au cycle de vie du produit : hypothèses à valider, priorisation avec le produit et la technique, mesure après la mise en ligne, itérations. Un product designer travaille dans l'équipe produit, au même rythme que les développeurs.

Combien coûte une agence UX/UI ?

Cela dépend du périmètre : audit, conception d'un parcours, refonte complète ou équipe dédiée. Nos formats publiés : l'Audit Avancé (UX, accessibilité, performance) à 20 000 MAD HT au prix web, soit environ 1 820 euros, livré en 2 à 3 semaines, et des sessions de validation par un expert dès 2 800 MAD au prix web (prix normal 3 500 MAD) pour 2 heures.

Comment se déroule un projet UX avec VOID ?

Recherche utilisateur et audit de l'existant, architecture de l'information et wireframes, maquettes et prototypes, tests avec des utilisateurs, puis livraison aux développeurs et suivi après la mise en ligne. Nous travaillons en sprints de deux semaines avec des démonstrations régulières. Les tests utilisateurs réunissent 5 à 8 personnes par série.

Comment mesurez-vous le succès UX ?

Nous fixons les indicateurs avec vous avant de concevoir, puis nous les mesurons avant et après la mise en ligne : réussite et durée des tâches lors des tests utilisateurs, taux de complétion ou de conversion des parcours, abandons, demandes au support liées au parcours, satisfaction déclarée. Sans mesure de départ, aucun gain ne peut être démontré.

Faites-vous des tests avec des utilisateurs marocains ?

Oui. Chaque série de tests utilisateurs réunit 5 à 8 participants, et les ateliers de 8 à 20 personnes peuvent se tenir dans notre espace de Casablanca Finance City.

Concevez-vous d'abord pour le mobile ?

Oui, par défaut : nous concevons d'abord l'écran le plus contraint, puis nous l'adaptons à la tablette et à l'ordinateur. La part du mobile dans votre trafic, lue dans votre outil d'analyse, fixe les priorités. Un outil métier utilisé surtout sur ordinateur peut partir du grand écran.

Pouvez-vous tester avec des utilisateurs en France depuis Casablanca ?

Les entretiens et les tests se mènent à distance, en visioconférence, avec des participants recrutés dans votre pays.

Travaillez-vous en nearshore pour des entreprises françaises ?

Oui. Nos équipes de production, à Casablanca et à Agadir, travaillent en français, avec 1 h de décalage avec Paris en hiver et 2 h en été. VOID dispose d'un bureau de représentation à Paris.

Livrez-vous aussi le développement front et le design system ?

Oui. Nous pouvons livrer les maquettes seules, ou aller jusqu'au design system (tokens, bibliothèque Figma, composants React documentés dans Storybook) et au code en production, développé en React et Next.js.

Comment intégrez-vous l'accessibilité (RGAA, WCAG 2.2) ?

Dès la conception : contrastes, ordre de lecture, navigation au clavier, libellés et messages d'erreur, taille des cibles. La cible technique est le niveau AA des WCAG 2.2. En France, le RGAA s'applique aux organismes publics et aux entreprises dont le chiffre d'affaires réalisé en France dépasse 250 millions d'euros. Nous ne parlons de conformité qu'après un audit des pages.

Comment choisir une agence UX ?

Regardez des références proches de votre secteur, demandez qui fera le travail, vérifiez que l'agence teste avec de vrais utilisateurs et qu'elle sait passer le relais aux développeurs, ou développer elle-même. Demandez aussi comment elle traite l'accessibilité et l'après-mise en ligne.

Parlons de votre projet UX

Un parcours à revoir, une application à concevoir, une équipe à renforcer : décrivez votre besoin. Nous vous répondons sous 24 heures ouvrées.

Explorez aussi

Découvrez nos autres expertises complémentaires.