top of page
UI/UX Designer &
Product Designer

Conheça o projeto da 

Duração: 3 meses

Meu papel

No projeto, fiquei responsável pelo design, desde a logomarca até os wireframes e a prototipação. Cada elemento visual foi planejado para garantir uma experiência coesa e atraente.

Participantes

  • Designer: Responsável por criar a identidade visual, wireframes e protótipos do site.
  • Equipe de Desenvolvimento Web: Responsável por implementar e otimizar o site.
  • Representantes da CASEM: Incluindo membros da diretoria e voluntários, para fornecer insights e necessidades específicas da instituição.
  • Potenciais Doadores e Usuários: Selecionados para fornecer feedback e perspectivas durante o processo de brainstorming.

Sobre

O projeto teve como objetivo aumentar a visibilidade da Casa Assistencial Espírita Emmanuel e fomentar as doações essenciais para a continuidade de suas atividades. Diante da necessidade de aprimorar a comunicação e o engajamento com a comunidade, foi desenvolvido um novo site com um design moderno e intuitivo. Este site não apenas destaca a missão e os valores da instituição, mas também facilita a doação de recursos financeiros, roupas, móveis e alimentos. A iniciativa visa garantir que a CASEM possa continuar a oferecer suporte vital a famílias e indivíduos da comunidade de
Planaltina GO.

O problema inicial era a falta de visibilidade e acessibilidade do centro espírita, o que dificultava a comunicação com a comunidade e limitava as doações necessárias para sustentar suas atividades assistenciais. Sem um site, a instituição enfrentava desafios em divulgar sua missão, eventos, e campanhas de arrecadação, resultando em um menor alcance de possíveis doadores e voluntários.
Aumento da visibilidade
Tornar a Casa Assistencial Espírita Emmanuel mais conhecida na comunidade e além, destacando suas atividade, missão e impacto.
Facilitação das doações
Simplificar o processo de doação para atrair mais contribuições financeiras, de roupas, móveis e alimentos.
Engajamento comunitário
Promover maior participação da comunidade em eventos, campanhas e atividades voluntárias, fortalecendo o apoio à instituição.
Educação e divulgação
Oferecer recursos educativos sobre a Doutrina Espírita, proporcionando materiais de estudo e evangelização para crianças, jovens e adultos.
Comunicação eficiente
Melhorar a comunicação entre a instituição e a comunidade, facilitando o contato e a interação através de um site funcional einformativo.

As principais descobertas sobre o mercado e a concorrência foram

Essas descobertas ajudaram a moldar a estratégia de desenvolvimento do site da CASEM, focando em melhorar a presença online, facilitar doações e promover o engajamento comunitário.
  • Presença Digital Relevante: Outras casas assistenciais e organizações de caridade com uma forte presença online tendem a receber mais doações e apoio comunitário.

  • Importância da Transparência: Instituições que destacam a transparência em suas operações, mostrando claramente como as doações são utilizadas, ganham mais confiança e, consequentemente, mais doações.

  • Engajamento nas Redes Sociais: Organizações que utilizam ativamente as redes sociais para promover suas atividades, compartilhar histórias de impacto e interagir com a comunidade conseguem um engajamento maior e mais consistente.

  • Facilidade de Doação: Sites com processos de doação simples e rápidos, incluindo múltiplas opções de pagamento, tendem a ter maior sucesso na arrecadação de fundos.

  • Conteúdo Educativo e Informativo: Oferecer recursos educativos sobre a Doutrina Espírita e informações detalhadas sobre os programas assistenciais atrai mais visitantes e potenciais doadores interessados.

  • Eventos e Campanhas: A promoção de eventos e campanhas de arrecadação de forma online, com ferramentas para inscrição e participação, aumenta a visibilidade e o envolvimento da comunidade.

Principais ideias que surgiram

Transparência e impacto
Criar uma seção dedicada a histórias de impacto e testemunhos de pessoas ajudadas pela CASEM. Incluir relatórios financeiros e explicações detalhadas sobre o uso das doações.
Diversidade nas opções de doação
Oferecer múltiplas formas de doação (mensal, única, materiais, voluntariado).
Facilitar o processo de doação com diferentes métodos de pagamento.
Design responsivo
Garantir que o site seja totalmente responsivo e acessível em dispositivos móveis. Priorizar a rapidez no carregamento das páginas.
Integração com redes sociais
Facilitar o compartilhamento de conteúdos e campanhas diretamente do site para redes sociais. Implementar feeds de redes sociais para mostrar atualizações em tempo real.
Campanha de doações
Criar campanhas específicas com metas e barras de progresso para incentivar doações. Utilizar vídeos e gráficos para explicar a importância e o impacto das doações.
Facilidade de navegação
Desenvolver um layout intuitivo com menus claros e seções bem definidas.
Implementar uma função de busca eficiente para facilitar o acesso a informações específicas.
Engajamento comunitário
Criar um blog ou seção de notícias para manter a comunidade atualizada sobre eventos e atividades. Incluir uma seção de voluntariado com informações claras sobre como se envolver.
Interatividade e personalização
Implementar um sistema de agendamento online para doações e voluntariado. Incluir ferramentas de personalização para que os doadores possam escolher como e onde suas contribuições serão usadas.
Feedback e melhoria contínua
Implementar uma seção para feedback do usuário para contínua melhoria do site. Realizar testes de usabilidade periódicos para ajustar e otimizar a experiência do usuário.
Facilidade de contato
Tornar as informações de contato facilmente acessíveis em todas as páginas. Incluir um formulário de contato simples e direto para dúvidas e agendamentos.

Wireframe

Wf 001 1
Wf 003 1
Wf 005 1
Wf 002 1
Wf 004 1
Wf 006 1

Guia de estilo

Ag

Spartan 

Regular | Medium | Semibold

 

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 . , : ; ! ? @ # $ % & * ( )

Heading 3 48px

Heading 4 36px

Heading 5 28px

Heading 6 24px

Subtitle 20px

Button 20px

Body 20px

Caption 16px

OVERLINE 16px

#075985

#F7D003

#FEEC91

#15A5F3

#04354F

#FDE047

#FAFAFA

#0A0A0B

Protótipo final

Obrigada por ler meu

projeto até aqui!

Se tiver alguma dúvida ou sugestão,
fique à vontade para entrar em contato!

perottomsarah@gmail.com
002-removebg-preview 1
bottom of page