Visão Geral

HoustonPlus é uma plataforma SaaS desenvolvida para empresas com múltiplas unidades gerenciarem operações, conformidade, ativos e fluxos financeiros em um sistema centralizado.

O projeto envolveu o design e desenvolvimento completo do website de marketing — traduzindo um produto complexo em uma experiência digital clara, acessível e de alta performance.

A laptop on a styled desk features the “Discover Our Guests” page from the Mental Health Today website, showcasing speaker portraits in a green-toned layout.
A laptop shows an episodes page with neatly arranged guest cards beneath the podcast branding, flanked by minimalistic modern décor.
A final laptop mockup displays a blog or article resource section with images and text blocks, reinforcing the podcast’s commitment to connection and education.

Desafio

A HoustonPlus apresentava um desafio clássico de SaaS:

  • Um produto robusto e complexo, com múltiplas funcionalidades e casos de uso

  • Diferentes públicos (operações, financeiro, facilities, liderança)

  • Falta de posicionamento claro e consistência na comunicação

  • Necessidade de escalabilidade para múltiplas páginas e futuras funcionalidades

  • Alinhamento entre marketing, produto e engenharia

O objetivo era simplificar a narrativa sem perder profundidade — tornando a plataforma poderosa, mas fácil de entender.

Meu Papel

Liderei o projeto de ponta a ponta, da estratégia à entrega:

  • Defini a arquitetura do site e um sistema escalável de páginas (40+ páginas)

  • Desenhei toda a experiência (UX/UI) nos fluxos principais e páginas de marketing

  • Estruturei a comunicação em colaboração com o time de marketing

  • Trabalhei próximo à engenharia para garantir viabilidade e implementação

  • Realizei a implementação completa no Framer

O Figma foi utilizado como base de colaboração — permitindo feedback em tempo real, alinhamento e iteração entre stakeholders, marketing e engenharia.

A close-up of a professional podcast microphone with a pop filter and stand placed beside a window, symbolising content creation and audio clarity.
A close-up of a professional podcast microphone with a pop filter and stand placed beside a window, symbolising content creation and audio clarity.

Abordagem

O processo foi orientado por clareza, modularidade e escalabilidade:

  • Estrutura orientada ao produto: organização das funcionalidades em seções claras e compreensíveis

  • Comunicação multi-audiência: equilíbrio entre profundidade técnica e acessibilidade

  • Storytelling visual: uso de UI, ícones e fluxos para explicar valor

  • Sistema modular: componentes reutilizáveis para escalar o produto

  • CTAs estratégicos: incentivo a demonstrações e exploração do produto

  • Mobile-first: usabilidade consistente em todos os dispositivos

Impacto

  • Criação de uma base digital clara e escalável para um produto SaaS em crescimento

  • Melhoria no entendimento do produto para diferentes perfis de usuário

  • Estruturação de páginas que permitem campanhas e geração de demanda

  • Redução de fricção na jornada do usuário até a demonstração

  • Sistema preparado para evolução e expansão contínua

footer background image
logo

Diego Sonoda® 2026

footer background image
logo

Diego Sonoda® 2026