Individual project · Arabic-first AI product studio

DOZO Intelligence

A multi-page Arabic-first product-studio experience with real accounts, secure sessions, persisted project briefs, lead capture, and an AI Product Strategist workspace.

Open live product ↗View source
Project typeIndividual project
My roleProduct design and full-stack development
OwnershipIndividual project
DeploymentPublic multi-page full-stack demo
DOZO Intelligence interface

01 / Overview

The problem and my contribution.

A product studio needs to turn a vague idea into a structured brief while also proving that its public website, account journey, and client workspace are one connected product.

My roleProduct design and full-stack development
OwnershipIndividual project

I designed the Arabic-first brand and multi-page interface, then connected signup, login, hashed sessions, saved briefs, leads, and the strategist workflow to cloud persistence.

02 / Architecture

How the product is put together.

01

Multi-page UI

Marketing, auth, workspace

02

API

Signup, login, briefs, leads

03

Security

PBKDF2 and hashed sessions

04

Database

D1 persistent records

Technology choices

TECH

HTML + CSS + JavaScript

Preserves the original custom multi-page design without a framework rewrite.

TECH

Cloudflare D1

Persists users, sessions, briefs, and leads for the public demo.

TECH

Web Crypto

PBKDF2 passwords and server-stored session-token hashes.

TECH

AI strategist

Transforms product answers into a structured, revisitable brief.

03 / Engineering

Challenges and decisions.

Preserving the original design

Backend routes were added around the existing page system so the public demo keeps the intended visual identity and navigation.

Session security

The browser receives a random cookie while the database stores only its hash and expiry.

Useful AI output

The workspace organizes inputs into a product brief instead of exposing an empty generic chat box.

04 / Product

Real screens, not mockups.

Arabic-first landing page
Arabic-first landing page
Client workspace
Client workspace
Generated AI project brief
Generated AI project brief
↗ Full application walkthrough (9 pages)

05 / Evidence

Quality you can verify.

D1persistent backend
PBKDF2password derivation
Multi-pageoriginal journey
RTLArabic-first UI
  • Same-origin checks protect state-changing API requests.
  • Session records expire and store token hashes rather than raw browser tokens.
  • The public project lab verifies that DOZO pages and backend routes are included in every production build.

DOZO Intelligence

Want to inspect the implementation?

Open live product ↗View source