Transformando Design
Do Impact See: Transformando Doações em Investimentos Sociais
Um site pensado para comunicar propósito e impacto, traduzindo a missão da marca em uma experiência clara e personalizada.
Descobir, entender e definir
Insight inicial, fase da descoberta
Início do projeto e alinhamento de propósito
A Do Impact See me procurou com o objetivo de renovar sua presença digital, pois o site existente já não refletia a proposta da organização — eles desejavam uma revitalização. Meu desafio foi traduzir o impacto social do projeto em uma experiência acessível, funcional e alinhada à identidade da marca.
Logo no primeiro contato, percebi que o site anterior funcionava mais como um cartão de visitas , com informações básicas e pouco espaço para apresentar a proposta e os serviços da organização. A ausência de estrutura e identidade visual comprometia a compreensão do impacto real que a Do Impact See gera.
Através de conversas com o cliente, identifiquei que o principal desejo era clareza — tanto na comunicação dos serviços quanto na navegação. Com base nessa escuta, defini três prioridades: estruturar o conteúdo de forma estratégica, implementar os princípios de usabilidade e traduzir visualmente o impacto social que a organização representa.
Traduzindo expectativas
As referências visuais foram fundamentais para alinhar expectativas com o cliente e orientar o caminho criativo. Desde o início, ele trouxe preferências claras, como uma barra de navegação, um footer e um formulário de contato específico, que ajudaram nas primeiras decisões de layout. Com a direção validada, iniciei o desenho das telas e, a partir dos feedbacks, ficou claro que a estrutura ideal seria a de uma landing page, já que o conteúdo guiava a essa direção.
Construindo com inteligência
Utilizei o Figma de forma estratégica para desenvolver elementos como botões, campos de formulário e seções completas de layout. Com auxilio de Design Tokens e propriedades como auto layout, uma biblioteca de componentes reutilizáveis e responsivos foi criada. Alguns componentes necessitaram de propriedades avançadas como variantes e interações entre si. Essa abordagem garantiu consistência visual, facilitou ajustes com base nos feedbacks do cliente e preparou o projeto para futuras expansões com eficiência.
Regras com propósito e escalabilidade
Para garantir consistência e eficiência no projeto, estruturei um Design System que reflete a identidade e os valores da Do Impact See. A base foi construída a partir dos princípios do atomic design, definindo elementos como cores, tipografia, espaçamentos e ícones em níveis modulares. Criei design tokens reutilizáveis, como estilos de texto e cores, garantindo alinhamento visual entre todas as telas e facilitando futuras atualizações. Tudo isso organizado em uma biblioteca central no Figma, garantindo controle, escalabilidade e colaboração ao longo de todo o processo.
Conectando a criação à validação
Criar é dar forma; testar é dar sentido. Cada validação revela o que precisa ser ajustado, até que o design não só funcione, mas faça sentido para quem usa.
Decisões guiadas por feedbacks
Durante o processo, compartilhei as telas com o cliente em ciclos curtos de validação. Para cada seção, solicitei feedback específico, especialmente em relação à hierarquia visual, onde foram identificados pontos importantes de ajuste.
Busquei alinhar o tom da interface para torná-la mais leve e alinhada ao usuário. Adaptei e reorganizei seções em função do conteúdo, tanto por excesso quanto por ausência de informação. Também foi identificado um ponto de fricção no acesso ao contato, solucionado com a inclusão de um botão direto para o WhatsApp, facilitando a ação dos usuários.
Essas iterações mostraram que ouvir e ajustar é parte do bom design. Cada melhoria aproximou o projeto de uma solução funcional, que representa a marca, faz sentido para o usuário e convida à ação.
Entre em contato e vamos transformar suas ideias em realidade.
Pronto para dar o próximo passo no seu projeto? Estou aqui para ajudar a tornar suas ideias em soluções práticas e eficazes. Entre em contato e vamos conversar sobre como posso contribuir para o seu sucesso com um design centrado no usuário e de alta qualidade.