Aller au contenu
Studjoow
Londres
Paris
Tel-Aviv
Dubaï

Studio indépendant

Disponible

Justesse.Originalité.Optimisation.Waouh.

Studjoow

Direction artistique, sites Next.js sur-mesure, intégrations IA et SEO/GEO. Conçu par 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 · Depuis 2007

Bientôt 20 ans à dessiner, coder, publier.

  • 250+projets livrés depuis le début.
  • 2 000+lecteurs / mois sur le journal.
  • 1seul interlocuteur, du brief au lancement.
Designer et développeur au travail dans le studio, écrans de code et interfaces fuchsia

Ouvrir un chat, c'est facile.

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

Avant · prompt vide

studjoow.com/cas/marque-finie

Après · marque finie

Construire avec, c'est mon métier.

Travailler ensemble

Trois offres.

Trois manières de démarrer. Scope adaptable. Devis détaillé après le brief.

01Tu te lances ?

Démarrer.

Je crée tout avec toi : identité de marque, site Next.js, première vague SEO. Du brief au déploiement Vercel.

  • Identité visuelle complète
  • Site sur-mesure Next.js
  • CMS Payload + Supabase
  • SEO technique de base
02Ton site est là ?

Accélérer.

Je le rends efficace : audit complet, refonte ciblée, optimisation SEO + GEO, conversion. Sans tout reconstruire.

  • Audit SEO + GEO + UX
  • Refonte sections critiques
  • Optimisation Core Web Vitals
  • Tracking conversions
03Tu as une idée ambitieuse ?

Construire.

Je la fais passer en prod : SaaS, plateforme métier, app interne, e-commerce premium, intégration IA. Cadrage, design, dev, lancement.

  • Atelier cadrage 2 jours
  • Architecture + design system
  • Dev full-stack + IA si besoin
  • Suivi & itérations 6 mois

Stack

Mes outils choisis pour durer.

Une stack moderne, opérée au quotidien. Pas de boîte noire, pas de no-code limitant. Chaque logo redirige vers son site officiel.

Comment je travaille

Quatre temps.

Du brief à la mise en ligne, je découpe chaque projet en quatre temps clairs. À chaque étape, ce qui est livré, ce qui est attendu de toi, et ce qu'on valide ensemble avant de passer au suivant.

  1. I

    Brief.

    Tout commence par une visio ou un rendez-vous. On prend le temps qu'il faut.

    On discute ensemble de la direction que tu veux donner au projet, des objectifs, des fonctionnalités qu'il faudrait, des contraintes et de l'ambition. Je pose les questions qui dérangent, celles qu'une agence évite parce qu'elles allongent le devis. À la fin, je repars avec une vision claire de ce qu'on construit.

    • Direction et ambition du projet
    • Objectifs business + KPIs qui comptent
    • Fonctionnalités essentielles vs nice-to-have
    • Cadrage périmètre, budget, planning

    Output·Document de cadrage signé avant la moindre maquette

    Brief — Visio de cadrage, prise de notes
  2. II

    Direction.

    Une proposition artistique forte, pas trois compromis.

    Je défends mes choix, tu pousses tes objections, on tranche en direct. Une à deux itérations max selon tes retours. Je pars du principe qu'une décision ferme vaut mieux que dix demi-mesures. Tu vois les codes graphiques, la typographie, les couleurs et le ton sur des écrans-clés en haute fidélité, pas sur des planches abstraites.

    • Système graphique complet : logo, typo, couleur, ton
    • Maquettes haute fidélité des écrans-clés
    • Design system documenté et réutilisable
    • 1 à 2 itérations selon tes retours

    Output·Direction artistique validée + design system

    Direction — Maquettes Figma, palette chromatique
  3. III

    Production.

    Sur-mesure totale. Design et dev avancent en parallèle.

    Sprints hebdomadaires, démo Vercel chaque semaine, tu valides au fil de l'eau. Pas de tunnel de 6 semaines avec révélation finale et désillusion. Stack moderne (Next.js, TypeScript strict, Tailwind, Payload CMS), code propre, performances Lighthouse 95+. Chaque semaine est une occasion d'ajuster avant que ce soit trop tard.

    • Démo Vercel chaque semaine
    • Stack Next.js + Payload + Supabase
    • Sur-mesure totale, zéro template
    • CMS prêt pour ton autonomie éditoriale

    Output·Site complet, testé, performant

    Production — Éditeur de code et preview Vercel
  4. IV

    Lancement.

    Mise en ligne supervisée, suivi 1 mois inclus.

    Recette finale, configuration DNS, SSL, e-mails transactionnels via Resend. Soumission au Search Console et Bing Webmaster Tools, balises Schema, llms.txt pour la citation par les LLMs. Suivi mensuel inclus 1 mois après le go-live. Au-delà, contrat de maintenance optionnel ou intervention à la demande, sans engagement long.

    • Mise en ligne supervisée + monitoring
    • Indexation Google, Bing, AI search
    • Optimisation SEO/GEO + Core Web Vitals
    • Suivi 1 mois inclus, maintenance optionnelle ensuite

    Output·Site live, indexé, monitoré

    Lancement — Dashboard analytics + site en production

Projets

Sélection récente.

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 »

Étude de cas

La transformation, pas la promesse.

Chaque refonte un avant et un après mesurables. En voici un, six au total à explorer.

Tous ConcernésCas en avantPrestataire
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

Sélection de projets

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 »
Métier
Direction artistique & dev full-stack
Expérience
18 ans · BtoB et BtoC
Méthode
1 interlocuteur, 0 intermédiaire
Spécialités
Brand, Next.js, IA, SEO/GEO

Le studio

Certains se prennent pour la République, d'autres pour Studjoow.

Je m’appelle John, mais tout le monde m’appelle Joow. Avant Studjoow, j’ai co-fondé Flojo Agency pendant plusieurs années. J’ai assumé ma rupture avec le fonctionnement d’une agence pour devenir un studio plus réactif, plus accessible, surtout plus proche de ses clients.

Je dessine, je code, j'optimise. Une seule personne du brief au déploiement, pas de chaîne d'intermédiaires.

  • Identité & charte graphique
  • Sites Next.js + Payload CMS
  • Agents IA (Claude, GPT)
  • SEO & GEO (AI Overviews)
  • Typographie & couleur
  • Audit & conseil stratégique

Aussi

Mes projets en parallèle

01/04

Fondateur

Sk:vr.

Audit SEO et GEO instantané, gratuit, sans inscription.

L'outil que j'aurais voulu avoir à mes débuts. Je l'ai construit pour aider ceux qui n'ont pas le budget d'une agence à comprendre ce qui cloche sur leur site — et pour qualifier mes propres prospects en audit avancé.

actif

Référence

Le lexique du studio.

395 termes essentiels du design, du web, du SEO et de la GEO. Une bibliothèque vivante, mise à jour en mai 2026, qui sert de socle commun à chaque projet du studio.

Compétences

Six expertises, un studio.

  • Identité de marque & direction artistique

    Création d'identités visuelles complètes : logo, système graphique, charte typographique et chromatique, déclinaisons print et digital, brand voice. 18 ans de pratique au service de marques BtoB et BtoC, du naming à la mise en application.

  • Création de sites internet sur-mesure

    Développement Next.js (App Router, React Server Components) avec Payload CMS headless et base Supabase. Sites vitrine, e-commerce premium, plateformes métier, SaaS. TypeScript strict, performance Lighthouse 95+, accessibilité WCAG.

  • SEO technique & GEO (AI Search Optimization)

    Audit complet, optimisation On-Page, structured data Schema.org, sitemap dynamique, llms.txt, balisage citation-friendly. Optimisation visibilité sur Google AI Overviews, ChatGPT, Perplexity, Gemini, Bing Copilot.

  • Intégration IA & agents conversationnels

    Construction d'agents Claude, GPT et Mistral pour la génération de contenu, la qualification de leads, le support client et la veille. Automatisations RAG, intégration aux outils existants (CRM, Slack, Notion), tableaux de bord ROI.

  • Typographie & design systems

    Sélection typographique experte, customisation OpenType, design tokens, design systems multi-marques. Auteur des fiches typographie de référence (779 lecteurs uniques par mois) sur l'anatomie, l'histoire et la classification des caractères.

  • Direction de projet & déploiement

    Cadrage stratégique, planning, intégration Vercel + GitHub Actions, monitoring continu, suivi 3 à 6 mois post-lancement. Un seul interlocuteur du brief au déploiement, pas d'intermédiaire.

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

Le studio

Studjoow, par John