ab■
FR

Anass Bouhmad Ingénieur frontend & produit

Idées complexes.
Expériences claires.

Je conçois l’expérience.
Je construis le produit.

Découvrir mes projets
Anass Bouhmad portant un t-shirt noir
Anass Bouhmad — design, développement et mise en ligne.
Design Développement Mise en ligne

Conçus et développés de A à Z

Projets choisis.

01 / MizanCommerce indépendant

Commerce indépendant / Boutique & administration

Un socle commun.
Des boutiques à soi.

J’ai adapté le socle e-commerce de Bit Market en boutiques indépendantes, chacune avec son administration et sa base de données.

Démo boutique (s’ouvre dans un nouvel onglet)Démo administration (s’ouvre dans un nouvel onglet)
Mizan / Boutique client
Boutique de démonstration Mizan présentant une collection et ses photos de produits

Captures du produit · Produits et données de démonstration fictifs

Socle
Bit Market → Mizan
Données de l’entreprise
Une base de données dédiée par entreprise
Après la mise en ligne
Installation · Évolutions · Maintenance

Le choix produit

Garder le système.
Changer son usage.

Bit Market

Une marketplace.
Plusieurs vendeurs.

Mizan

Une boutique indépendante.
Une seule entreprise.

Un système de marketplace repensé pour chaque entreprise, avec installation, mises à jour et maintenance incluses.

Comprendre les choix produit

Le modèle produit

Bit Market réunit plusieurs vendeurs sur une marketplace. Mizan propose ce système e-commerce sous forme de boutique autonome, avec une administration propre à chaque entreprise. J’ai conçu et développé les deux produits de A à Z.

La séparation des données

Chaque entreprise dispose d’une base de données dédiée, sans la partager avec les autres boutiques clientes. Cette séparation fait partie de l’offre.

L’engagement après la mise en ligne

L’offre comprend l’installation pour le client, les nouvelles fonctionnalités et la maintenance continue. Je reste responsable du produit au-delà de sa livraison initiale.

02 / BatirasOutils pour restaurateurs

Restauration / Édition du menu sur mobile

Le menu devient
l’éditeur.

Les restaurateurs avaient besoin d’un éditeur plus simple. J’ai placé les outils de modification directement dans leur menu.

Comparer les vues
Menu mobile Batiras en mode édition : prix modifiable, gestion de la photo, de l’ordre et de la visibilité des plats
Menu du restaurateur — mode édition. Capture du produit Batiras.

En mode édition, les réglages du prix, de la photo, de l’ordre et de la visibilité sont à côté de chaque plat.

Captures du produit

Ma contribution

Conception et développement de A à Z

Fonctionnement actuel

Les modifications sont enregistrées automatiquement.

Choix produit

Modifier en contexte, directement dans le menu.

Comprendre le choix d’interface mobile

Un éditeur adapté à son utilisateur.

J’ai choisi de ne pas reprendre l’éditeur d’administration pour les restaurateurs. Le menu devient lui-même la surface d’édition, avec les commandes à côté du plat à modifier.

Priorité aux modifications fréquentes.

Les prix évoluent avec le coût des ingrédients. L’ordre des plats permet d’ajuster ce que le client voit en premier. J’ai limité la première version à ces actions, à la visibilité et aux photos pour respecter l’espace disponible sur mobile.

Fonctionnel aujourd’hui, prêt à évoluer.

J’ai testé le parcours d’édition sur mobile. La version actuelle enregistre automatiquement les modifications. Un mode brouillon et des réglages plus complets sont prévus pour une prochaine version.

03 / Bit Market · BitLabsCréation de fiches produit par IA

Nexus / Le moteur de fiches produit

D’une photo produit
à une fiche à affiner.

J’ai développé Bit Market et ses outils vendeurs. Dans BitLabs, Nexus transforme une photo produit en une fiche prête à être retravaillée.

Un produit. Cinq étapes liées.

Exemple illustratif · De la photo au brouillon

  1. 01 / Entrée
    Photo illustrative d’un casque bleu sur un bureau en bois Photo produit

    Partir d’une photo.

    Une photo et les informations connues. Une vue plus précise si nécessaire.

  2. 02 / Vérification
    Le même casque agrandi pour examiner sa forme et sa couleur
    Identité du produit

    Format Circum-aural

    Couleur Bleu

    Références À vérifier

    Vérifier les faits.

    Vérifier l’identité et les références. Suspendre le traitement si les éléments manquent ou se contredisent.

  3. 03 / Création
    Mise en scène illustrative en studio du même casque bleu
    ENFRعربي
    Bien plus qu’un titre.

    Descriptions · Tags · SEO

    Créer la fiche.

    Créer les textes multilingues, les caractéristiques et une série d’images planifiée.

  4. 04 / Évaluation
    Référence
    Image créée

    Identité Forme Fidélité

    Évaluer et affiner.

    Contrôler l’identité du produit, sa forme et la qualité des images. Reprendre chaque résultat séparément.

  5. 05 / BrouillonÀ relire

    À vous
    de valider.

    Ajuster le contenu, fixer le prix et choisir les images. Résoudre les points bloquants avant la transmission.

    Photo → Textes + images → Brouillon modifiable
    Brouillon de ficheExemple
    Casque bleu présenté dans un exemple de brouillon de fiche produit

    Casque circum-aural bleu

    EN · FR · AR
    ContenuModifiable
    PrixÀ définir

Parcours illustratif · Visuels créés pour ce portfolio. Ils expliquent le fonctionnement sans provenir d’une exécution réelle de Nexus.

Dans l’implémentation

Conçu pour être
examiné.

L’interface n’est qu’une couche. Les décisions, les révisions et les règles de publication ont leur propre structure.

01OrchestrateurCoordonne les étapes
02Brouillon modifiableContenu + images choisies
03Contrat de publicationContrôles avant transmission

Historique des décisions et révisions Éléments vérifiés · Raisonnement · Versions des prompts

Architecture simplifiée · Issue de l’implémentation
Des décisions structurées et typées

Les points de contrôle enregistrent les éléments vérifiés, le verdict et le raisonnement sous forme de décisions structurées. Ces traces sont conservées avec les résultats pour permettre de comprendre comment ils ont été obtenus.

Réviser sans perdre l’historique

La régénération d’une image remplace l’emplacement choisi tout en conservant les versions précédentes et les retours de l’opérateur. Le reste du brouillon reste disponible à la relecture.

Un contrat de publication distinct

Avant la transmission, la validation contrôle les contenus requis, le prix, les images choisies et les contradictions bloquantes sur les caractéristiques du produit. Génération et publication ont des responsabilités distinctes.

Les parcours d’administration configurés permettent aussi la confirmation automatique ; la boutique en production dispose d’une vérification de confirmation supplémentaire.

Expérience professionnelle

Concevoir ensemble.
Livrer en équipe.

En parallèle de mes produits, j’ai conçu et développé des interfaces au sein d’équipes clientes.

FlexGroups

— · À distance

Développeur frontend & ingénieur UI/UX

Conception de nouvelles pages, intégration des maquettes validées et refonte des interfaces d’administration pour les plateformes client et admin de YAS Sénégal. Intégration des parcours d’achat et des API avec React et TypeScript.

SensThings

—

Développeur frontend & ingénieur UI/UX

Conception d’interfaces responsive et intégration d’API pour des plateformes de gestion d’examens et de certifications numériques. Contribution à une chaîne de génération de certificats avec NestJS et PDFKit.

Design
Figma · UI/UX · Systèmes de design
Développement
React · Next.js · TypeScript
Systèmes & mise en ligne
Node.js · PostgreSQL · Vercel
02 / MON APPROCHE

Le sens du détail.
La vision du système.

Moi, c’est Anass. J’aime rendre les parcours complexes faciles à comprendre et à utiliser. J’accompagne le produit de la conception au développement, puis au-delà de sa mise en ligne.

IdéeInterfaceSystème
01

L’action au bon endroit.

Un restaurateur veut modifier son menu. C’est là que je place les commandes d’édition.

02

Préparer la suite.

Je commence par les tâches fréquentes, je garde un périmètre précis et je laisse au produit la place d’évoluer.

03

S’engager après la mise en ligne.

L’installation, les mises à jour et la maintenance font partie de mon engagement avec Mizan.

03 / ÉCHANGEONS

Créons quelque chose
d’utile.

Pour un poste en développement frontend et produit
ou une collaboration sur un projet produit.

anass2017bouhmad@gmail.com