Caso de estudio

Voice Art Center

Una página. Un camino hasta el mensaje.

00El encargo

Una portada que convierta.

Cliente

Voice Art Center. Gabby Marcano, vocal coach. Clases de canto online y en The Triangle Area, Carolina del Norte.

Encargo

Diseñar y desarrollar la portada. Que explique el método, muestre las clases y lleve a escribir.

Entrega

Una página en HTML. Sin tema, sin constructor, sin base de datos.

Alcance

Diseño y desarrollo web. El logotipo es de otro autor.

Ver la página
01La página

Cinco bloques, un recorrido.

Quién enseña. Qué se aprende. Cuánto cuesta. Cómo se escribe. Cada bloque responde una pregunta y empuja a la siguiente.

Portada de Voice Art Center: logo, titular y dos botones
Portada
Sección sobre Gabby Marcano
Quién enseña
Tarjetas de clases con precio y botón de WhatsApp
Clases y precios
Sección del método Voice Art
El método
02Color y tipografía

Burdeos y crema.

Dos colores. El burdeos manda: titulares, botones, pie. La crema baja la temperatura y deja respirar las fotos.

Burdeos#8A1D3D
Crema#FEF0E5
Tinta#2A0A14
Blanco#FFFFFF

Montserrat 800

Titulares. Mayúsculas en los antetítulos, caja mixta en los H1.

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789

Montserrat 400

Cuerpo. Una sola familia en toda la página: menos peso, menos riesgo de que cargue mal.

abcdefghijklmnñopqrstuvwxyz 0123456789
03En el teléfono

Primero el pulgar.

La mayoría entra desde Instagram. En móvil los botones ocupan el ancho completo y el precio se lee antes de hacer scroll dentro de la tarjeta.

Portada en teléfono
Tarjetas de clase en teléfono
04Contacto sin backend

El formulario abre WhatsApp.

No hay servidor de correo ni base de datos. El formulario arma el mensaje con lo que escribió la persona y abre el chat con el texto listo. Nada que mantener, nada que se pierda en spam.

Formulario de contacto de la portada
Formulario
Panel de chat con temas precargados
Temas precargados

Cada tarjeta de clase lleva su propio mensaje escrito. Quien pregunta por coaching en estudio no abre el mismo chat que quien pregunta por una Karaoke Party.

Ver la página
Voice Art Center
Caso de estudio — dequisna