← Volver a todos los proyectos

Proyecto para cliente

Bitva Zhirov — Landing Page para un Concurso de Transformación Corporal con Premio de 500.000 Rublos

Bitva Zhirov — Landing Page para un Concurso de Transformación Corporal con Premio de 500.000 Rublos

Tecnologías

WordPressPHPJavaScriptCSS AnimationsParallaxLanding Page

Servicios

  • Prototipado — jerarquía de la información y flujo de conversión
  • Diseño UI/UX — estética agresiva de concurso, paleta oscura con acentos
  • Desarrollo front-end — parallax, cuentas regresivas animadas y efectos de entrada
  • Integración de CMS WordPress y configuración de administración
  • Configuración de formulario de captación y recopilación de leads
  • Ajustes posteriores al lanzamiento y soporte continuo

Entregables

  • Landing page a página completa en WordPress con parallax y animación
  • Temporizador de cuenta regresiva en vivo vinculado a la fecha de inicio del concurso
  • Tabla comparativa de participación en tres niveles
  • Formulario de captación de leads (nombre + teléfono, sin cuenta requerida)
  • Panel de administración del CMS para todo el contenido sensible al tiempo
  • Diseño adaptable a móvil en todos los breakpoints

Desafío

El cliente estaba organizando un desafío de salud offline a gran escala — cuatro ciudades compitiendo cara a cara en un concurso de transformación corporal con un fondo de premios de 500.000 rublos. El problema: no había ninguna plataforma online para anunciar el concurso, generar reconocimiento o recopilar inscripciones. El boca a boca por sí solo no llenaría la lista de salida.

El briefing pedía algo a la altura del drama del proyecto: audaz, enérgico y capaz de convertir visitantes escépticos en participantes de pago antes de que la cuenta regresiva llegara a cero.

Descubrimiento

La investigación de audiencia señaló dos riesgos claros de abandono: los visitantes que no entendían de inmediato la mecánica del premio se marchaban; los que la entendían pero chocaban con fricción en el registro también se iban. Tres problemas relacionados definieron el trabajo:

  1. Sin señal de urgencia — el evento tenía una fecha de inicio fija, pero sin una cuenta regresiva en vivo ese plazo se sentía abstracto y poco motivador.
  2. Brecha de credibilidad del premio — una cifra de 500.000 rublos requiere prueba visual y estructural para ser creíble; el texto en bruto no bastaba para sostenerla.
  3. Fricción en el registro — cada clic adicional entre "quiero participar" y "estoy registrado" drena la conversión, especialmente en móvil.

Opciones consideradas

  1. Constructor de landing pages listo para usar (Tilda, LP) — descartado. Las plantillas no podían ofrecer la estética multimedia y basada en parallax que exigía el concepto, y el cliente necesitaba gestionar el contenido de forma independiente tras el lanzamiento.
  2. Construcción estática a medida — descartado. La ausencia de un CMS implicaba que cada actualización de contenido requeriría un desarrollador, lo que haría inviable la fase posterior de ajustes.
  3. Landing page a medida en WordPress — elegido. Aportó total libertad de diseño, permitió capas animadas y de parallax, dio al cliente una interfaz de administración familiar y dejó abierta la puerta al mantenimiento a largo plazo y a la iteración de funciones.

Decisión

El proyecto se planificó en cuatro fases secuenciales: prototipado para definir la jerarquía de la información, diseño visual acorde al tono agresivo del concurso, desarrollo front-end para todas las animaciones y el parallax, e integración de CMS para entregar un sitio completamente editable. Una fase de ajustes posteriores se incluyó en el contrato desde el primer día — la mecánica del concurso cambia, y la plataforma tenía que ser fácil de actualizar.

Implementación

La sección hero se abre con la cifra del premio a pantalla completa y un temporizador de cuenta regresiva en vivo — dos elementos que juntos crean urgencia inmediata y establecen lo que está en juego antes de que el visitante haya hecho scroll. El planteamiento ciudad contra ciudad (Chelyabinsk, Tyumen, Ekaterimburgo, Perm) se muestra en la primera pantalla para que cada visitante sepa de inmediato si pertenece a ese grupo.

Se aplicaron capas de scroll parallax en las secciones de fondo para dar a la página profundidad física sin ralentizarla. Los efectos de entrada animados en los bloques de estadísticas clave — la cifra del premio, la cuenta regresiva, los niveles de participación — guían la mirada y controlan el ritmo al que se revela la oferta, imitando el ritmo de una conversación de ventas.

Los tres niveles de participación (Bronce / Plata / Oro) se presentan en una tabla comparativa con precios codificados por color, haciendo que el camino de upsell sea autoexplicativo. Un único formulario de captación al final de la página es el único punto de conversión — sin distracciones, sin creación de cuenta, solo nombre y teléfono.

Todo el sitio se instaló en WordPress con una estructura de administración personalizada. Todo el contenido sensible al tiempo — fecha objetivo de la cuenta regresiva, importes del premio, lista de ciudades, precios de los niveles — es editable sin tocar el código.

Resultado

La landing page se lanzó antes de la fecha de inicio del concurso y funcionó durante toda la ventana de registro. La sección hero basada en la cuenta regresiva demostró ser eficaz para convertir visitantes procedentes de tráfico social pagado: los usuarios que llegaban a través de anuncios segmentados por ciudad reconocían el concurso de inmediato y llegaban al formulario de captación en menos de dos scrolls. Las iteraciones de ajuste posteriores al lanzamiento — cambios de copy, actualizaciones de la estructura de premios, la adición de una nueva ciudad — se gestionaron todas directamente desde el panel de administración de WordPress sin intervención de un desarrollador.

Diseño del sitio

Diseño de escritorio a página completa — haga clic para ampliar.

Bitva Zhirov — diseño de escritorio completo

Experiencia móvil

Bitva Zhirov — pantalla hero móvil

Hero — cuenta regresiva y premio

Bitva Zhirov — navegación móvil y sección de premio

Navegación y sección de premio

Video promocional

Disponible para colaboración por contrato

Estoy disponible para colaborar por contrato. Si tiene una idea de proyecto interesante, reserve una llamada por Calendly.

Agenda una llamada de 30 min