Este projeto compreendeu a concepção e implementação completa da experiência digital da Condohuby, uma plataforma voltada à gestão e soluções condominiais. Minha atuação foi como o principal Web / UI Designer durante todo o ciclo de vida do projeto — desde o alinhamento inicial com stakeholders e diretores até a publicação oficial do app e do site institucional.
O desafio central foi pegar a identidade visual desenvolvida inicialmente pela agência parceira Megalo e traduzi-la com consistência técnica e estética para interfaces ricas, um Design System escalável no Figma e a arquitetura front-end de toda a presença online da marca.
Destaques Técnicos e Entregas
- Design System Completo no Figma: Customizado e estruturado por mim a partir de um UI Kit da comunidade baseado no ecossistema moderno do shadcn/ui, garantindo componentes consistentes, tokens visuais e escalabilidade para o produto digital.
- UI/UX do App Web: Planejamento, prototipagem e validação dos fluxos e layouts da aplicação online (SaaS) da Condohuby.
- Site Institucional (Webflow & WordPress): Desenvolvimento e publicação do site oficial, operando durante o primeiro ano construído em Webflow e posteriormente migrado para WordPress com tema customizado para autonomia da equipe de conteúdo.
- Padrões de Design & Social Media: Criação de um sistema de diretrizes visuais para mídias sociais (posts, capas de Reels, destaques do Instagram e materiais gráficos), padronizando a diagramação e a linguagem da marca.
- Liderança e Alinhamento: Atuação presencial direta com os CEOs/stakeholders do projeto e interlocução contínua com a agência Megalo para validação das diretrizes de marca.
O Processo: Da Identidade Visual ao Produto Digital
O projeto teve início quando a agência Megalo entregou o manual de marca e a base da identidade visual da Condohuby. A partir desse ponto, fui integrado presencialmente junto à equipe de Marketing e aos CEOs para assumir a responsabilidade de dar vida a essa marca no ambiente digital.
Não bastava apenas aplicar o logotipo e a paleta de cores: era necessário traduzir a linguagem gráfica em componentes funcionais de software e web.
1. Design System e Prototipagem no Figma
Para que o desenvolvimento do app e do site conversasse em perfeita sintonia, criei no Figma um Design System completo, utilizando como fundação uma adaptação do conceituado framework shadcn/ui.
- Estruturei variantes de botões, inputs, cards, modais, navegação e tabelas de dados para o aplicativo.
- Isso permitiu prototipar telas interativas de alta fidelidade que serviram tanto para a validação dos stakeholders quanto para o guia definitivo de entrega front-end.
2. Layouts do App Online
Com o Design System validado, desenhei a experiência de uso (UI/UX) da plataforma online da Condohuby. O foco foi entregar uma interface limpa, intuitiva e focada na produtividade do usuário (síndicos, administradores e moradores), mantendo a modernidade visual proposta pela marca.
3. Do Webflow ao WordPress (Site Institucional)
A presença institucional do projeto teve duas etapas estratégicas:
- Fase 1 (Webflow): Durante o primeiro ano, implementei e mantive o site oficial no Webflow, priorizando agilidade no lançamento, fluidez nas animações e validação rápida no mercado.
- Fase 2 (Migração para WordPress): Posteriormente, conduzi a migração da estrutura para WordPress (com desenvolvimento de tema filho customizado), dando robustez para gestão de conteúdo, SEO e expansão das páginas internas da empresa.
4. Padronização Visual para Marketing e Redes Sociais
Além do produto e da web, fui solicitado diretamente pela gestora de marketing (e co-CEO) para solucionar uma dor real da equipe interna: a dificuldade dos demais membros em aplicar corretamente as diretrizes de diagramação e linguagem do manual de marca no dia a dia.
Criei, então, sistemas de templates e bibliotecas visuais auxiliares:
- Padrões de grid e tipografia para posts de feed e stories no Instagram.
- Conjunto de ícones vetorizados sob medida para as miniaturas dos círculos de Destaques/Reels.
- Modelos de apresentações e peças digitais que destravaram o fluxo de trabalho da equipe de marketing.
- Modelos de Landing-Page e de elementos para pronto uso em HTML, responsivos, também entregues.
Conclusão e Resultados
O projeto Condohuby representou uma experiência de design end-to-end em que atuei com autonomia e responsabilidade de nível sênior: articulei a estratégia com os diretores, refinei o design de marca para UI, estruturei o Design System no Figma e executei o desenvolvimento web do produto.
O resultado foi um ecossistema digital coeso, elegante e eficiente, demonstrando como a união entre design refinado, sistemas consistentes e visão técnica de código faz a diferença na construção de um produto de alto impacto.