Skip to content
bertoni.coPTENGet a quote

Case study · 2026

Mobian Designer

High-end custom furniture. The website makes room for the finish and the made-to-measure project, with navigation that pulls toward the quote.

Client
Mobian Designer
Industry
High-end custom furniture
Deliverable
Corporate website with catalog
Year
2026
Live
Livemobiandesigner.com.br

01 · The website

Scrolling from top to bottom

Screen recording of the published website. To browse it, open the live site.

Scroll recordingView live ↗
mobiandesigner.com.br

02 · The challenge

Custom furniture is a trust purchase: clients want to see the finish up close and understand the process before asking for a quote.

03 · The answer

Large photos of rooms, elegant serif typography and a catalog organized by room, with the quote button repeated where the decision happens.

  • Corporate website
  • Catalog by room
  • On-page SEO
  • Quote calls to action

04 · How it was made

Seven stages, one team

Each stage has an owner and a sign-off before the next one. AI is a tool in the process, never the author.

  1. 01

    Discovery

    A look at the portfolio of finished projects and at the most common questions from people asking for a quote.

    Strategy and content
  2. 02

    Strategy and content

    First the dream (finished rooms), then the process, then the quote.

    UX and architecture
  3. 03

    Architecture and wireframes

    An opening page in room blocks and a catalog by category.

    Art direction
  4. 04

    Art direction

    Graphite, linen and wood. Cormorant Garamond for headings and Hanken Grotesk for text.

    Motion and interaction
  5. 05

    Development

    WordPress website with a product catalog organized by room.

    Development
  6. 06

    SEO, AEO and performance

    Metadata, alt text and a category structure designed for search.

    SEO, AEO and data
  7. 07

    Testing and delivery

    Review on desktop and mobile before publishing.

    Quality and performance

05 · From wireframe to layout

Structure before style

The whole page, top to bottom. Drag the divider: on one side the structure (blocks, headings, images and buttons), on the other the final layout. Scroll inside the frame.

Wireframe of the Mobian Designer websiteFinal layout of the Mobian Designer website
WireframeFinal layout

06 · Art direction

Colors and type

  • Graphite#1a1816
  • Dark wood#403329
  • Taupe#ab9e8f
  • Linen#f6f0ea
  • Cormorant GaramondHeadings
  • Hanken GroteskText

07 · Who thought through each part

Seven disciplines, one website

  • 01

    Strategy and content

    Who arrives, what they need to understand and in what order. The story is defined before any screen.

  • 02

    UX and architecture

    Page map, wireframes and the path to the contact, tested on mobile first.

  • 03

    Art direction

    Palette, typography, photography and the signature element that makes the site recognizable.

  • 04

    Motion and interaction

    What moves, why and how fast. Everything respects visitors who ask for reduced motion.

  • 05

    Development

    Hand-written code, no page builder: light HTML, inlined critical CSS and a custom admin panel when the client needs one.

  • 06

    SEO, AEO and data

    Structure for Google and AI assistants: schema, answer-ready FAQ, metadata and privacy consent.

  • 07

    Quality and performance

    PageSpeed, accessibility, security and testing on desktop and mobile before delivery.

Want a website like this?

Tell us about your project. Bertoni replies the same day, on WhatsApp or by email.