Skip to content
Studjoow
Londres
Paris
Tel-Aviv
Dubaï

Independent studio

Disponible

Justesse.Originalité.Optimisation.Waouh.

Studjoow

Creative direction, custom Next.js websites, AI integrations and SEO/GEO. Built by John« Joow ».

Identité·Direction artistique·Site sur-mesure·Next.js·Typographie·Couleur·SEO·GEO·ChatGPT·Perplexity·IA générative·Brand voice·Motion·Conversion·Identité·Direction artistique·Site sur-mesure·Next.js·Typographie·Couleur·SEO·GEO·ChatGPT·Perplexity·IA générative·Brand voice·Motion·Conversion·

Studio · Since 2007

Almost 20 years drawing, coding, shipping.

  • 250+projects delivered since day one.
  • 2,000+monthly readers on the journal.
  • 1single point of contact, from brief to launch.
Designer et développeur au travail dans le studio, écrans de code et interfaces fuchsia

Opening a chat is easy.

Nouveau chat
Décrivez ce que vous voulez créer…

Before · empty prompt

studjoow.com/cas/marque-finie

After · finished brand

Building with you is what I do.

Working together

Three services.

Three ways to get started. Scope is flexible. Detailed quote after the brief.

01Just starting out ?

Launch.

I build everything with you: brand identity, a Next.js website, and the first wave of SEO. From the brief to Vercel deployment.

  • Complete visual identity
  • Custom Next.js site
  • Payload CMS + Supabase
  • Foundational technical SEO
02Already have a website ?

Grow.

I make it perform: full audit, focused redesign, SEO + GEO optimization, and conversion work. No need to rebuild everything.

  • SEO + GEO + UX audit
  • Critical sections redesigned
  • Core Web Vitals optimization
  • Conversion tracking
03Have an ambitious idea ?

Build.

I take it to production: SaaS, business platforms, internal apps, premium e-commerce, AI integration. Scoping, design, development, launch.

  • 2-day scoping workshop
  • Architecture + design system
  • Full-stack dev + AI if needed
  • 6 months of follow-up and iterations

Stack

My tools, chosen to last.

A modern stack, used daily. No black boxes, no limiting no-code tools. Each logo links to the official site.

How I work

Four phases.

From the brief to launch, I break every project into four clear phases. At each step, you know what's delivered, what I need from you, and what we approve together before moving on.

  1. I

    Brief.

    It all starts with a video call or an in-person meeting. We take the time we need.

    We talk through the direction you want to take, the goals, the features you actually need, the constraints, and the level of ambition. I ask the uncomfortable questions, the ones agencies avoid because they make the quote bigger. By the end, I walk away with a clear vision of what we're building.

    • Project direction and ambition
    • Business goals + KPIs that matter
    • Core features vs. nice-to-haves
    • Scope, budget, and timeline alignment

    Output·Scoping document signed before a single mockup is made

    Brief — Scoping call, note-taking
  2. II

    Direction.

    One strong creative direction, not three watered-down compromises.

    I defend my choices, you challenge them, and we make decisions live. One or two rounds of iteration at most, depending on your feedback. I'd rather make one firm decision than ten half-measures. You see the visual codes, typography, colors, and tone on key high-fidelity screens, not on abstract boards.

    • Complete visual system: logo, typography, color, tone
    • High-fidelity mockups of key screens
    • Documented, reusable design system
    • 1 to 2 iterations based on your feedback

    Output·Approved creative direction + design system

    Direction — Figma mockups, color palette
  3. III

    Production.

    Fully custom. Design and development move forward in parallel.

    Weekly sprints, a Vercel demo every week, and validation as we go. No six-week tunnel ending in a big reveal and disappointment. Modern stack (Next.js, strict TypeScript, Tailwind, Payload CMS), clean code, Lighthouse 95+ performance. Every week is a chance to adjust before it's too late.

    • Weekly Vercel demo
    • Stack: Next.js + Payload + Supabase
    • Fully custom, zero templates
    • A CMS ready for your editorial independence

    Output·A complete, tested, high-performance site

    Production — Code editor and Vercel preview
  4. IV

    Launch.

    Supervised launch, with one month of follow-up included.

    Final QA, DNS setup, SSL, transactional email through Resend. Submission to Search Console and Bing Webmaster Tools, Schema markup, llms.txt for LLM citations. Monthly follow-up is included for one month after launch. After that, you can choose optional maintenance or on-demand support, with no long-term commitment.

    • Supervised launch + monitoring
    • Indexing on Google, Bing, AI search
    • SEO/GEO optimization + Core Web Vitals
    • 1 month follow-up included, optional maintenance after

    Output·Site live, indexed, and monitored

    Launch — Analytics dashboard + production site

Projects

Recent work.

Sérénidel Site Web
Cas featured · webdesign

Sérénidel Site Web.

KMS LightHouse Site Web
webdesign·2023

KMS LightHouse Site Web

KMS Lighthouse favorise des échanges plus efficaces et plus pertinente à travers ses solutions de gestion des connaissances. Lighthouse apporte des réponses instantanées à vos clients et à vos collaborateurs au moment où ils en n’ont besoin

Landau Site Web
webdesign·2023

Landau Site Web

Mathias Landau, danseur et couturier, a façonné l’identité de sa marque avec une vision unique en son genre. Passionné par la création, il apporte une touche nouvelle en alliant l’élégance minimaliste du danseur à la créativité débordante d

Biotyks
webdesign·2023

Biotyks

Nous sommes ravis d’avoir collaboré avec Biotyks, une plateforme en ligne qui offre à chacun l’opportunité de se procurer des capsules et des gummies. « Libérez le pouvoir du microbiome digestif pour combattre le syndrome du côlon irritable »

Case study

The transformation, not the pitch.

Every redesign has a measurable before and after. Here's one — six total to explore.

Tous ConcernésFeatured casePrestataire
TC

Tous Concernés.

SaaS · Campagnes de sensibilisation handicap

202612 ans de collaboration

De quatre outils éparpillés à un CRM unique pour piloter toutes les campagnes en France.

×4.productivité interne
98%.satisfaction client final
12 ans.de collaboration

Selected projects

Sérénidel Site WebKMS LightHouse Site WebLandau Site WebBiotyksInstinct Clothing Site WebInstitut SDTIvrywoodHello Syndic Poster InfosLCDL plaquetteHello Syndic Landing PageMathias Landau LogoT-Both PerformanceHello Syndic BrochureNéo Compétences flyerKala DesignAstraBody AjaccioDexyproYotta AcademySérénidel Site WebKMS LightHouse Site WebLandau Site WebBiotyksInstinct Clothing Site WebInstitut SDTIvrywoodHello Syndic Poster InfosLCDL plaquetteHello Syndic Landing PageMathias Landau LogoT-Both PerformanceHello Syndic BrochureNéo Compétences flyerKala DesignAstraBody AjaccioDexyproYotta Academy
Portrait de John Houzi, fondateur de Studjoow
John Houzi« Joow »
Role
Creative direction & full-stack dev
Experience
18 years · B2B and B2C
Method
1 point of contact, 0 middlemen
Specialties
Brand, Next.js, AI, SEO/GEO

The studio

Some think they're the Republic. Others just build with Studjoow..

My name is John, but everyone calls me Joow. Before Studjoow, I co-founded Flojo Agency for several years. I made a deliberate break from the agency model to become a more reactive, more accessible studio — closer to its clients.

I design, I code, I optimize. One person from brief to deployment — no middlemen.

  • Brand identity & visual guidelines
  • Next.js + Payload CMS sites
  • AI agents (Claude, GPT)
  • SEO & GEO (AI Overviews)
  • Typography & color
  • Audit & strategic advisory

Also

My side projects

01/04

Fondateur

Sk:vr.

Instant SEO and GEO audit, free and with no signup required.

It's the tool I wish I'd had when I was starting out. I built it to help people who don't have agency budgets understand what's wrong with their site, and to qualify my own prospects for advanced audits.

actif

Reference

The studio glossary.

395 essential terms in design, web, SEO, and GEO. A living library, updated May 2026, used as a shared foundation for every studio project.

Skills

Six skills, one studio.

  • Brand identity & art direction

    Full visual identity creation: logo, graphic system, typographic and color guidelines, print and digital rollouts, brand voice. 18 years of practice for B2B and B2C brands, from naming to real-world application.

  • Custom website development

    Next.js development (App Router, React Server Components) with headless Payload CMS and Supabase. Brochure sites, premium e-commerce, business platforms, SaaS. Strict TypeScript, Lighthouse 95+, WCAG accessibility.

  • Technical SEO & GEO (AI Search Optimization)

    Full audit, on-page optimization, Schema.org structured data, dynamic sitemap, llms.txt, citation-friendly markup. Visibility optimization for Google AI Overviews, ChatGPT, Perplexity, Gemini, Bing Copilot.

  • AI integration & conversational agents

    Building Claude, GPT, and Mistral agents for content generation, lead qualification, customer support, and monitoring. RAG automation, integration with existing tools (CRM, Slack, Notion), ROI dashboards.

  • Typography & design systems

    Expert type selection, OpenType customization, design tokens, multi-brand design systems. Author of reference typography guides (779 unique readers/month) on type anatomy, history, and classification.

  • Project direction & deployment

    Strategic scoping, planning, Vercel + GitHub Actions integration, continuous monitoring, 3 to 6 months post-launch follow-up. One single point of contact from brief to deployment — no middlemen.

Plan de travail Studjoow : mood board, écrans, croquis, palette fuchsia

The studio

Studjoow, by John