Mohamed Ali Mejbar
Fès Book a call
Contents
  1. 01 Work
  2. 02 Method
  3. 03 Prices
  4. 04 About
Book a call ali@mejbar.com It's in Fès.
No. 3 · Autumn 2026 Fès, Friday 23 October Next opening: November 2026

Mohamed Ali Mejbar

Designer and full-stack engineer Websites · web apps · iOS And a doctor, in Fès

Designed and built, end to end, by one pair of hands.

Book a call See the work
McGinty Consulting, the home page
McGinty Consulting on a phone
Congrès Médicis, the home page
Congrès Médicis on a phone
Med Learning Academy, the home page
Med Learning Academy on a phone
Math&Maroc, the home page
Math&Maroc on a phone
TechNatSec, the home page
TechNatSec on a phone
Wallio, the home page
Wallio on a phone
NEXT WAVE, the home page
NEXT WAVE on a phone
Neonat, the home page
Neonat on a phone

On the cover: star and cross, from the walls of Fès. Tap it to re-glaze it.

On the cover: McGinty Consulting, shipped. This edition is printed in their forest.

On the cover: Congrès Médicis, shipped. This edition is printed in their congress blue.

On the cover: Med Learning Academy, shipped. This edition is printed in their fennec.

On the cover: Math&Maroc, in progress. This edition is printed in their ink.

On the cover: TechNatSec, concept. This edition is printed in their ruby.

On the cover: Wallio, concept. This edition is printed in their aubergine.

On the cover: NEXT WAVE, concept. This edition is printed in their majorelle.

On the cover: Neonat, in progress. This edition is printed in their ward.

The editor · poke him

Editor's note

Most sites are designed by one team and built by another. I do both, so what you approve is what ships.

I'm a designer and a full-stack engineer. I draw the interface, then build all of it: the front end, the back end and its database, payments, the AI when there is some, and the iPhone app when there's one. Ayoub Bennouna joins me when a brand needs drawing.

I'm also a doctor, trained in Fès, and I've been building for the web since medical school. I work for consultancies, medical congresses, schools and a hospital ward. Nothing gets lost between the design and the code, because there's nobody in between.

Mohamed Ali

§ 01 · Work

8 projects, as they stand

3 shipped, 2 on the workbench, 3 concepts nobody asked for. Every one designed and built by me.

Shipped · 3 Live, and used by the people they were made for.

01 Shipped · Rework · Web · 2024 – 2026

McGinty Consulting

A consultancy's site, rebuilt so their team publishes without calling a developer.

Role
Design, Development, Content model
Built with
Astro, Sanity, Vercel
Languages
EN
With
Ayoub Bennouna, logomark and identity

Read the case Visit the site

McGinty Consulting today
McGinty Consulting, the version before
Before and after. The 2024 site against today's. Drag across it.
Plate I. McGinty Consulting, the home page on a desktop and a phone. The 2026 rework gives McGinty a serif voice and a press kit that explains the logo from its own geometry.

  • Ia. How We Help: the pitch, then the three services as numbered entries.

  • Ib. The work index: client cards, one in its hover state.

  • Ic. A project page, MIPA: client, place and year, then the engagement in brief.

  • Id. Contact: a letter to fill in, beside the email, the phone and the office.

02 Shipped · Rework · Product · 2024 – 2026

Med Learning Academy

Residency exam prep that starts from a real clinical case, with an AI tutor called Toubib.

Role
Product design, Development
Built with
Next.js, Convex, Better Auth
Languages
FR · EN
With
Ayoub Bennouna, first logo and branding; logo rework in progress

Read the case Visit the site

Med Learning Academy today
Med Learning Academy, the version before
Before and after. The 2024 site against today's. Drag across it.
Plate II. Med Learning Academy, the home page on a desktop and a phone. Practice starts from a real clinical case, corrected proposition by proposition, with Toubib the fennec as tutor.

  • IIa. A class call: the shared whiteboard and the live tools, questions, quiz, poll and attendance.

  • IIb. Toubib's pose sheet: fourteen poses and a wardrobe.

  • IIc. Asking Toubib: an explanation first, then follow-up questions.

  • IId. Spaced revision: the error notebook, a review card and a custom quiz.

03 Shipped · Product · Web · 2026

Congrès Médicis

Tickets, an attendee space and real card payments for an international medical congress in Iași.

Behind the tickets: the whole congress runs on it

  1. Tickets in packs, with workshops and an abstract option, paid by card through Netopia
  2. A space for every participant: their profile, workshops booked within the pack's quotas, a personal calendar and receipts
  3. A dashboard for the organisers: orders and refunds, participants, activities, bus seats and exports
Role
Design, Development, Payments
Built with
Next.js, Netopia, Turborepo
Languages
FR

Read the case Visit the site

Plate III. Congrès Médicis, the home page on a desktop and a phone. A congress platform rather than a landing page: ticketing with payments, a participant space and an admin dashboard for the organisers.

  • IIIa. Choosing a ticket: field, status and the abstract set each pack's price.

  • IIIb. The programme, one column per day.

  • IIIc. Speakers: 53 from 24 countries, filtered by field.

  • IIId. A speaker's profile opens over the grid.

Inside the product The organisers' side and the participants', run locally on invented data.

  • III.1. Admin overview. Registrations, revenue and operations at a glance, on demo data.

  • III.2. Participant home. The participant's pack, quotas left and personal programme.

  • III.3. Receipt. The PDF receipt generated for an order.

In progress · 2 On the workbench right now.

04 In progress · Website · Product · 2025 – 2026

Math&Maroc

An NGO's site in three languages, its five programme sites, and one account to apply to all of them.

Role
Design, Development
Built with
Next.js, Convex, Sanity
Languages
EN · FR · AR

Read the case Follow along

Plate IV. Math&Maroc, the home page on a desktop and a phone. One site in three languages, with Arabic laid out right to left rather than squeezed into a left-to-right page.

  • IVa. Edition overview. The staff console for one edition: live counts, the pipeline by screening status and by decision, and the places the person's roles open.

  • IVb. Applications. The applications queue: status tabs with counts, filters, bulk actions and a CSV export.

  • IVc. Application file. One application file: its stages, the drafted decision ready to publish, the screening status and the reviewer.

  • IVd. Decisions. Drafted decisions wait here; applicants see nothing until staff select and publish them.

05 In progress · Product · Web and iOS · 2026

Neonat

Duty planning for a neonatology service, on the web and on iPhone. In progress.

Role
Product design, Web, iOS
Built with
TanStack Start, Convex, SwiftUI
Languages
FR

Read the case Follow along

Plate V. Neonat, the home page on a desktop and a phone. A ward's duty planner that explains itself: it generates fair rosters around fixed Urgences, says why each night went to whom, and sits beside the unit's beds and tasks.

  • Va. Home. The manager's home: what to do today, free beds, and each team's night duties for the week.

  • Vb. On call. The team on call each night, interns and residents side by side.

  • Vc. Planning. The published Service planning for a month, with each night's Service, Urgences and GD duties.

  • Vd. Proposals. Three proposals from the generator, compared side by side with what each one trades off.

Concepts · 3 Unsolicited. What these brands could become, designed and built for real.

06 Concept · Redesign · Web · 2026

TechNatSec

Unsolicited. The Harvard and MIT security conference site, rebuilt on the identity Ayoub designed for it.

Role
Design, Development, Content migration
Built with
Astro, Sanity
Languages
EN
With
Ayoub Bennouna, identity

Read the case Ask for a walkthrough

Plate VI. TechNatSec, the home page on a desktop and a phone. A proposal that rebuilds the conference site around the identity Ayoub Bennouna designed for it.

  • VIa. Home. The home page hero: “Acta non verba.”, the dates and both campuses, beside the conference mark.

  • VIb. Speakers. Speakers: the page intro, the track filters and the portrait grid.

  • VIc. Speaker. A speaker page: portrait, title, and the day and room they are on stage; every speaker page uses this layout.

  • VId. Schedule. Schedule: day and track filters above Friday's program.

07 Concept · Product · Web · 2026

Wallio

Unsolicited. A loyalty card that lives in Apple Wallet and Google Wallet, so nobody loses it.

Role
Product design, Development
Built with
TanStack Start, React Aria
Languages
FR · EN

Read the case Ask for a walkthrough

Plate VII. Wallio, the home page on a desktop and a phone. A loyalty card that lives in Apple and Google Wallet, and a builder that shows the shop its own card as it types.

  • VIIa. Home. The home page hero: the promise and a phone with the shop's loyalty cards in its Wallet.

  • VIIb. How it works. How it works: tap NFC or scan the QR code at the counter, nothing to install.

  • VIIc. Card builder. The card builder: type the shop's name, pick a style and the pass previews live.

  • VIId. Notifications. Notifications: the messages a customer gets on the lock screen, from stamps to reminders.

08 Concept · Website · Web · 2025 – 2026

NEXT WAVE

Unsolicited. A podcast about the people building Morocco, organised around its episodes.

Role
Design, Development
Built with
Astro, Sanity
Languages
FR

Read the case Ask for a walkthrough

Plate VIII. NEXT WAVE, the home page on a desktop and a phone. A podcast site built around its episodes: a fixed sidebar with the show and its platforms, an episode list filtered by series, and a player that docks at the bottom and follows timestamped chapters.

  • VIIIa. Opening an episode, playing it, and jumping between chapters while the docked player follows.

  • VIIIb. An episode page while it plays, with the player docked at the bottom.

  • VIIIc. Chapters: the one playing is marked, and each row jumps to its time.

  • VIIId. The episode list filtered to one series, Accuracy Talks Straight.

§ 02 · Method

How a project is made

Four stages, the way a zellige maker in Fès builds a panel. The weeks are for a typical website.

  1. Stage I · Week 0

    Listen

    Every zellige pattern starts from one circle. Every project starts from one call.

    • A 30-minute call
    • What you need, what you have, what's in the way

  2. Stage II · Week 1

    Plan

    From that circle come the few lines that decide everything else, written down before anything is made.

    • One direction
    • A written scope and content model
    • A date and a fixed price

  3. Stage III · Weeks 2 to 6

    Build

    Then the pieces, cut to the drawing and set one at a time, where you can see them every week.

    • Design and code, together
    • A real link you can open every week
    • Changes while they're still cheap

  4. Stage IV · Launch, and a month after

    Ship

    Last, the panel is grouted and set into the wall. It's yours, and it's meant to last.

    • Launch
    • A handover you can run without me
    • A month of me close by

§ 03 · Prices

Every price is public

A fixed price, in writing, before any work starts. Dollars, euros or dirhams.

  • Landing page from $999 One page that says what you do and gets you a call.
  • Website from $1,999 A site your team runs without calling a developer.
  • Product from $3,999 A product people log into: tickets, courses, a tool for your team.
  • Care plan $99 a month Updates, small changes, an eye on it, after launch

§ 04 · About

A doctor who builds

Trained at the hospital in Fès. Designing and building since before that.

Medicine is my other trade. Some of my work is for the places I trained in: a duty planner for a neonatology service's nights, exam prep for the residency exam, a congress for medical students. If you build for health, I already speak the language.

Most of my clients aren't in health at all: a consultancy, an NGO for young mathematicians, a podcast. They hire me for the same reason: one person who designs it and builds it, and who answers the phone.

So far

  1. 2026 Neonat, duty planning for a neonatology ward, on web and iPhone
  2. 2026 Congrès Médicis: tickets, real payments and the organisers' back office
  3. 2026 TechNatSec proposal, with Ayoub Bennouna
  4. 2026 Became a doctor
  5. 2024 First version of Med Learning Academy
  6. 2024 First client: McGinty Consulting
  7. 2020 Started medicine in Fès

From the notebook

§ 05 · Contact

Your turn.

Tell me what you're building. I reply within a day, from Fès.

Book a 30-minute call

ali@mejbar.com. The calendar only offers the times I'm really free.