Top asset
Mobile-first for real.
No "mobile-first later." We start with mobile and adapt upward to desktop. The opposite of most agencies.
Web design.
UX and UI in the service of useful, accessible, and desirable interfaces.
Definition · Web design
Web design combines art direction and ergonomics to create interfaces that serve a precise goal. UX (user journeys, structure, intentions) and UI (visual design, micro-interactions, design system) working as a duo. Responsive and accessible from the first wireframe.
Why it matters
in 2026
A website is no longer an online brochure. It is a product that must convert, inform, and persuade in under three seconds. In 2026, users arrive on mobile, judged by Google's Core Web Vitals algorithm, and served by an AI that summarises your page before they read it. Modern web design integrates these constraints from the first mockup: mobile-first, WCAG 2.2 accessibility, native performance, citation-friendly content. Good web design disappears in favour of the user journey. It guides without being noticed. It converts without pressuring. It builds trust without shouting. Studjoow approaches this discipline as a UX (architecture, journeys) and UI (visual, interactions) duo — never one without the other.
Web design · 1
Studjoow approach
UX audit, low-fidelity wireframes, architecture validation, then high-fidelity UI mockups in Figma. Documented design system to speed up development. Interactive prototypes to test before coding. WCAG 2.2 AA accessibility from the design phase, not as an afterthought.
Method
The project, step by step.
6 mapped steps, from brief to launch. Each step produces a deliverable validated with you before moving to the next.
UX audit & goals.
Defining business objectives (conversion, information, image), auditing the current site if rebranding, identifying critical user journeys.
Information architecture.
Site map, page hierarchy, content organisation, taxonomy. Validated before touching the visual design.
Low-fidelity wireframes.
Greyscale diagrams of key pages. Focus on structure, zones, and CTAs. We validate the logic before the visual.
High-fidelity UI mockups.
Complete Figma designs, all screens (mobile, tablet, desktop), all states (hover, focus, error, empty, loading). Art direction consistent with the brand identity.
Design system.
Components, tokens (colours, typefaces, spacing, shadows), usage documentation. Development inherits a system that accelerates work and ensures consistency.
Interactive prototype.
Clickable critical journeys (checkout, form, configurator). User testing where relevant. Iterations before coding.
Everything included
The scope, no surprises.
- UX audit and information architecture
- Low-fidelity wireframes (Figma)
- High-fidelity UI mockups
- Design system: components, tokens, documentation
- Clickable interactive prototypes
- Animations and micro-interactions
- Responsive design (mobile-first)
- WCAG 2.2 AA accessibility from the design phase
- Art direction consistent with brand identity
Web design · 2
What you receive
Typical deliverables.
Deliverable · 01
Collaborative Figma files with all screens
Deliverable · 02
Documented design system (tokens, components, states)
Deliverable · 03
Clickable prototype for sign-off
Deliverable · 04
Interaction and animation specifications
Deliverable · 05
Exported assets (icons, illustrations, images)
The Studjoow difference
Why here over anywhere else ?
- 02
Accessibility in the design.
WCAG 2.2 AA from the wireframe: contrast, touch target size, keyboard navigation, screen reader. Not patched in at the end.
- 03
A deliverable design system.
We deliver a collaborative Figma file the internal team can maintain. Not a locked file requiring a call to change anything.
- 04
Design ↔ code link.
Because we also code, the design we deliver is implementable. No beautiful mockups that are technically impossible.
Toolbox
Stack & technologies.
Tools I use daily for this discipline. Chosen for performance, maintainability, and portability.
- Figma
- Framer
- Lottie
- After Effects
- Principle
- Photoshop
- Illustrator
For whom
This expertise applies to you if :
- Profile 01
Premium marketing sites
- Profile 02
E-commerce and marketplaces
- Profile 03
Web applications (SaaS, dashboards)
- Profile 04
iOS and Android mobile apps
- Profile 05
UX/UI redesigns of existing products
Web design · 3
Related work
In the real world.
- CD2026
Conte de Faits.
From a self-funded WordPress to a Next.js + all-in-one CRM stack: HubSpot, Brevo, Kinsta and SendPulse replaced.
- DÉ2026
Désenfumage.
From an invisible WordPress to a Google- and AI-indexed platform, with an interactive France map.
- IG2026
iGlobalForm.
From a slow WordPress to a Qualiopi-ready platform with a level test for 6 languages.
Myths & reality
Common misconceptions.
Myth 01
Web design is subjective.
Reality
Web design follows measurable principles: contrast, legibility, hierarchy clarity, conversion. It is a discipline with proven rules.
Myth 02
Design can be finalised once, then development follows.
Reality
Without design ↔ dev back-and-forth, invisible decisions break the implementation. Good design is delivered with awareness of technical constraints.
FAQ
Questions I get asked.
What is the difference between UX and UI?
UX (User Experience) is the overall user feeling: usefulness, fluidity, accessibility. UI (User Interface) is the visible part: colours, typefaces, components. Both complement each other; UX precedes UI.
What is a design system for?
A design system documents components, tokens, and usage rules. It accelerates design and development, ensures consistency, and simplifies long-term maintenance.
Is mobile-first still relevant?
Yes in 2026: Google indexes mobile-first, and over 60% of global web traffic comes from mobile. Designing for mobile first forces you to prioritise what matters.
Should you always build prototypes?
For critical journeys (checkout, long forms, configurators), yes. A prototype lets you test before coding, saves development hours, and improves conversion.
Do you also handle development?
Yes: Studjoow designs AND develops. Consistency guaranteed, design choices are implementable, continuous delivery. See the "Web development" expertise.
Go further
Other expertise areas.
Strategy + art direction
Branding & brand identity.
A coherent, recognisable, desirable brand — far beyond the logo.
Printed design
Print & DTP.
From flyer to packaging, print design built for the press.
Custom sites & applications
Web development.
Modern Next.js, Payload, Supabase stack. Performance, SEO, and accessibility built into the code.
Let's go ?
First conversation is free, no commitment. If web design is your need, I'll get you a detailed recommendation within 48 hours.