Cedars Group Website

Cedars Group Website

01 | Para entender rápido

01 | Para entender rápido

Um resumo rápido para recrutadores e interessados — destacando o essencial para você(s) 😉

Ponto de dor

Ponto de dor

O Cedars Group é um grupo empresarial americano que cresceu de uma única loja para mais de 33 unidades espalhadas por 3 estados. Apesar desse crescimento expressivo, a presença digital da empresa não acompanhava sua evolução — o site anterior não refletia os valores de comunidade, crescimento e excelência que definem a marca.

A empresa precisava de uma plataforma digital que comunicasse profissionalismo e confiança para múltiplos públicos.

Processo

Processo

Este foi um projeto colaborativo onde atuei como designer de UX/UI, trabalhando em conjunto com a Soulstem Marketing (responsável pela estratégia de comunicação e arquitetura de informação) e o desenvolvedor Abraão Barros.

O fluxo seguiu do briefing à entrega: entendimento do negócio, definição da identidade visual digital, design das interfaces no Figma e acompanhamento do desenvolvimento em WordPress com Elementor Pro.

Resultados

Resultados

O resultado é uma plataforma sofisticada que reflete a identidade da marca e oferece uma experiência clara e funcional.

O site comunica a história de crescimento do grupo, apresenta suas três marcas (Little Caesars, Jersey Mike's e Coco Playa), destaca o impacto comunitário e facilita o contato tanto para parcerias quanto para candidaturas.


02 | Entendendo o Cedars Group

02 | Entendendo o Cedars Group

02 | Entendendo o Cedars Group

Antes de começar qualquer trabalho visual, foi essencial entender quem é o Cedars Group. A empresa nasceu de uma única loja e cresceu com base em valores familiares — comunidade, excelência no atendimento e crescimento compartilhado. Eles operam franquias de alimentação nos EUA e tinham uma necessidade clara: traduzir essa história e esses valores para o digital.

O briefing e a estratégia de comunicação foram conduzidos pela Soulstem Marketing, que definiu a arquitetura de informação e o tom da comunicação. Meu papel começou a partir dessas definições.

03 | Identidade visual e direção de arte

03 | Identidade visual e direção de arte

03 | Identidade visual e direção de arte

A paleta de cores foi definida para simbolizar crescimento, prosperidade e compromisso com a comunidade. A tipografia combina Inter para textos corridos e Darker Grotesque para títulos de impacto — uma escolha que equilibra legibilidade com personalidade.

Um sistema de ícones customizados foi criado para reforçar a comunicação visual e melhorar a experiência do usuário ao navegar pelo conteúdo.

04 | Arquitetura de informação e páginas

04 | Arquitetura de informação e páginas

04 | Arquitetura de informação e páginas

O site foi estruturado em seis páginas principais: Home, About Us, Our Team, Our Brands, Our Impact e Contact. Cada página foi pensada para atender a um objetivo específico de comunicação e a diferentes perfis de visitante.

A Home funciona como uma narrativa condensada — do propósito do grupo, passando pelos valores, números de impacto, mapa de presença, marcas e chamadas para ação.

05 | Design das interfaces

05 | Design das interfaces

05 | Design das interfaces

O design das interfaces priorizou clareza, hierarquia visual e consistência. Cada seção foi projetada para guiar o visitante por uma narrativa fluida — desde o posicionamento institucional até as chamadas de ação.

Elementos interativos como o mapa de presença por estados, as seções de marcas com hover e a seção de impacto comunitário foram desenhados para engajar sem sobrecarregar.

06 | Mobile first e responsividade

06 | Mobile first e responsividade

06 | Mobile first e responsividade

O design seguiu uma abordagem mobile first, garantindo que a experiência fosse intuitiva e funcional em dispositivos móveis antes de escalar para telas maiores. A navegação, hierarquia de conteúdo e áreas de toque foram pensadas para o contexto mobile.

07 | Antes e depois

07 | Antes e depois

07 | Antes e depois

A transformação do site do Cedars Group não foi apenas estética — foi uma mudança de posicionamento digital. O site anterior não conseguia comunicar o tamanho e a seriedade que a empresa havia alcançado. O redesign precisava resolver isso sem perder a essência familiar e comunitária da marca.

O site anterior tinha uma estrutura visual básica, sem hierarquia clara de informação e com uma identidade genérica que poderia pertencer a qualquer empresa. O novo design introduziu uma linguagem visual proprietária — com a paleta de verdes e dourados refletindo crescimento e prosperidade, tipografia com personalidade (Darker Grotesque nos títulos, Inter no corpo), e um sistema de ícones customizado que reforça cada pilar de valor da empresa.

A navegação foi simplificada de forma que cada página tem um propósito claro e distinto, eliminando redundâncias e conteúdos que competiam pela atenção do visitante.

08 | Conclusão e aprendizados

08 | Conclusão e aprendizados

08 | Conclusão e aprendizados

O projeto do Cedars Group foi mais do que um redesign de site — foi um exercício de traduzir valores intangíveis (comunidade, família, crescimento) em uma experiência digital tangível e profissional.

O que esse projeto demonstra

  • Versatilidade de contexto: Diferente de projetos de produto digital (como a STLAI), este foi um trabalho institucional, focado em comunicação de marca e presença digital. Isso mostra capacidade de adaptação a diferentes tipos de demanda.

  • Colaboração com escopo claro: Trabalhar em um time com três especialistas distintos exigiu clareza sobre onde termina o meu papel e começa o do outro — e como garantir que o resultado final seja coeso apesar das diferentes mãos.

  • Design para múltiplos públicos: O site precisa falar com potenciais parceiros de negócio, candidatos a emprego, comunidades locais e franqueadores — públicos com necessidades e expectativas diferentes, navegando o mesmo site.

  • Contexto multicultural: Cliente americano, equipe brasileira, conteúdo em inglês. Isso exige um nível extra de atenção cultural e comunicacional.

O projeto do Cedars Group foi mais do que um redesign de site — foi um exercício de traduzir valores intangíveis (comunidade, família, crescimento) em uma experiência digital tangível e profissional.

O que esse projeto demonstra

Versatilidade de contexto: Diferente de projetos de produto digital (como a STLAI), este foi um trabalho institucional, focado em comunicação de marca e presença digital. Isso mostra capacidade de adaptação a diferentes tipos de demanda.Colaboração com escopo claro: Trabalhar em um time com três especialistas distintos exigiu clareza sobre onde termina o meu papel e começa o do outro — e como garantir que o resultado final seja coeso apesar das diferentes mãos.

Design para múltiplos públicos: O site precisa falar com potenciais parceiros de negócio, candidatos a emprego, comunidades locais e franqueadores — públicos com necessidades e expectativas diferentes, navegando o mesmo site.

Contexto multicultural: Cliente americano, equipe brasileira, conteúdo em inglês. Isso exige um nível extra de atenção cultural e comunicacional.

O projeto do Cedars Group foi mais do que um redesign de site — foi um exercício de traduzir valores intangíveis (comunidade, família, crescimento) em uma experiência digital tangível e profissional.

O que esse projeto demonstra

Versatilidade de contexto: Diferente de projetos de produto digital (como a STLAI), este foi um trabalho institucional, focado em comunicação de marca e presença digital. Isso mostra capacidade de adaptação a diferentes tipos de demanda.Colaboração com escopo claro: Trabalhar em um time com três especialistas distintos exigiu clareza sobre onde termina o meu papel e começa o do outro — e como garantir que o resultado final seja coeso apesar das diferentes mãos.

Design para múltiplos públicos: O site precisa falar com potenciais parceiros de negócio, candidatos a emprego, comunidades locais e franqueadores — públicos com necessidades e expectativas diferentes, navegando o mesmo site.

Contexto multicultural: Cliente americano, equipe brasileira, conteúdo em inglês. Isso exige um nível extra de atenção cultural e comunicacional.