✶Product designer & builder

I design and build websites that feel personal. From first sketch to shipped product, every detail has to earn its place.

01 / 03✶AI tooling / Design systems✶2026

Hallmark

Typography, colour, motion, interaction: one ruleset your AI assistant actually follows.

Hallmark, browsing through the live site

usehallmark.com

02 / 03✶AI / Media tooling✶2025

SubStudio

Subtitles timed to the word, styled to the pixel.

SubStudio, browsing through the live site

usesubstudio.com

03 / 03✶AI / Consumer✶2025

Banana Studio

AI headshots that still look unmistakably like you.

Banana Studio, browsing through the live site

bananastud.io

Portrait of Youssef

Youssef El MghariCASA

✶ About

The work is personal.

I'm a product designer who codes. I take ideas from first sketch to shipped product, and I try to make every detail earn its place.

Most days that means designing in the morning, building in the afternoon, and polishing past midnight, with mint tea and lo-fi for company. I work from Morocco, and I like work that feels made by a person.

NowProduct Designer (contractor) at Together AIFeb 2025 to present

Design

  • Product & UI design
  • Design systems
  • Interaction design
  • Prototyping
  • Visual identity

Build

  • React / Next.js
  • TypeScript
  • Tailwind CSS
  • Motion
  • Claude Code
Product design✶Design systems✶Interaction design✶Web design & development✶Motion & micro-interaction✶Prototyping✶Brand & identity✶React & Next.js✶Available for select projects✶Casablanca GMT+1✶Design and build✶

✶ Contact

Let’s make

something yours.

For projects, collaborations, or a good conversation.