// 01_CORE
volver a proyectos

Flanks

Desarrollo Webflow para una startup fintech, en colaboración con BOU.

diseño
BOU
desarrollo
Webflow
cliente
Flanks
año
2024
estudio de diseño
BOU
duración
1 mes
stack
Webflow, GSAP, Finsweet, Zapier
estado
En producción
servicios
Desarrollo Webflow, CMS, Animaciones, SEO técnico, integraciones via Zapier
visitar web
FIG. 01 — home en desktop
// 01_Contexto

Del diseño al desarrollo

BOU diseñó la nueva web de Flanks en Figma y nuestro trabajo consistió en trasladar el diseño a Webflow, construyendo una web modular, responsive y preparada para crecer. Desarrollamos el proyecto siguiendo una estructura basada en Client-First, utilizando componentes, variables y CMS para mantener una arquitectura consistente y flexible.

Además del desarrollo, implementamos la versión multilingüe mediante los Locales de Webflow y conectamos todos los formularios con su flujo interno de captación. A través de Zapier, automatizamos el envío de leads a Pipedrive y las notificaciones a Slack, creando un sistema conectado que facilita la gestión y seguimiento de cada contacto.

Webflow

Client-First

CMS & Components

Automations

// 02_alcance

Desarrollo completo en Webflow

Desarrollo de la web a partir del diseño realizado en Figma, trasladando cada pantalla a un entorno Webflow funcional, responsive y optimizado.

Client-First

Implementación de una estructura basada en Client-First para mantener el proyecto ordenado, consistente y fácil de mantener y ampliar.

Componentes y variables

Creación de componentes reutilizables y variables globales para agilizar la construcción de páginas y mantener la coherencia visual de todo el sitio.

CMS

Configuración del CMS de Webflow para estructurar y gestionar contenidos dinámicos de forma flexible y facilitar futuras ampliaciones.

Web multilingüe

Implementación de las diferentes versiones lingüísticas mediante Webflow Localization, manteniendo una estructura coherente y una experiencia consistente en cada idioma.

Automatizaciones

Conexión de los formularios de la web con Pipedrive y Slack mediante Zapier, automatizando la gestión de leads y las notificaciones internas.

// 03_detalles_del_desarrollo
FIG. 02 — Componentes

Arquitectura modular

Creación y reutilización de componentes en Webflow para construir páginas de forma consistente y facilitar futuras modificaciones.

FIG. 03 — CMS

Contenido dinámico

Configuración del CMS para gestionar contenidos de forma estructurada y generar páginas dinámicas sin duplicar trabajo.

FIG. 04 — Locales

Web multilingüe

Implementación de las diferentes versiones lingüísticas mediante Webflow Localization, mostrando cómo se gestiona el contenido en cada idioma.

FIG. 05 — Animaciones

Interacciones sutiles

Desarrollo de animaciones e interacciones sutiles para aportar dinamismo a la experiencia sin interferir en la navegación.

// 04_resultados

Lo que aportamos

Además de desarrollar la nueva web de Flanks a partir del diseño de BOU, aportamos una base técnica sólida y escalable en Webflow. Trabajamos con Client-First, componentes, variables y CMS para construir una web flexible, consistente y fácil de mantener, incorporando también la estructura multilingüe mediante los Locales de Webflow.

También nos encargamos de la optimización SEO y de conectar la web con los procesos internos de Flanks. Automatizamos el flujo de captación mediante Zapier, integrando los formularios con Pipedrive y Slack para que cada nuevo contacto se gestione y comunique automáticamente, reduciendo tareas manuales y mejorando el seguimiento de los leads.

// 05_cifras_google_speed
97

performance

100

accesibilidad

100

prácticas recomendadas

100

seo

// colaboremos

¿Buscas un partner tecnológico para tu próximo proyecto?

colaboremos