Showphoria

Diseño y desarrollo de la web de Showphoria, un espectáculo inmersivo de burlesque en Madrid. Diseño desde cero en Figma, desarrollo en WordPress.

Rol

Diseño UX/UI + Desarrollo WordPress

Tecnologías· 

Figma · WordPress · Elementor Pro

Herramientas

UX research · UI design · Web dev · Email marketing · SEO

Irene ha captado exactamente la esencia de lo que tenía en mente, incluso superando todas mis expectativas. Además, me ayudó muchísimo durante todo el proceso. No puedo estar más contenta

01

Contexto

Showphoria es un espectáculo de burlesque, teatro musical y crítica social creado por Marta Maccaferri. Un universo visual propio que necesitaba una web a la altura.

El proyecto necesitaba una web capaz de transmitir su identidad visual y, al mismo tiempo, funcionar como una herramienta clave para la venta de entradas, la captación tanto de público como de colaboradores y patrocinadores, dar a conocer el elenco y los servicios de maquillaje y de eventos, todo desde una misma plataforma.

El reto consistía en equilibrar una estética muy marcada con una experiencia clara, estructurada y orientada a la acción.

Diseño web de Showphoria

02

Proceso de diseño

Del brief visual al lanzamiento, pasando por Figma y el desarrollo completo en WordPress con Elementor Pro.
1
2
3
4
5

1. Investigar

Brief creativo con la directora. Análisis de referentes visuales del mundo del burlesque, cabaret y teatro. Definición del tono y la identidad.

2. Definir

Arquitectura de la información para 7 páginas. Paleta oscura, tipografía serif y sistema de componentes alineado con la estética del espectáculo.

3. Prototipar

Diseño de alta fidelidad en Figma para todas las páginas principales. Revisión con el cliente antes de pasar a desarrollo.

4. Implementar

Desarrollo en WordPress + Elementor Pro. Cabecera, pie de página y 7 páginas. Formularios, SEO básico, cookies, seguridad y backup.

5. Optimizar

Pruebas de rendimiento con Google PageSpeed. Verificación responsive en móvil y tablet. Revisión final con la cliente.

03

Solución de diseño

Más allá del diseño, cada funcionalidad responde a una necesidad real del negocio.

Diseño orientado a múltiples objetivos

El proyecto requería diseñar una estructura flexible capaz de soportar diferentes tipos de contenido y objetivos, como promocionar el espectáculo, vender entradas, mostrar servicios (eventos, maquillaje), captar colaboradores y construir la marca

Identidad oscura y teatral

Paleta basada en negro profundo, dorado y morado, colores asociados al cabaret y el teatro. Contrasta deliberadamente con la estética de la mayoría de webs de espectáculos.

Navegación orientada a conversión

El botón de entradas siempre visible en la barra de navegación, destacado en dorado sobre el fondo oscuro. El usuario no tiene que buscar cómo comprar.

Galerías visuales por servicio

La página de maquillaje incluye sliders independientes por categoría (body paint, bodas, fantasía…), no una galería genérica. El cliente puede ver exactamente lo que busca.

Tres vías de financiación visibles

Patreon, Verkami y patrocinio empresarial, cada uno con su propio CTA y propuesta de valor. El proyecto depende de su comunidad: la web lo hace fácil.

Email marketing

Sección de captación de suscriptores en la home para crear expectativa antes del estreno. Beneficios exclusivos: fechas anticipadas, descuentos y contenido privado

SEO + Rendimiento

Optimización de URLs, metadatos y headings. Compresión de imágenes. Caché configurada. Pruebas con Google PageSpeed. Sitemap estructurado.

Seguridad y backup

URL de login personalizada (WPS Hide Login), pantalla de acceso con identidad visual, sistema GDPR de cookies, páginas legales y backup completo.

Sistema de diseño de Showphoria
Logo Showphoria

¿TRABAJAMOS JUNTOS?

Disponible para proyectos de diseño y desarrollo web.

Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.