Atelier DadaProject file 02 of 13
back to library
02Atelier Dada

Design · engineering · operations

Role
Full-Stack Engineer and Designer, contract
Open live site

Shipped client product · maintained after launch

From first interview
to a living product.

I designed, built, migrated, localized, shipped, and kept maintaining the studio’s production website.

  1. Discover
  2. Design
  3. Build
  4. Content
  5. Publish
  6. Operate
Live frontend
Production routes, responsive layouts, and custom interactionsOpen live
Swipe through the evidence03 / 06

  1. We reviewed the old site, the studio’s manifesto, and what the new product needed to support.

    Brand + manifestoOld-site auditPage + content needsArabic + editing
    Client process

  2. I designed the desktop and mobile screens in Figma, then revised them with the founder before building.

    Responsive Figma screen board
    Reviewed direction

  3. I built the approved frontend, including the flashlight and particle interactions used in Lights Off mode.

    Live Atelier Dada project map
    DesktopMobile
    Repository verified

  4. I moved the legacy English and French content into Sanity, added Arabic, and built the translation workflow.

    Custom Sanity translation action

    One document · EN / FR / AR

    Repository verified

  5. Editors can preview a change, publish it, and refresh only the affected content.

    1. Edit
    2. Preview
    3. Publish
    4. Tag
    5. Refresh
    Repository verified

  6. After launch, I used traffic and usage data to tighten request handling, reduce cache churn, improve search metadata, and plan recovery.

    • Vercel edge
    • Route checks
    • Selective cache
    • SEO + recovery
    Repository verified
System viewOne frontend serving content-rich product journeys