entre_
// site responsivo para um museu de arte pública, 2024
projeto de ux/ui criado para um museu de arte pública fictício, que oferece exposições, teatro e oficinas, seguindo o processo do design thinking.
função_ux/ui design
projeto de ux/ui criado para um museu de arte pública fictício, que oferece exposições, teatro e oficinas, seguindo o processo do design thinking.
Criado no Figma
estudo de caso ::
a seguir o resumo do estudo de caso deste projeto [em inglês], estruturado de acordo com o processo de design thinking. importante notar que este processo não é linear, e sim orgânico. as fases de pesquisa e teste ocorrem ao longo de todo o processo de design.
como este é um museu fictício, as fases de empatia e definição foram baseadas em usuários e necessidades também fictícias. no entanto, a análise competitiva e o teste de usabilidade foram realizados com possíveis concorrentes e usuários reais.
wireframes e protótipo de baixa fidelidade ::
assim que as necessidades e o fluxo de usuários foram compreendidos, foi criado um sitemap simples e hierárquico para delinear a arquitetura da informação essencial do site.
o processo de brainstorm começou com papel e caneta, esboçando várias possibilidades para cada uma das telas mais importantes. uma vez definida a estrutura de design, os principais wireframes e telas adicionais foram digitalizados. para transformá-los em um protótipo funcional de baixa fidelidade, todas as telas e botões foram vinculados ao seu respectivo fluxo de navegação.
mockups e protótipo de alta fidelidade ::
a intenção para a aparência e a sensação do site foi de criar algo clean e acessível. as principais escolhas de design incluíram o uso de espaço negativo, alto contraste e textos em tamanho grande, além de apresentar apenas as informações mínimas necessárias. um kit de design, incluindo a paleta de cores, tipografia e botões primários, foi criado para garantir a consistência em todo o design.
os mockups foram elaborados após as correções dos wireframes, baseado em insights coletados nos diagramas de afinidade, feitos após os estudos de usabilidade de baixa fidelidade. mais uma vez, para transformar os mockups em um protótipo funcional de alta fidelidade, foi necessário vincular todas as telas e botões.
design responsivo ::
projetar para diferentes tamanhos de tela é essencial para garantir que os usuários tenham uma experiência contínua em qualquer dispositivo. além da tela do computador [1512px], algumas telas também foram criadas para o tamanho de tablet [834px] e telefone [360px] para avaliar como o design se comporta em vários dispositivos.
próximos passos ::
realizar outra rodada de estudos de usabilidade para testar o protótipo de alta fidelidade, bem como para testar os outros dispositivos. em seguida, concluir a criação de todas as telas para todos os dispositivos, finalizando o processo de design.
+++ ux writing ::
foi elaborado o copy para os títulos principais e os textos de call-to-action. além disso, para os textos maiores, foram incorporados textos de preenchimento, a partir de lorem ipsum ou conteúdo gerado por IA.