Skip to content
bertoni.coPTENGet a quote

Case study · 2026

Casablue

Blinds, curtains and awnings in Greater São Paulo. The website takes each visitor to a ready-made quote request on WhatsApp, and an AI agent writes the blog posts every day.

Client
CasaBlue Persianas
Industry
Blinds, curtains, awnings and wallpaper
Deliverable
Corporate website + blog written by an AI agent
Year
2026
Live
Livecasabluepersianas.com.br

01 · The website

Running right here

A copy of the website runs inside this page: scroll, click and switch between desktop and mobile. The site itself is in Portuguese, and its contact form is turned off here.

casabluepersianas.com.br

02 · The challenge

CasaBlue sells through a conversation: the client sends photos, a consultant visits the home and takes the measurements. The website had to bring visitors to that conversation already carrying what matters (product, room, city and measurements) and still be found on Google and by AI assistants.

03 · The answer

A photo-led website, with the catalog organized by product and model and a form that writes the quote message for the visitor to review and send on WhatsApp. Behind it, a blog that publishes itself: every day an AI agent writes a post about blinds, curtains, awnings or wallpaper, and the site reviews it, publishes it and updates the sitemap and the files for AI assistants. Requests land in a custom CRM, with an Android app for the team.

  • Corporate website
  • Quote message built for WhatsApp
  • Blog written by an AI agent
  • Lead and visit CRM
  • Android app for the team
  • SEO, AEO and GEO

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

    Survey of the whole catalog (blinds, curtains, awnings, wallpaper and repairs) and of how the sale happens: photos, visit and measurements.

    Strategy and content
  2. 02

    Strategy and content

    Each product with its models and a clear call to action. No prices on the page, because the quote depends on the visit.

    UX and architecture
  3. 03

    Architecture and wireframes

    A photo-led page, a catalog by product and model and a form that turns into a ready WhatsApp message.

    Art direction
  4. 04

    Art direction

    The brand navy, linen and sky blue. DM Serif Display for headings, Manrope for text and the opening line: "The light changes. Your space is transformed."

    Motion and interaction
  5. 05

    Development

    A static website, a blog that generates static pages for every post and an agent that delivers the texts to the site, which reviews them before publishing.

    Development
  6. 06

    SEO, AEO and performance

    Posts written for Google and for AI assistants, with sitemap, feed and llms.txt updated on every publication and an IndexNow ping.

    SEO, AEO and data
  7. 07

    Testing and delivery

    Security tests of the admin panel, privacy consent (LGPD) and publishing with an automatic backup before every update.

    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 Casablue websiteFinal layout of the Casablue website
WireframeFinal layout

06 · Art direction

Colors and type

  • Blue#183c50
  • Deep blue#0f2633
  • Mid blue#2d566c
  • Sky#7fa9be
  • Linen#efe9df
  • Mist#f1f4f4
  • DM Serif DisplayHeadings
  • ManropeText

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.