Skip to content
bertoni.coPTENGet a quote

Case study · 2026

Labaco Produções

A video production company. The reel opens the page and the rest of the site carries the conversation, from brand positioning to the brief.

Client
Labaco Produções
Industry
Video production company
Deliverable
Corporate website
Year
2026
Live
Livelabacoproducoes.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 ↗
labacoproducoes.com.br

02 · The challenge

A production company sells with what it has already shot. The website had to let the work speak first and then turn interest into a brief.

03 · The answer

A dark page that works like a screening room: the reel at the top, the production services next and a straightforward contact form, with no distractions.

  • Corporate website
  • Reel at the top
  • Brief form
  • On-page SEO

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 work, the services and how clients reach the company.

    Strategy and content
  2. 02

    Strategy and content

    The video opens, the services explain and the brief closes.

    UX and architecture
  3. 03

    Architecture and wireframes

    A dark single page with the reel featured and short service blocks.

    Art direction
  4. 04

    Art direction

    Black, white and a deep brand red, so the footage shines.

    Motion and interaction
  5. 05

    Development

    WordPress website with the reel featured right at the top.

    Development
  6. 06

    SEO, AEO and performance

    Metadata, titles and a service 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 Labaco Produções websiteFinal layout of the Labaco Produções website
WireframeFinal layout

06 · Art direction

Colors and type

  • Black#000000
  • Coffee#382e28
  • Deep red#660003
  • Sand#ccc1b3
  • White#ffffff

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.