Visão Geral Aimores Telesys Sindilub Petrol Magik JC Galeria RW Estúdio Contato

ESTÚDIO

SOBRE ESSA PÁGINA: Nem sempre um projeto exige todas as etapas do processo, pois muitas vezes o cliente necessita apenas de uma rápida ideia para determinada sessão do seu app/site. Abaixo, mostro algumas sugestões e ensaios que fiz de forma mais "solta", apenas focando nos conceitos de comunicação e UI. Dependendo do caso, nem chego a prototipar, apresento apenas um PDF com as imagens explicativas, feitas em software gráfico e não de UX (Adobe Illustrator ou Photoshop mesmo).

PROJETOS A SEGUIR:  Playground  |  Trix  |  Pets Etc.


PLAYGROUND

Projeto feito para ensaio de e-commerce, em versão mobile. O briefing pedia a criação de um conceito qualquer, desde que apresentasse a seguinte estrutura: HEADER (menu burger, logo, barra de pesquisa, sacola/carrinho); MENU LATERAL (lista de categorias da loja); BANNER PRINCIPAL (carrossel com imagens placeholder); BARRA DE VANTAGENS (mínimo de quatro); NOVIDADES (prateleira de produtos); BANNER MEIO (ao menos dois com tema livre); PROMOÇÕES (mínimo de quatro produtos); BANNER FIM (apenas um placeholder); CADASTRO NEWSLETTER (nome, email e botão para enviar); FOOTER (outras páginas e redes sociais).

Esse projeto foi feito do zero, ou seja, eu que escolhi o tema (brinquedos), criei o nome da loja, seu branding, seus banners de comunicação e prototipei a tela de acordo com a ordem do briefing. Para tal, foram usados os programas Adobe Illustrator, Photoshop e XD. As fotos peguei aleatoriamente no Google.







Ver o vídeo no Youtube: LINK
Controle você mesmo a navegação deste protótipo, no XD: LINK

Menu
TRIX

Nesse caso foi pedido um estudo de imagens que ilustrassem o menu explicativo do produto. Os três temas eram: CONTA DIGITAL; NOSSAS CARTEIRAS; e TIME DE ANALISTAS. Além desse menu, também foram feitas mais duas imagens para as telas de "sua tarefa foi realizada com sucesso". Eu então apresentei à empresa três conceitos diferentes (para cada grupo de cinco telas): O primeiro, foquei no "all type", ou seja, apenas texto - busquei palavras relacionadas ao tema e as arrumei graficamente. O segundo, desconstruí o logotipo da empresa, usando suas "paredes" e cores para inserir uma iconografia que fizesse sentido com o ítem do menu. E finalmente, a terceira opção era baseada em fotografias (todas de banco gratuito de imagens). Em relação aos textos, também modifiquei para ajustar melhor às novas figuras.

Foram usados os programas Adobe Illustrator, Photoshop e nesse caso, o Figma. CLIQUE AQUI para ver o PDF da apresentação entregue ao cliente.


Solução All Type:


Solução com Ícones:



Solução com Fotografias:




Menu
PETS ETC.

Este mini projeto é puramente acadêmico, foi feito para o curso de UX da Google, focando no layout de tela, paleta de cores, tipografia e iconografia do app.







rogerweikers.com - 2024 Copyright ©

Home | Visão Geral | Aimores | Telesys | Sindilub | Petrol | Magik JC | Galeria RW | Estúdio | Contato | Topo |