Thinkbig
El embudo de Think Big en 4 días
Página de venta de una publicación sobre marketing deportivo y patrocinio: réplica fiel del diseño de Adobe XD, tres variantes de oferta, WordPress y ACF. Publicon Sport es una editorial que opera en el ámbito del marketing deportivo. Es socio de marketing exclusivo de la PZPN. Ha publicado Think Big, un compendio de conocimiento sobre marketing deportivo y patrocinio. La publicación está dirigida a quienes se dedican al patrocinio y al marketing en el deporte.
Cuatro días para una web completa fiel al diseño en Adobe XD
- Destacar en el mercado. Las publicaciones sectoriales se pierden fácilmente entre cursos y e-books. La página tenía que mostrar desde la primera pantalla en qué se diferencia Think Big de otros materiales.
- Réplica fiel del diseño. El cliente tenía un diseño terminado en Adobe XD. Cada espaciado, tipografía y proporción tenía que llegar a la página sin simplificaciones.
- Tres variantes de la publicación. La página vende tres versiones de la oferta. El lector tenía que poder compararlas rápido y elegir la que mejor le encaja.
- Funcionalidad compleja en el móvil. El diseño incluía secciones muy elaboradas. Todas tenían que funcionar igual de bien en el smartphone que en una pantalla grande.
- Edición sin programador. Tras el lanzamiento de la campaña, los contenidos y los precios pueden cambiar. El cliente necesitaba un panel en el que hacerlo por su cuenta, sin poner en riesgo el diseño.
- Cuatro días para todo. El plazo era fijo. La página tenía que construirse, pasar las pruebas y estar lista para el lanzamiento de la campaña en 4 días.
Un equipo dedicado, comunicación diaria y pruebas contra el reloj
- Un equipo dedicado. Con un plazo tan corto no hay margen para saltar entre proyectos. El equipo trabajó solo en esta página del primer al último día.
- Plantilla de WordPress adaptada. En lugar de escribir un tema desde cero, adaptamos una plantilla al diseño de Adobe XD. Eso nos dio una base sólida y nos permitió centrar el tiempo en los detalles visuales.
- Advanced Custom Fields. Organizamos los contenidos de las secciones, las variantes de la publicación y los elementos de la oferta en campos ACF. El cliente cambia textos y precios en el panel sin riesgo de descuadrar el diseño.
- Mobile first. Diseñamos cada sección primero para el móvil y después la ampliamos a pantallas más grandes. En las campañas de marketing, gran parte del tráfico llega desde dispositivos móviles.
- Rendimiento desde el principio. Optimizamos las imágenes y la carga de recursos durante el desarrollo, no al final. Una página rápida significa menos personas que abandonan antes de ver la oferta.
- Comunicación diaria con el PM del cliente. Cada día informábamos del avance y recogíamos comentarios. Las decisiones se tomaban en horas, no en días.
- Pruebas en navegadores y dispositivos. Revisamos la página en los navegadores más populares y en distintos dispositivos. Detectamos los errores antes de la publicación.
- Embudo de ventas. La página lleva al lector desde el problema, pasando por el contenido de la publicación, hasta la elección de la variante y la compra.
Con qué lo construimos.
Análisis del diseño
Repasamos el diseño de Adobe XD sección por sección. Acordamos con el PM del cliente las prioridades, el orden de trabajo y la forma de recoger comentarios. Con cuatro días, el plan tenía que estar listo de inmediato.
Plantilla y estructura
Adaptamos la plantilla de WordPress y construimos la estructura de campos ACF. Las secciones principales se crearon primero en versión móvil, porque de ella dependía el diseño del resto de vistas.
Detalles y variantes
Pulimos el diseño en pantallas grandes y la sección con las tres variantes de la publicación. Incorporábamos los comentarios del cliente sobre la marcha, tras cada revisión diaria.
Pruebas y optimización
Probamos la página en navegadores y dispositivos. Mejoramos el rendimiento y entregamos la página lista para publicar.
Lo que cambió.
Descubre otros proyectos.
¿Tienes un diseño y poco tiempo para implementarlo?
Muéstranos los diseños y el plazo, y te diremos cómo construir la página sin recortar calidad. Un plazo corto no tiene por qué implicar renunciar a la calidad si el alcance está claro y las decisiones se toman rápido. Lo que más tiempo ahorra es un diseño gráfico terminado y una sola persona del lado del cliente que tome las decisiones. Una plantilla adaptada con ACF es una buena opción para una página de venta que hay que lanzar rápido y luego desarrollar por tu cuenta. Conviene empezar por la versión móvil, porque es la que verá la mayoría del público de la campaña.
Revisemos tu plazo →