Descripción de la empresa

SaaS Growth ayuda a startups B2B SaaS a adoptar la metodología de ventas que hizo exitosas a compañías como Salesforce y HubSpot. Han colaborado con más de 80 startups, impulsando su crecimiento, rondas de inversión y salidas exitosas.

Objetivo principal

Rediseñar y desarrollar la página web de SaaS Growth modular y escalable que refuerce la autoridad de la marca y su metodología de crecimiento B2B.

Fase de Diseño Figma (3-4 semanas)

Fase 1 – Conceptualización: Creación de la guía de estilo base (tipografía, colores, iconografía y patrones de UI) y presentación de variantes del Hero y una sección secundaria.A partir del feedback, se definirá la línea visual definitiva.
Fase 2 – Diseño de la Home: Diseño completo de la homepage en Desktop y Mobile, con animaciones clave documentadas y un sistema visual coherente que servirá como referencia para el resto de páginas.
Fase 3 – Páginas secundarias: Diseño de las páginas restantes según la estructura validada, creando un sistema de componentes reutilizables en Figma que facilite la escalabilidad futura de la web.

Fase de Desarrollo Webflow (3 semanas)

Implementación del diseño en Webflow con la metodología Client-First (Finsweet).
Integración de CMS para contenidos dinámicos (casos, clientes, recursos, etc.).
Desarrollo responsive completo (Desktop, Tablet y Mobile).
Aplicación de animaciones y microinteracciones suaves (GSAP o Lottie según necesidad).
Optimización de SEO, rendimiento y accesibilidad, siguiendo las mejores prácticas.
Configuración de estructura bilingüe (EN/ES) mediante Webflow Locations y CMS para gestionar contenidos multilenguaje.

Entrega y formación (1 semana)

Control de calidad (QA) y revisión de todas las resoluciones.
Grabación de vídeos explicativos para el uso del Webflow Editor y CMS.
Sesión formativa para explicar el funcionamiento del CMS y del Editor.
Entrega final del proyecto y revisión conjunta.

Tareas y tiempos

Semana 1-2
Semana 3-4
Semana 5-6
Semana 7-8
Diseño
Kick-off
Entrega de concepto visual
Diseño e iteración de la Home
Diseño e iteración de todas las páginas
Entrega
Archivo Figma
Entrega Webflow
Webflow
Desarrollo Webflow
Q&A

¿Qué incluye?

Soporte constante y proactivo
Reuniones periodicas para revisar el feedback
Explicaciones en vídeo
1 mes de mantenimiento preventivo después de la entrega

Estamos aquí para responder tus preguntas

Entiende nuestro proceso, conoce nuestra experiencia y descubre cómo contactarnos.

¿Cómo diseñamos?

Con un sólido branding como punto de partida, nos sumergimos en la esencia de la marca del cliente, trazando wireframes que anticipan la línea inicial de pensamiento. En esta fase primordial, avanzamos ágilmente gracias a la honestidad y rapidez del feedback del cliente. Una vez establecido el concepto de diseño definimos el estilo visual y estético principal incluyendo todos los componentes y sus respectivos comportamientos. Esto establece unas reglas consistentes que serán determinantes a lo largo del proyecto. Finalmente, construimos el árbol completo con todas sus ramificaciones, detallando cada página, incorporando recursos animados e integrando interacciones para dejar el proyecto como un guante listo para su desarrollo.

¿Cómo desarrollamos en Webflow?

El desarrollo Webflow sigue un proceso estructurado que comienza con la configuración de las guías de estilo tras la aprobación del diseño siguiendo las pautas de client-first. Posteriormente, se procede a la creación de componentes personalizados y a la estructuración de secciones HTML/CSS. Los símbolos permiten la reutilización de elementos, mientras que la definición del CMS establece la estructura para el contenido dinámico. En casos complejos, se incorporan snippets de Javascript y se desarrollan animaciones de alta calidad. Se aplican los ajustes de SEO para optimizar el rendimiento y finalmente, se entrega tanto el Editor como el Diseñador de Webflow, esto le permite al cliente realizar modificaciones y actualizaciones de manera sencilla.

¿Cuánto tiempo nos lleva?

El tiempo estimado para completar un proyecto estándar suele ser de 3 a 4 semanas para la fase de diseño y de 2 a 3 semanas para la fase de desarrollo. Estos plazos pueden variar, especialmente en la etapa de diseño, debido a la importancia del feedback rápido y honesto por parte del cliente. Por lo tanto, la duración del proceso de diseño puede ser más flexible. En cuanto al desarrollo, la duración dependerá en gran medida de la complejidad de las interacciones y la estructura específica de la página en cuestión. En pocas palabras, el tiempo total de entrega puede ser indeterminado, pero estos plazos proporcionan una referencia general para la planificación del proyecto.

¿Cómo se mantiene la página web?

No tendrás que preocuparte por tu página web después de la entrega. Incluimos un video personalizado en Loom donde explicamos detalladamente cómo mantener y actualizar tu página de forma autónoma. Además, ofrecemos una sesión de formación de 30 a 60 minutos para enseñarte el funcionamiento del CMS, el editor y el diseñador de Webflow y resolver cualquier duda. De todas formas, siempre estamos disponibles para asegurarnos de que tu web no tenga ningún problema y ofrecemos un período de un mes en el que puedes contactarnos para solucionar cualquier problema o inquietud que puedas tener.

¿Hacemos también branding?

Podemos ayudarte con tus necesidades de branding, ya sea que ya tengas elementos definidos o estés empezando desde cero. Si tu nombre y logotipo ya están definidos, podemos integrarlos sin problema en el proceso de diseño, asegurando su coherencia y alineación con la identidad visual. Sin embargo, si aún estás en las primeras etapas de definición de tu marca, colaboramos con nuestros especialistas de confianza en branding. Juntos, podemos ofrecer un servicio integral que cubra todo, desde la creación del nombre, logotipo y guías de marca hasta la experiencia digital completa.

Andoni, fundador de treseisceroEric, fundador de treseiscero
¿Necesitas una reunión rápida?

Estamos abiertos a hablar pero sobre todo a escuchar las necesidades de tu proyecto.

Hablemos