SurfSet

O desafio proposto pela Ironhack foi criar um projeto editorial de web design, onde pudessem ser escolhidos formatos desktop ou para dispositivos móveis. O tema e o público-alvo poderão ser escolhidos livremente.

Após pesquisa, decidiu-se criar uma revista online para os amantes do surf, inicialmente para dispositivos móveis.

Surfset – o seu cenário no mundo do surf – destina-se a pessoas com espírito aventureiro, entusiastas e praticantes do surf.

Academic project made during
the UX UI Bootcamp Course
with the participation of
the student Sandra Thesi 
 
INSTITUIÇÃO
Ironhack – São Paulo, SP, Brazil
 
TIPO DE TRABALHO
Remoto
 
PERÍODO
Abril a Junho de 2022
 
ENTREGÁVEIS
Research, styleguide, high fidelity
prototype  

Link do protótipo interativo no Figma disponível nas versões do site para desktop e tablet.

O Desafio

Criar uma revista digital que reúna as informações mais relevantes relacionadas à navegação em uma interface intuitiva e amigável.

Permitir que o usuário interaja com o site como se fosse um aplicativo instalado em seu celular, tornando a experiência do usuário mais agradável.

A Solução

A Surfset almeja ser a principal fonte de informação sobre o surf. Pretende ser inovador, informativo, moderno, radical, objetivo e eficiente.

Oferece notícias, cultura, entretenimento, estilo de vida, previsão do tempo e condições do mar para a prática do surf.

Possibilidade de salvar e compartilhar artigos. Opção de criação de usuário para receber novidades por e-mail.

O Processo

Benchmarking and Glow and Grow analysis: reference study of other online magazines to identify the pros and cons on their layouts and user experience.

Diagrama de Afinidade: análise e agrupamento de insights semelhantes para ajudar a definir melhor a solução.

Persona: identificação dos aspectos pessoais, sociais, profissionais e comportamentais que podem influenciar as características do produto.

Moodboard: criação de tabela com referências visuais que serve de guia para definição de cores, formas, grade e demais elementos da identidade visual do produto.

Guia de Estilo: configurações de fontes e cores definidas a partir da pesquisa realizada.

Contato

PT