# Roadmap > Roadmap: a note from the Obsidian vault behind https://saifsiddiqui.in. Canonical URL: https://saifsiddiqui.in/ur/brain/roadmap/ (this is its markdown representation; the same URL serves HTML to browsers) Other languages: en: https://saifsiddiqui.in/brain/roadmap/ · hi: https://saifsiddiqui.in/hi/brain/roadmap/ · kn: https://saifsiddiqui.in/kn/brain/roadmap/ · te: https://saifsiddiqui.in/te/brain/roadmap/ · ar: https://saifsiddiqui.in/ar/brain/roadmap/ · hi-Latn: https://saifsiddiqui.in/hi-latn/brain/roadmap/ **Type:** phase **Status:** living **Created:** 2026-07-17 **Tags:** phase, roadmap ## 🗺️ Build Roadmap Each phase ends deployable to a Vercel preview. Built phase-by-phase in Fable. - **✅ Phase 0, Foundation (done).** Astro + React + Tailwind + tokens (both themes, no-flash), i18n scaffold (all locales, `en` authored), Vercel project, per-locale fonts, nav (switcher + theme), Speed Insights. Build log: [Phase 0 - Foundation](/brain/phase-0-foundation/). → [D002 - Tech Stack](/brain/d002-tech-stack/), [Design System](/brain/design-system/) - **✅ Phase 1, Content MVP (done).** All sections static + responsive; case studies ([D004 - Case Study Framework](/brain/d004-case-study-framework/)); [Contact Form](/brain/contact-form/) UI; **vault parser + `/brain/[slug]` note pages + list view** ([Knowledge Graph](/brain/knowledge-graph/)); SEO tags ([D009 - SEO and AI Crawlers](/brain/d009-seo-and-ai-crawlers/)). Build log: [Phase 1 - Content MVP](/brain/phase-1-content-mvp/). - **✅ Phase 2, Motion layer (done).** Lenis + ScrollTrigger reveals, pinned work, magnetic cursor; reduced-motion + RTL handling. Build log: [Phase 2 - Motion](/brain/phase-2-motion/). → [D003 - Visual Restraint and One WebGL Moment](/brain/d003-visual-restraint-and-one-webgl-moment/) - **Phase 3, WebGL hero + graph view + demo.** ✅ **3A done:** [WebGL Hero](/brain/webgl-hero/) (lazy, poster fallback; plain three per [D016 - WebGL Uses Plain Three Not R3F](/brain/d016-webgl-uses-plain-three-not-r3f/)) + [Knowledge Graph](/brain/knowledge-graph/) force-graph canvas + teaser. 🟡 **3B built (live answers pending Saif adding a card to AI Gateway):** [Phase 3B - AI Ask This Site](/brain/phase-3b-ai-ask-this-site/). Build log: [Phase 3A - WebGL and Graph](/brain/phase-3a-webgl-and-graph/). - **✅ Phase 4, Analytics product (done, verified local; prod storage at launch).** Full custom pipeline. Build log: [Phase 4 - Analytics](/brain/phase-4-analytics/). → [Custom Analytics](/brain/custom-analytics/), [D008 - Fully Custom Analytics](/brain/d008-fully-custom-analytics/) - **✅ Phase 5, Contact backend + polish (done).** Serverless + Resend ([D005 - Contact via Serverless](/brain/d005-contact-via-serverless/)); localized OG; axe/perf/SEO audit; RTL QA. Build log: [Phase 5 - Contact and Polish](/brain/phase-5-contact-and-polish/). **English site feature-complete.** - **✅ Phase 6, Translation tooling (done; full run at launch).** Built `scripts/translate.mjs` ([D007 - Build-time AI Translation](/brain/d007-build-time-ai-translation/)), dry-run, incremental manifest, validation, review gate ([D006 - i18n Seven Languages and RTL](/brain/d006-i18n-seven-languages-and-rtl/)). English-only until run ([D015 - Defer Content Translation](/brain/d015-defer-content-translation/)). Build log: [Phase 6 - Translation Tooling](/brain/phase-6-translation-tooling/). - **✅ Phase 7, Visual & IA Overhaul (done).** Multi-page + nav, visual richness, kill placeholders, rebuild Work, scrollytelling, RTL bidi fix. [Phase 7 - Visual and IA Overhaul](/brain/phase-7-visual-and-ia-overhaul/) · [D018 - Multi-page and Header Nav](/brain/d018-multi-page-and-header-nav/) · [D019 - Visual Richness Overhaul](/brain/d019-visual-richness-overhaul/). - **🛠️ Phase 7b, Art Direction v2 (in progress).** Bold maximalist monochrome + wide bold type + GSAP scroll motion + "dead→alive" WebGL hero. Re-skin of the whole site (structure/engineering kept). Prompt `FABLE-ART-DIRECTION-V2.md`. → [D020 - Art Direction v2 Bold Monochrome](/brain/d020-art-direction-v2-bold-monochrome/). - **Phase 8, Launch.** Domain, final QA, resume linked; flip each reviewed locale on. **Activate deferred external services** ([D017 - Defer External Service Activation](/brain/d017-defer-external-service-activation/)): add AI Gateway card + run AI-demo live grounding checks; provision free-tier Neon + Upstash and point env at them (analytics built/verified locally in Phase 4). Definition of done per phase lives in the [spec](/brain/portfolio-brain/). Open items: [Open Questions](/brain/open-questions/). ## سے منسلک - [D002 - Tech Stack](/ur/brain/d002-tech-stack/) - [D008 - Fully Custom Analytics](/ur/brain/d008-fully-custom-analytics/) - [D015 - Defer Content Translation](/ur/brain/d015-defer-content-translation/) - [Phase 0 - Foundation](/ur/brain/phase-0-foundation/) - [Phase 1 - Content MVP](/ur/brain/phase-1-content-mvp/) - [Phase 2 - Motion](/ur/brain/phase-2-motion/) - [Phase 3A - WebGL and Graph](/ur/brain/phase-3a-webgl-and-graph/) - [Phase 3B - AI Ask This Site](/ur/brain/phase-3b-ai-ask-this-site/) - [Phase 4 - Analytics](/ur/brain/phase-4-analytics/) - [Phase 5 - Contact and Polish](/ur/brain/phase-5-contact-and-polish/) - [Phase 7 - Visual and IA Overhaul](/ur/brain/phase-7-visual-and-ia-overhaul/) - [Portfolio Brain](/ur/brain/portfolio-brain/) تمام نوٹس: [/ur/brain/](/ur/brain/) --- Mohd Saif, Product Engineer. I build solutions, not dead software. Email: saifmd238@gmail.com · GitHub: https://github.com/Saif-09 · LinkedIn: https://www.linkedin.com/in/mohd-saif-134076141/ · Résumé (PDF): https://saifsiddiqui.in/resume More for agents: - [/llms.txt](/llms.txt): short summary of this site - [/llms-full.txt](/llms-full.txt): the complete text of every page in one fetch - [/agents.md](/agents.md): when to use this site, and how to query it - [/sitemap-index.xml](/sitemap-index.xml): every URL, in seven languages