Instituto Muviar

Museu Virtual de Arte de Rua

Sobre o projeto

O Instituto Muviar tem como missão registrar e preservar a memória do grafite no Brasil, criando um banco de dados digital que documente obras e artistas de todo o país. Com sede no Paraná, o Instituto visa não só a preservação digital, mas também o fomento ao turismo cultural por meio do mapeamento de obras e exposições virtuais. Um dos principais produtos do projeto é o Guia do Grafite Legal, um manual para orientar artistas sobre a prática legalizada em diferentes municípios.

Desafio proposto

O projeto demandava a criação de um site responsivo, com base em layouts iniciais fornecidos por museólogos. No entanto, identifiquei problemas de padronização, alinhamento, hierarquia visual e consistência com a identidade do museu. O desafio era reorganizar esses elementos para garantir uma experiência de usuário coerente e intuitiva, mantendo a essência do projeto original.

Layout antigo

Processo de Design

Estrutura e fluxo de navegação

Desenvolvi um fluxo de navegação que fornece uma visão geral do conteúdo e das relações entre as páginas, ajudando a organizar a estrutura do site de forma lógica e acessível. Esse fluxo foi essencial para definir a arquitetura de informação do portal.

Moodboard e definição visual

Para reforçar a identidade visual do museu, criei um moodboard que serviu de base para definir a paleta de cores, a tipografia e os elementos gráficos principais. A tipografia foi escolhida para refletir o caráter urbano e moderno do grafite, enquanto as cores realçam o dinamismo e a criatividade da arte de rua.

Design de interface

Layout final

O layout foi padronizado com um grid de 12 colunas para manter a consistência visual entre as diferentes páginas. Reduzi as variações de formato de tela para simplificar a experiência de navegação. Utilizando Adobe XD e Illustrator, desenvolvi cinco principais layouts:

Descrição das imagens: página inicial; resultados de pesquisa; individual da arte; perfil do artista e página de publicações individuais

Funcionalidades específicas

• Guia do Grafite Legal: Uma seção dedicada a educar os artistas sobre as práticas legais de grafite em diferentes regiões.
• Mapeamento de Obras: Integração com mapas para localizar obras e incentivar o turismo cultural.
• Banco de Dados de Artistas: Perfis individuais para cada artista com biografias, obras e localização das peças.

Tecnologias e Desenvolvimento

Implementação técnica

Para o desenvolvimento do site, escolhi o WordPress como sistema de gerenciamento de conteúdo (CMS), utilizando o tema Underscores combinado com Bootstrap para uma estrutura responsiva e adaptável a diferentes tamanhos de tela. Todo o código foi escrito diretamente, sem o uso de plugins para layout, garantindo maior controle sobre a aparência e desempenho do site.

Adaptabilidade e Escalabilidade

A estrutura responsiva do site permite que ele seja acessado em diversos dispositivos, mantendo a integridade do design em qualquer resolução. O uso do WordPress também facilita futuras expansões de conteúdo e funcionalidades, dando ao Instituto Muviar autonomia para atualizar o site conforme necessário.

Conclusão

O Instituto Muviar – Museu Virtual de Arte de Rua tornou-se um portal robusto e acessível, que celebra a arte do grafite e apoia a preservação cultural por meio de tecnologia. O site não só documenta e exibe obras de arte urbana, mas também serve como uma ferramenta educativa e de incentivo ao turismo cultural. A reestruturação visual e organizacional garantiu uma experiência de usuário intuitiva, permitindo que o museu virtual cumpra sua missão de preservar e promover o grafite brasileiro.