Case study

Voice Art Center

One page. One path to the message.

00The brief

A landing page that converts.

Client

Voice Art Center. Gabby Marcano, vocal coach. Singing lessons online and in The Triangle Area, North Carolina.

Brief

Design and build the landing page. It had to explain the method, show the classes and lead to a message.

Delivery

A single HTML page. No theme, no page builder, no database.

Scope

Web design and development. The logotype is by another author.

See the page
01The page

Five blocks, one path.

Who teaches. What you learn. What it costs. How to write. Each block answers one question and pushes to the next.

Voice Art Center landing page: logo, headline and two buttons
Landing page
Section about Gabby Marcano
Who teaches
Class cards with price and WhatsApp button
Classes and prices
Voice Art method section
The method
02Color and typography

Burgundy and cream.

Two colors. Burgundy leads: headlines, buttons, footer. Cream cools it down and lets the photos breathe.

Burgundy#8A1D3D
Cream#FEF0E5
Ink#2A0A14
White#FFFFFF

Montserrat 800

Headlines. Uppercase in the eyebrows, mixed case in the H1s.

ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789

Montserrat 400

Body. One family across the whole page: less weight, less risk of a bad load.

abcdefghijklmnopqrstuvwxyz 0123456789
03On the phone

The thumb comes first.

Most visitors arrive from Instagram. On mobile the buttons take the full width and the price reads before any scroll inside the card.

Landing page on a phone
Class cards on a phone
04Contact without a backend

The form opens WhatsApp.

There is no mail server and no database. The form builds the message from what the visitor typed and opens the chat with the text ready. Nothing to maintain, nothing lost to spam.

Contact form on the landing page
Form
Chat panel with preloaded topics
Preloaded topics

Each class card carries its own written message. Someone asking about studio coaching does not open the same chat as someone asking about a Karaoke Party.

See the page
Voice Art Center
Case study — dequisna