Zina Almokri — Personal Brand Website

The personal website of the beauty creator Zina Almokri, live at zinaalmokri.com in English and Arabic: reviews that publish the conditions of every test, a six-stage testing method, a journal, a portfolio of work and brand collaboration enquiries.

Nothing about the person may be invented — no biography, audience figures, awards or product claims. The build enforces it: content is marked mock or verified, and a release guard refuses to publish mock content.

The build was divided into phases — discovery, information architecture, creative direction, UX, design system, the signature 3D experience, content, SEO, performance, accessibility, QA and a content-management system — each closed with a written report before the next began.

A static Astro 5 site (85 routes across both languages) with Arabic right-to-left typography, an MDX journal, per-locale sitemaps and structured data. A Three.js layer choreographs 3D product packages alongside the editorial content, with complete fallbacks for reduced motion, Save-Data, no WebGL and no JavaScript.

A custom content-management system lets an administrator edit every public word without a developer: draft and published layers, publish snapshots for rollback and an audit log.

Live at zinaalmokri.com. As recorded in the project’s reports: 685 automated tests after the CMS phase, whose public build was byte-for-byte identical to the build before it; a production audit of all 85 routes in two viewports and both languages with no console errors or failed requests; and a responsive sweep of 459 viewport-and-route combinations with no horizontal overflow.