AFFORD | Projeto de Web Design

No módulo anterior da matéria de Projeto (volume III) desenvolvemos, a partir do sorteio de um tema, uma revista onde definimos público-alvo, nicho de atuação e nome, com consequente criação da sua Marca e Identidade Visual.

Assim, criamos a Revista Afford que aborda o tema da Tecnologia direcionada para assuntos esportivos.

A AFFORD é uma marca que atende um segmento

específico do universo esportivo. Nosso público é

composto por pessoas de espírito livre e cheio de

adrenalina e esse interesse se expande para o que

eles desejam ler e ver.

Web design afford site Wearable app Internet magazine sport tecnology

O conteúdo apresentado sai do padrão das revistas que tratam sobre esportes. Criamos uma proposta sofisticada, que conversa diretamente com o que nosso público procura: grandiosidade e liberdade. Isso fica claro com o uso das grandes fotos, disposição do texto e conteúdo.

Para que o leitor sinta uma experiência única ao ler, a revista foi organizada em quatro eixos em que são expostos lugares diferentes, novas tecnologias, dicas e novidades e como viver de maneira saudável.

AFFORD MISSION:

O principal objetivo da AFFORD é mostrar como os esportes são dependentes da tecnologia, para manterem seu desempenho, e ao mesmo tempo torna a prática dessas atividades acessíveis para qualquer pessoa incluindo aquelas com algum tipo de deficiência física. Visamos também divulgar e dar explicações detalhadas sobre os esportes menos divulgados pela mídia, incentivando a prática de tais.

Abaixo, algumas páginas e conteúdos fixos da primeira edição da revista:

Revista Afford | Capa da Primeira Edição

Revista Afford | Propaganda

Revista Afford | Seção VAMOS

Revista Afford | Matéria

Revista Afford | Propaganda

Revista Afford | Matéria

Revista Afford | Seção E, AÍ?

Revista Afford | Coluna Assinada

Revista Afford | Onde Encontrar

Revista Afford | Propaganda

Revista Afford | Poema Visual

Dando continuidade, em Projeto IV nos foi proposto extender o universo criado para a revista e marca para além do impresso: para o Mundo Digital.

O site da revista Afford foi desenvolvido partindo da ideia de ser o conteúdo e a identidade da marca original adaptada para uma versão digital.

Para o início, baseamos a Arquitetura do site nos itens e divisões do sumário. E fomos acrescentando ou modificando conteúdos de acordo com a necessidade, tudo isso visando facilitar e agilizar a interação do usuário com o site.

Arquitetura da Informação (AI) | Construída a partir do sumário da Revista Afford

Visualmente, a adaptação para o site teve muita inspiração na linha inferior que completa a marca “Afford”. Em muitas das páginas, podemos observar elementos

como linhas grossas ou retângulos coloridos (ou com imagens) que além de marcarem esse estilo próprio, podem também fazer referência, na cor, se o conteúdo apresentado é uma matéria ou algum texto de eixo/seção.

A cor complementar “areia” está presente em todas ou quase todas as páginas do site. Na revista era aplicado como cor de fundo, mas no site além de fundo, passou a ser aplicado no menu lateral, além dos escritos dos botões e complemento em ícones

para a marca.

Site da Afford | Vídeo de Usabilidade e Navegação

Seguindo essa linha de praticidade, optamos por um menu único e lateral, que acompanha toda a navegação, inclusive quando rolamos a página do site. Com

um botão ai final de “voltar-ao-topo”, a página pode ser retornada a qualquer

momento para sua posição inicial.

Site da Afford | Mockup da Home

Acompanhando a identidade visual e posicionamento da Marca Afford, temos os produtos oficiais comercializados no e-commerce do site. E, de alguma forma, a criação e/ou confecção dos produtos necessitou da tecnologia, seja por ser algo inovador/novidade ou pela preocupação com o meio ambiente.

Um dos wearables da “Afford” é a pulseira desenvolvida especialmente para melhorar

a segurança de quem é um amante do surf. Com um pequeno dispositivo embutido em seu interior, faz uso da tecnologia “shark protection” que emite incômodos pulsos eletromagnéticos, então captados pelos predadores. Assim, é garantido segurança tanto para a pessoa quanto para o animal que não precisa ser predado nem por motivos de segurança.

E-commerce Afford | Shark Protection

E-commerce Afford | Shirt Black & White

E-commerce Afford | Marca Passos

E-commerce Afford | Eco Copo

O App da revista Afford é o outro canal digital por onde os clientes da revista podem acessar o conteúdo publicado na versão impressa, além de informações

sobre a marca e a compra de exemplares/assinaturas. Além de notícias que tem na revista, fórum de dúvidas e bate-papo, e-commerce), marketing place e galeria.