visual design
·
no-code
·

Una experiencia digital para aprender inglés online • Pikingli

Rediseño visual y construcción en Webflow para potenciar la experiencia de usuario y la conversión

Resumen del proyecto

Rediseño y construcción de la web de Pikingli en Webflow con un objetivo claro: alinear mejor determinadas secciones con la marca y, sobre todo, evitar que todas las páginas de curso/workshop fuesen “la misma plantilla”. Dado que el catálogo no es infinito, diseñamos páginas únicas, cada una con narrativa, estructura y acentos visuales propios, manteniendo a la vez consistencia y escalabilidad gracias a un sistema de componentes reutilizable.

👉 Puedes ver el proyecto completo aquí

Cliente/Tipo de proyecto
Pikingli - Academia online de inglés
Fecha del proyecto
2025
Tu rol en el proyecto
Diseñadora de Producto Digital UX/UI & Webflow Developer. Responsable de la dirección visual, definición del sistema de componentes y construcción en Webflow.
El reto del proyecto
  • Alineación fina con la marca: el equipo sentía que algunas secciones podían representar mejor el tono y la personalidad de Pikingli.
  • Diferenciación por curso/workshop: no querían un detalle de curso “tipo CMS” repetido; buscaban páginas adaptadas a cada curso (estructura, hero, storytelling y énfasis visual específicos).
  • Equilibrio consistencia–variedad: crear identidades por curso/workshop sin perder coherencia global.
  • Mantenibilidad: permitir que el equipo edite y añada contenidos sin fricción.
  • Diseño visual: creación de un estilo moderno y cercano, con colores vivos, tipografía clara y elementos visuales que transmiten dinamismo y diversión.
  • Sistema de componentes: definición de patrones reutilizables (secciones repetidas en páginas con variables de colores según el uso, FAQs, tarjetas de curso) que aseguran consistencia en todo el sitio.
  • Desarrollo en Webflow: implementación responsive, animaciones que acompañan el storytelling de la web y estructura inteligente de bases de datos para facilitar la experiencia del cliente a la hora de añadir un nuevo curso, workshop o recurso.
Diseño visual de páginas de Pikingli
· · ·

Aprendizajes y conclusiones

El nuevo sitio web de Pikingli consigue que cada curso/workshop tenga su propia personalidad, sin perder la coherencia de marca. Gracias a la creación de páginas personalizadas, los usuarios perciben mejor el valor diferencial de cada oferta formativa y pueden identificar rápidamente cuál se ajusta a sus necesidades. Al mismo tiempo, el equipo cuenta con una base sólida y flexible para seguir creando contenidos sin partir de cero en cada ocasión, lo que les permite mantener un equilibrio entre agilidad de producción y personalización.

La nueva estructura mejora también el encaje de la marca en secciones clave, como los beneficios, los planes de estudio o las llamadas a la acción, lo que refuerza la confianza del usuario y facilita la conversión.

Puedes ver el proyecto completo aquí
· · ·

Trabajar con Marta ha sido fácil desde el primer día. Encajamos enseguida y entendió perfectamente lo que queríamos para nuestra web. Cuidamos mucho la marca y nos encantó ver cómo supo reflejar toda esa esencia en cada detalle del diseño. Su forma de trabajar es clara, profesional y muy cercana, lo que hizo que todo el proceso fluyera con confianza y coherencia. El nuevo diseño transmite justo lo que queríamos: energía, claridad y personalidad.

María y Sergio

Pikingli