Pixaroa Studio Workspace
Paris, France

We design websites that feel like well‑edited magazines.

Clear pacing. Intentional typography. A narrative space, not a brochure. For clients who value substance over spectacle.

Project Index

  • Discovery & Narrative Mapping 01
  • Editorial Wireframing 02
  • Visual System Design 03
  • Polished Development 04
Scroll

A Process, Not a Package

Our methodology is iterative and constraint‑aware. Here’s how we move from ambiguity to a finished site.

Discovery & Narrative Mapping

We start with conversation, not a questionnaire. We map the story your website needs to tell and the user journeys that support it.

Note from the Atelier

Pitfall to Avoid: Skipping narrative mapping leads to disjointed user journeys. A feature list is not a strategy.

Editorial Wireframing

We prioritize content hierarchy over placeholder boxes. Think of it as typesetting a page before choosing the font.

Decision Lens

This step optimizes for clarity and user intent, sacrificing speed for the sake of a robust foundation.

Visual System Design

We build a modular design system—typography, color, spacing—that ensures consistency and scales with your brand.

Polished Development & Launch

We write clean, maintainable code. Every launch includes a final accessibility audit and performance tuning.

Constraints We Respect

  • Budget is fixed and transparent. No scope creep.
  • WCAG 2.1 AA is a non‑negotiable baseline.
  • Client has existing brand guidelines; we work within them.

Method Note: Robustness

We evaluate robustness by testing against three failure points: content changes (can the client edit?), device diversity (does it perform on a 5‑year‑old phone?), and future state (can it scale?). We don't invent metrics; we document these constraints and design for them.

Design Log

Snapshots from the atelier. Iterations, decisions, and resolved constraints.

15 Oct 2025

Project: Le Jardinier

Solving for "Non-Linear Interest"

Client: A Parisian nursery. Their expertise is in plant care, not a linear catalog. We rejected a traditional shop grid. Instead, we built an "Interest Index"—a series of image-led questions ("What light do you have?") that surfaces relevant plants.

Le Jardinier Interest Index Interface
A/B tested wireframe for the plant finder. `question-led.js`
03 Sep 2025

System: Type Scale

The "Breathing" Type Scale

Constraint: A client’s editorial site needed to feel authoritative yet personal. We defined a type scale that used the same font family (Inter) but created contrast through weight and leading, not size alone. The body text is set at 18px with 1.8 leading, while subheads use 24px with 1.2 leading.

// Figma / CSS Token Definition
type.scale.h1: clamp(2.5rem, 4vw, 4rem)
type.scale.h2: 2.25rem
type.scale.body: 1.125rem / 1.8
// Impact: Consistent rhythm across all viewports.

Éclat Gallery

For a contemporary art gallery in the 11th arrondissement, the challenge was translating the physical act of "entering a space" into a digital experience. We focused on the transition from street to gallery floor.

Éclat Gallery - Before

Before: Content overwhelm.

Éclat Gallery - After

After: Editorial framing.

"They didn't just build a site; they built a digital extension of our gallery's atmosphere. The quiet moments between artworks are now felt online."

Marie Dupont, Director

Constraint & Solution

Constraint: High-resolution image assets without bloating load times on mobile data.

Solution: A custom image service that serves optimized WebP files based on scroll proximity and viewport size.

Headless CMS Custom Image Pipeline Accessibility First
Atelier Cacao Interface

Atelier Cacao

A direct-to-consumer chocolate maker needed to differentiate from mass-market brands. We focused on storytelling through ingredient sourcing and tasting notes.

Client Ask:

"Our customers are tasting the craft; we need the site to tell that story before the package is even opened."

See More Work
"Working with Pixaroa was a conversation about narrative before technology. The final site feels like our brand's natural voice, translated to the screen."
LB

Laurent Bernard

Founder, Parfums Modernes

Common Pitfalls We Sidestep

1

Premature Visual Design

Skipping narrative mapping to "see what it looks like." Result: A beautiful but confusing site that doesn't guide users.

2

"One Size Fits All" Responsiveness

Treating mobile as a cramped desktop. Result: Tiny buttons, unreadable text, and frustrated users on the go.

3

Ignoring Content Hierarchy

Treating all text and images with equal weight. Result: Visual noise where clarity is needed.

4

Forgetting the CMS User

Building a beautiful site that's impossible for the client to update. Result: Dependency on the agency for basic changes.

Begin Your Project

Our first conversation is about your narrative. We'll discuss your goals, your audience, and the constraints you're working within.

We read every brief personally. Expect a thoughtful response within two business days.

Studio Visit (Optional)

We work best with clients who prefer a collaborative process. For local projects, a visit to our atelier is often the first step.

Address: 25 Rue de Charonne, 75011 Paris

Phone: +33 1 43 71 60 55

Hours: Mon–Fri, 9:00–18:00

We'll reply to your email within 2 business days.