Huddle | SaaS Landing Page and CMS Development

Huddle | SaaS Landing Page and CMS Development

Roles

Web Designer & Webflow Developer

Tools

Figma, Webflow

Skills

UI Design, Responsiveness, No Code, Front End

Context

Huddle is a SaaS solution designed to centralize communication and management for remote teams. The project simulates the launch strategy of a digital product that needs to stand out in a competitive market.

tela inicial do Huddle
tela inicial do Huddle
tela inicial do Huddle
tela inicial do Huddle

Objective

The challenge was to create an acquisition channel for a product in the pre launch phase, converting visitors into early adopters.

The goal was to develop a high conversion Landing Page focused on lead generation and brand authority. The project required not only aesthetics but a technical structure that allowed dynamic content updates without future code dependency.

tela com descrição do produto Huddle
tela com descrição do produto Huddle
tela com descrição do produto Huddle
tela com descrição do produto Huddle

Solution

The strategy united visual storytelling with scalable architecture.

  1. Conversion Architecture: I structured the Home page with a clear visual hierarchy, highlighting the Unique Value Proposition and using testimonials to build trust and encourage sign ups.

  2. Webflow CMS: I developed a robust Content Management System for the Blog. This allows marketing teams to publish articles, authors, and categories dynamically, ensuring site scalability.

  3. Responsive Design and Semantics: Faithful layout implementation using HTML5 and CSS (Flexbox/Grid) best practices, ensuring performance and accessibility across all devices.

tela do Blog do site
tela do Blog do site
tela do Blog do site
tela do Blog do site
tela de elemento da interface
tela de elemento da interface
tela de elemento da interface
tela de elemento da interface
tela de elemento da interface
tela de elemento da interface
tela de elemento da interface
tela de elemento da interface

Results & Learnings

This project served as a technical laboratory to deepen my No Code and Front End competencies. Besides consolidating my workflow between Figma and Webflow, I developed a practical understanding of HTML, CSS, and JavaScript, which currently facilitates my technical communication with engineers in real projects.

montagem de telas do Huddle
montagem de telas do Huddle
montagem de telas do Huddle
montagem de telas do Huddle