Desafio na etapa de teste para o cargo de UX/UI Designer.
Objetivo:
Projetar as interfaces de home e de um evento com as variações
e conteúdos que julgar necessário.
Projetar as interfaces de home e de um evento com as variações
e conteúdos que julgar necessário.
Ferramentas utilizadas:
Figma | Adobe Color | Whimsical
Figma | Adobe Color | Whimsical
Etapas:
• Entendimento do desafio
• Refino nas cores, levando em consideração a validação de acessibilidade
• Definição de tipografia e iconografia
• Criação e desdobramento dos componentes para utilização no layout
• Estruturação do wireframe nas duas versões (mobile e desktop)
• Design de interface com uso de identidade visual e componentes criados
• Refino nas cores, levando em consideração a validação de acessibilidade
• Definição de tipografia e iconografia
• Criação e desdobramento dos componentes para utilização no layout
• Estruturação do wireframe nas duas versões (mobile e desktop)
• Design de interface com uso de identidade visual e componentes criados
Definições Visuais e Criação de Componentes
As cores originais da marca precisaram passar por um leve refino para ter a validação de acessibilidade aprovada. Além disso, foi definida uma tipografia para ser utilizada em todo o projeto, aplicando variações de peso e espaçamento previstas no layout. A iconografia utilizada reforçou figuras já conhecidas pelos usuários, trazendo também o símbolo da marca como um dos elementos para reforçar sua imagem junto ao público, referindo-se a categoria Ingresso.
Estruturação do Wireframe
Desenvolvimento das Telas
Meu objetivo com a proposta foi de tornar mais evidente para o usuário alguns pontos que deveriam chamar sua atenção no layout, como a busca, a cidade que ele está explorando e as principais informações de um evento. Além disso, quis atrelar também um apelo de marketing com o uso de uma chamada para reforçar o branding da marca junto ao público: "Sempre é muito mais que um evento", passando a ideia que ele encontrará no site uma verdadeira experiência.
Outros recursos visuais também foram utilizados para atrair a atenção do usuário e garantir maior tempo de tela e interação com o seu conteúdo: recomendações com base em filtros e banner incentivando o cadastro para indicações baseadas no perfil mapeado.
Aprendizados
Por mais que este projeto tenha sido um teste, sem que de fato fosse possível verificar com o usuário a sua aplicação, foi interessante o exercício de propor o redesign para algo que já existe e no meu ponto de vista, possui diversas oportunidades de melhoria.
