Happy path

_apenas um simples showcase de telas livres em ui design

Data de publicação

2024/2025

Meu papel

ui designer

Design System - Pão de Açúcar

Time
Yuri Andrei

Ferramentas
Figma, Figjam, Zeplin

introdução_

Ok. Ok. Sabemos que o design de interface é uma disciplina complexa, mas às vezes é bom relaxar e criar algo apenas pela exploração em si. Este projeto é um exemplo disso. O objetivo foi explorar livremente recursos visuais, interações e conceitos, criando telas digitais fictícias que testam ideias. Cada projeto é uma mistura de aprendizado, testes e, por que não, diversão, onde experimentei diferentes abordagens para entregar interfaces funcionais e visualmente atraentes.
ecomm ckeckout

01_ Nike checkout

Priorizei essa interface de forma com que fique claro a divisão de duas sessões: dados do pedido e pagamento. As informações estão organizadas de forma segmentada e sequencial, com fontes, cores e espaços que ajudam a deixar tudo visualmente fácil de entender.

No Figma usei a função de Auto Layout em vários módulos da interface, como os blocos de itens do pedido, resumo do pedido, e formulários, para garantir o alinhamento consistente e espaçamentos uniformes entre os elementos. Além disso, o Auto Layout foi configurado para permitir a expansão ou contração dos blocos

explrcity

02_ ExplrCity app (mid fid)

Aqui o chatGPT me passou um desafio de criar a interface de um aplicativo fictício chamado Explorer City (fiz um rebranding no nome para "ExplrCity"). As diretrizes foram para criar um app direcionado à exploração de cidades no que diz respeito à cultura, restaurantes, eventos, etc.

Optei por fazer um design em média fidelidade já que não nos aprofundamos em fluxo de usuário, enquadramento, mapa, e outros processos que pontuariam uma aplicação completa ou pelo menos um MVP.

webapp-desk

03_ Desktop WebApp

Aqui temos uma aplicação web direcionada ao mercado financeiro, com foco em oferecer ao usuário logado uma área para realizar simulações de investimento. A proposta do ChatGPT foi desenvolver uma tela que fosse ao mesmo tempo objetiva e agradável, priorizando a usabilidade e o conforto visual.

Escolhi uma divisão em containers modulados com componentes interativos e utilizei a cor azul para transmitir uma sensação de positividade financeira, conforto e sobriedade.