top of page

Daily UI

UI/UX Design

Desafio

Daily UI é uma série de desafios de design enviados todos os dias por e-mail.

Objetivo

Melhorar as habilidades de UI em 100 dias.
Todos os dias fiz um moodboard de inspirações e
rabiscoframes para concluir o desafio.

Sign Up

#001

Criação de uma página de inscrição. Fiz uma página que pode ser o cadastro de uma rede social ou de um sistema.

Imagem.png

Checkout de Cartão de Crédito

#002

Criação de um formulário ou página de pagamento para cartão de crédito. Fiz o design de uma página em dark mode.

Imagem (1).png

Landing Page

#003

Criei uma landing page para venda de um livro, considerando os elementos mais importantes (títulos, botões de call to action, tipografia, clareza, etc.)

Imagem.png

Cálculo

#004

Criação de um elemento ou interface de cálculo. Fiz o design de uma calculadora pensando nas cores da Kuromi, personagem da Sanrio.

Imagem (3).png

App Icon

#005

Criação de um ícone para o aplicativo. 
Fiz o ícone para um app do estúdio de design Trambel.

Imagem (2).png

Perfil de Usuário

#006

Criação de um perfil de usuário e leve em consideração os dados mais importantes, como nomes, imagens, posicionamento, etc. Fiz o design de uma rede sociais para fotos.

Imagem2 (1).png

Configurações

#007

Design de configurações para algo. 
Criei as configurações e preferências de conta de uma rede social.

Imagem2.png

Error 404

#008

Criação de uma página de erro. 
Fiz o design de uma página seguindo o layout da landing page do livro. O texto avisa e auxilia o usuário no que fazer para retornar do erro.

Imagem (1).png

Player de música

#009

Criação de um player de música ou podcast. Fiz o design de um player mobile seguindo a estética do albúm Brat, da Charli xcx.

Imagem2 (1).png

Social Share

#010

Criação de um compartilhamento em redes sociais. Optei por fazer o compartilhamento de uma rede social de fotos.

Imagem2 (2).png

Flash Message

#011

Criação de mensagem flash para erro, aviso e sucesso.

Imagem3.png

E-commerce

#012

Criei uma página para um e-commerce de produtos feitos à mão.
A página possui fotos, descrição, variação de tamanhos, cálculo de frete e número de itens.

Imagem (1).png

Mensagem Direta

#013

Criar um aplicativo de mensagens diretas, perfil ou caixa de bate-papo. Considerando as partes envolvidas nas mensagens, as imagens, o posicionamento e o contexto das mensagens.

Imagem.png

Timer Countdown

#014

Fiz um countdown para um lançamento, com horas, minutos e segundos restantes.

Imagem (2).png

Switch

#015

Criei duas opções de switches que utilizam posição, cor e símbolo ou texto para identificar o estado.

Imagem3 (1).png

Pop-up ou Overlay

#016

Fiz um modal para upload de arquivos, uma versão que se adapta de mobile para web.

Imagem (4).png

Recibo de E-mail

#017

Criei um recibo de compra por e-mail para a marca de chocolates veganos Super Vegan.

Imagem (1).png

Gráfico de Analytics

#018

Fiz o design de um analytics de acesso de usuários a uma rede social, no dark mode.

Imagem2 (1).png

Tabela de classificação

#019

Criei o design de uma tabela de classificação de um jogo com destaque para os 3 primeiros colocados.
A tabela possui colocação, foto, nome, nome de usuário e pontos de XP.

Imagem2.png

Rastreador de Localização

#020

Fiz uma tela web para uma calculadora da envio e rastreio de encomendas.

Imagem (1).png

Painel de Monitoramento

#021

Criei um painel de visualizações de acesso a um site, com gráficos de linha, barras e tabelas.

Imagem (2).png

Busca

#022

Fiz o design web e mobile de um campo de busca que funciona enquanto o usuário digita.

Imagem (3).png

Onboarding

#023

Criei o onboarding para um aplicativo de aprendizado. A tela permite navegar entre slides, passar para o próximo ou pular.

Imagem (4).png

Vamos trabalhar juntos?

bottom of page