- Rol
- Desarrollo: front end, construcción en WordPress y factibilidad del diseño
- Diseño
- Equipo de diseño de la agencia
- Estado
- En línea
- Stack
- WordPress theme, PHP, CSS, JavaScript
- Ver sitio
- spylandwine.com/
El encargo
Spyland lanzaba un vino con una historia de espías detrás y quería que el sitio se sintiera como estar bajo vigilancia.
Qué construí
El concepto y la gráfica fueron del equipo de diseño de la agencia. Yo lo desarrollé como un tema de WordPress a medida: una página larga con scroll y una segunda landing, Land of Spies. Se entra por una pantalla estilo vigilancia, un ticker de ALWAYS WATCHING corre por arriba y más abajo puedes intentar descifrar un código para abrir una sección oculta. También le dije al equipo desde el principio qué animaciones eran realistas de construir.
Funcionalidades
- Entrada estilo vigilancia con verificación de edad
- Juego de descifrar el código con mensajes de acierto, error y salto
- Sección oculta que se abre con el código
- Bloque de botella y premios
- Segunda landing: Land of Spies
- Cerca de 80 campos de contenido, para que marketing cambie textos sin mí
Desafíos
Problema. La página es casi toda animación e historia, y el cliente igual quería editarla.
Solución. Cada texto, imagen y mensaje del juego es un campo, agrupado por sección. La animación queda en el código y las palabras en el administrador.
Problema. El juego del código tenía que sentirse real sin un backend.
Solución. La validación y sus tres resultados corren en el navegador, y los mensajes vienen del administrador.
Conclusión
La verificación de edad más entretenida que me ha tocado hacer.
