ab■
EN

Anass Bouhmad Frontend & Product Engineer

Complex ideas.
Clear experiences.

I design the experience.
And build it, end to end.

Explore my work
Anass Bouhmad wearing a black T-shirt
Anass Bouhmad — design, engineering and delivery.
Design Engineering Delivery

Designed & built from scratch

Selected work.

01 / MizanIndependent commerce

Independent commerce / Storefront & admin

Marketplace roots.
Independent stores.

I turned Bit Market’s commerce foundation into independent stores, each with its own admin and database.

Store demo (opens in a new tab)Admin demo (opens in a new tab)
Mizan / Customer storefront
Mizan demo storefront showing its collection introduction and product photography

Actual product screens · Fictional demo products and records

Foundation
Bit Market → Mizan
Business data
A dedicated database for each business
Beyond the launch
Setup · Feature updates · Maintenance

The product decision

Keep the system.
Change who it serves.

Bit Market

One marketplace.
Multiple vendors.

Mizan

An independent store.
One business.

A marketplace system, reimagined for one business at a time—with setup, updates and maintenance included.

Explore the product decisions

The product model

Bit Market brings multiple vendors into a marketplace. Mizan makes the commerce system available as a standalone store and admin panel for each business. I designed and built both products from scratch.

The data boundary

Each business has a dedicated database rather than sharing a database with other customer stores. That separation is part of the product offering.

Responsibility after launch

The offering includes customer setup, feature updates and ongoing maintenance, keeping the responsibility for the product with its builder beyond the initial delivery.

02 / BatirasRestaurant tools

Restaurant tools / Mobile menu editing

The menu is
the editor.

Restaurant owners needed a simpler editor. I made the menu itself the place to edit it.

Compare screens
Batiras mobile menu in edit mode with an inline price field, photo controls and item ordering and visibility controls
Batiras owner menu — edit mode. Actual product screenshot.

Editing mode: price, photo, order and visibility controls sit beside each dish.

Actual product screens

My contribution

Design & development from scratch

Current behaviour

Changes save automatically.

Product decision

Edit in context, directly in the menu.

Explore the mobile design decision

A different editor for a different user.

I chose not to reuse the admin editor for restaurant owners. Instead, the menu itself becomes the editing surface, with controls alongside the item being changed.

Prioritise the frequent changes.

Price changes respond to ingredient costs. Item ordering lets owners adjust what customers see first. I kept the initial scope focused on these tasks, visibility and photos to work within the limited space on mobile.

Built now, with room to evolve.

I tested the editing flow on mobile. The current version saves automatically; draft mode and broader menu controls are planned for a later version.

03 / Bit Market · BitLabsAI listing workflow

Nexus / The listing engine

From a product photo
to a working draft.

I built Bit Market and its vendor tools. In BitLabs, Nexus turns a product photo into an editable listing draft.

One product. Five connected stages.

Illustrative product example · Input to draft

  1. 01 / Input
    Illustrative camera photo of blue headphones on a wooden desk Product photo

    Start with a photo.

    Start with a photo and known details. Ask for a clearer view when needed.

  2. 02 / Evidence
    The same headphones, enlarged to inspect their shape and colour
    Product identity

    Form Over-ear

    Colour Blue

    References Check sources

    Check the evidence.

    Verify identity and references. Pause when the evidence is missing or conflicting.

  3. 03 / Creation
    Illustrative studio treatment of the same blue headphones
    ENFRعربي
    More than a title.

    Descriptions · Tags · SEO

    Create the listing.

    Create multilingual copy, product attributes and a planned set of images.

  4. 04 / Evaluation
    Reference
    Created image

    Identity Shape Fidelity

    Evaluate and refine.

    Check product identity, shape and image quality. Revise individual outputs.

  5. 05 / DraftReady for review

    Ready for
    your review.

    Edit the content, set pricing and choose images. Resolve blockers before handoff.

    Photo → Content + images → Editable draft
    Listing draftExample
    Blue headphones presented in an illustrative listing draft

    Blue over-ear headphones

    EN · FR · AR
    ContentEditable
    PriceSet in review

Illustrative walkthrough · Product imagery created for this portfolio. It represents the workflow, not a captured Nexus run.

Inside the implementation

Built to be
inspected.

The interface is one layer. Decisions, revisions and publishing rules have their own structure.

01OrchestratorCoordinates the stages
02Editable draftContent + selected images
03Publish contractChecks before handoff

Decision & revision history Evidence · Rationale · Prompt versions

Simplified architecture · Based on the implementation
Typed decision records

Checkpoints record the evidence, verdict and rationale as structured decisions. The run keeps these records alongside its outputs, so a reviewer can inspect how it reached a result.

Revisions without losing history

Regenerating an image replaces the chosen slot while retaining previous revisions and the operator’s feedback. The rest of the draft remains available for review.

A separate publish contract

Validation checks required content, pricing, selected images and blocking product-fact contradictions before handoff. Generation and publishing have separate responsibilities.

Configured admin flows also support automatic confirmation; the production store has an additional confirmation guard.

Professional experience

Design decisions.
Team delivery.

Alongside my own products, I’ve designed and implemented interfaces within client teams.

FlexGroups

— · Remote

Front-End Developer & UI/UX Engineer

Designed new pages, built approved designs and refactored admin interfaces for YAS Senegal’s client and admin platforms. Integrated purchase flows and APIs with React and TypeScript.

SensThings

—

Front-End Developer & UI/UX Engineer

Designed responsive interfaces and integrated APIs for exam-management and digital-credential platforms. Contributed to a NestJS and PDFKit certificate-generation pipeline.

Design
Figma · UI/UX · Design systems
Engineering
React · Next.js · TypeScript
Systems & delivery
Node.js · PostgreSQL · Vercel
02 / HOW I THINK

An eye for detail.
A mind for systems.

I’m Anass. I like turning complex workflows into something people can understand and use. I stay with the product through design, engineering and what comes after launch.

IdeaInterfaceSystem
01

Put the task where it belongs.

A restaurant owner wants to change the menu. That’s where I put the editing controls.

02

Build for the next decision.

I start with the frequent tasks, keep the scope focused and leave room for the product to evolve.

03

Own what happens after launch.

Setup, updates and maintenance are part of how I deliver Mizan.

03 / START A CONVERSATION

Let’s build
something useful.

For Frontend & Product Engineer roles
and selected product projects.

anass2017bouhmad@gmail.com