UI Design: A Evolução da Interface Digital da Loog

Interface design e componentes visuais para o ecossistema digital da Loog.

Este case documenta o trabalho realizado no desenvolvimento da interface da Loog, um projeto focado na evolução da experiência digital que, atualmente, encontra-se descontinuado.

Cenário

Design em Evolução Contínua

O site da Loog foi uma plataforma em constante desenvolvimento, com o objetivo central de aprimorar a experiência do usuário em cada etapa da jornada. O trabalho era organizado em ciclos de sprints, onde novas telas eram elaboradas para atender finalidades específicas de usabilidade e interação. Embora o serviço não esteja mais ativo, o projeto serviu como um pilar de inovação para a marca em 2023.

Desafio

Consistência em Escala

O objetivo principal era ampliar as funcionalidades da plataforma garantindo que a navegação permanecesse intuitiva e os processos fossem eficientes. O maior desafio técnico envolvia manter a padronização visual e a interface atraente à medida que o site crescia e novas demandas surgiam.

Três colunas de protótipos móveis em fundo cinza: faixas vermelha, laranja e azul com títulos (Canceladas, Realizadas, Configurações), várias telas e notas amarelo‑limão.
Processo

Design System e Colaboração Multidisciplinar

A construção da interface baseou-se em um fluxo de trabalho integrado:

Design System

Para assegurar a consistência visual e a padronização absoluta, utilizamos como base o Design System criado pelo designer Caio Andreolli.

Manutenção e Expansão

Com base nesse sistema, eu (Wellington Bastos) utilizei o Figma para criar novas telas e implementar melhorias contínuas, ampliando a funcionalidade do site.

Sinergia com Desenvolvimento

Trabalhei em estreita colaboração com a equipe de desenvolvimento para garantir que a implementação técnica fosse fiel ao design proposto.

Suporte ao Marketing

Contribuí na criação de anúncios e e-mails marketing, garantindo que a identidade visual da marca fosse impactante e coerente em todos os pontos de contato.

Mockup de templates publicitários para aluguel com carrosséis e stories mostrando fotos de apartamentos, sobreposições roxas e textos de anúncio.
Resultado

Interfaces Eficientes e Identidade Consolidada

A atuação integrada permitiu que o ecossistema digital da Loog atingisse um alto nível de maturidade:

  • Navegação Otimizada: Entrega de uma interface mais intuitiva e atraente para moradores e proprietários.

  • Padronização de Marca: Garantia de consistência visual entre o produto digital e as peças promocionais.

  • Experiência Positiva: Consolidação de um processo fluido de design que priorizava a eficiência em todos os pontos de contato com o usuário.

Créditos: Acervo Loog

Equipe e Governança

Product Designer – Caio Andreolli 

Wireframes de app imobiliário exibindo a aba Agendadas com telas verticais, cabeçalhos roxos e notas amarelas.
Mockup de página de imóvel (desktop e mobile) exibindo foto de apartamento studio moderno, dados do anúncio e botões de contato

Veja outros trabalhos