Transmitindo a essência das marcas dentro de seus websites
cyrela
/
ago. de 2022
Empresa
Cyrela
Data
AGO DE 2022 / DEZ DE 2022
Responsabilidades
Diferenciar as marcas
Analisar concorrentes
Criar bibliotecas de design
overview
O Grupo Cyrela opera com diversas marcas, entre elas a Cyrela, voltada ao alto padrão, e a Living, direcionada aos segmentos econômico e médio padrão.
Apesar de terem públicos e propostas de valor diferentes, as duas usavam praticamente o mesmo visual nos sites, diferenciando-se apenas pelas cores dos componentes.
Esse cenário comprometia a diferenciação entre as marcas e enfraquecia a coerência da experiência digital.
O desafio foi estruturar identidades digitais consistentes com o posicionamento de cada marca e criar uma base escalável que sustentasse essa distinção ao longo do tempo.
Contexto
Cyrela e Living atendem públicos distintos, com expectativas diferentes de valor, sofisticação e linguagem. No entanto, a experiência digital não refletia essas diferenças estratégicas.
O problema não era apenas estético, era estrutural: a arquitetura de componentes não comunicava a essência de cada marca.
Problema
- Componentes desalinhados com o posicionamento de cada marca
- Falta de diferenciação entre alto padrão e médio padrão
- Inconsistência visual entre elementos
Análise de mercado
Antes de propor mudanças estruturais, foi realizada uma pesquisa com concorrentes de cada nicho, buscando compreender como marcas de alto padrão e médio padrão estruturam suas experiências digitais.
A análise indicou que a diferenciação precisava começar pela base e não apenas por ajustes visuais superficiais.
A análise mostrou que detalhes pequenos mudam a percepção: um botão mais baixo e de cantos retos transmite sofisticação, enquanto um botão maior e arredondado soa mais acessível e próximo.
Construindo a base
Com os direcionamentos definidos, o trabalho começou pela construção da biblioteca de design. A primeira etapa foi a definição dos tokens.
Essa base permitiu estruturar um sistema consistente antes da criação de componentes mais complexos.
Definição dos componentes
Com a fundação estabelecida, comecei a estruturar os componentes do sistema.
Cada elemento foi projetado para refletir o posicionamento específico das marcas, garantindo que a experiência digital estivesse alinhada com a essência de cada público.
Mais do que diferenciar visualmente, o objetivo era traduzir a identidade de cada marca através da arquitetura do produto. Com os componentes prontos, os dois sites foram construídos e lançados.
Resultados
2 marcas, 2 sites no ar
Os novos sites da Cyrela e da Living foram lançados, cada um com uma identidade própria, construída sobre as bibliotecas criadas no projeto.
Diferenciação clara entre as marcas
O visual passou a comunicar de forma mais consistente o posicionamento de cada marca, evitando que experiências distintas parecessem visualmente iguais.
Maior coerência na comunicação digital
Os componentes passaram a refletir melhor a essência de cada público, fortalecendo a percepção de valor das marcas no ambiente online.
Maior consistência entre interfaces
A utilização de bibliotecas estruturadas reduziu inconsistências visuais e trouxe mais previsibilidade na construção de interfaces.
aprendizados
Esse projeto foi feito com informações limitadas e sem métricas claras. Mesmo assim, alcancei o objetivo principal: dois sites no ar, cada um com um visual que comunica a essência da sua marca, e uma biblioteca de componentes completa.
Com essa experiência, aprendi a trabalhar dentro das limitações de cada projeto e a buscar outros caminhos para chegar aos objetivos definidos.