DESAFIO 7 SEMANAS DE INTERFACE
Desafio que inventei pra fazer interfaces! ٩(｡•́‿•̀｡)۶
7 WEEKS UI CHALLENGE
[Olhe semanalmente para ver as novidades] =)
Inventei este desafio como uma ideia para testar minhas habilidades de criar interfaces, adicionar ao meu portfólio Uis de diferentes estilos - o mais rápido que eu conseguisse - e para entender mais sobre meu tempo de desenvolvimento. A não ser pelas fontes, tudo é desenvolvido por mim: ícones, ilustrações, etc. Veja os resultados semanais!
(As imagens podem ser aumentadas ao clicar, experimente =D)!
Desafio 1:
App para verificar e acompanhar vitaminas!
Desafio 1 - App para verificar suas vitaminas!
ビタミンのアプリ
Para este primeiro desafio, escolhi uma interface fofa e divertida para essa ideia de app: acompanhe seu consumo diário, mensal e/ou anual de vitaminas, com dicas para ficar mais saudável e ideias de receitas! Levei apenas dois dias para completar esta interface/UI, e por isso, já posso começar a próxima etapa do desafio!
* "オランジジュースーをのんでください！" / "Por favor, beba suco de laranja!"
• Estilo: Estilo japonês kawaii, vetores fofos, app colorido e divertido!
• Papéis no projeto: Pesquisa, direção criativa, UI design, UX design (Boas práticas de UX como botões fáceis de serem clicados/acessados, telas intuitivas e número mínimo de botões de ação).
• Adicionaria no app: Opção para mudar de idioma, mais vitaminas e uma entrada para exposição solar diária, para que o app pudesse mostrar quanto está recebendo diariamente de vitamina D.
• Tempo de produção: 2 dias.
Desafio 2:
Planner/organizador de atividades e saúde dos Pets!
Desafio 2 - Organizador de atividades e saúde dos Pets
Para a segunda semana do desafio, segui a estética fofa - mas muito mais minimalista do que o design anterior - para esta ideia de aplicativo: é um organizador de atividades/acompanhamento de saúde para animais de estimação, que você pode personalizar de acordo com as necessidades do seu pet! Essa interface do usuário tem cores pastéis suaves para evocar a alegria de ter um animal de estimação, mas tentando se aproximar dos estilos de aplicativos modernos.
• Estilo: Vetores fofos, ilustrado.
• Papéis no projeto: Pesquisa, direção criativa, UI design, UX design (Boas práticas de UX como botões fáceis de serem clicados/acessados, telas intuitivas e número mínimo de botões de ação - dessa vez, a hierarquia de importância de ações é determinada pelo tamanho e cores dos botões).
• Adicionaria no app: Opção para mudar de idioma, e mapa para pet shops/veterinários nas proximidades.
• Tempo de produção: 4 dias.
Desafio 3:
Planejador para
Home Office!
Desafio 3 - Planejador para Home office!
Para a terceira semana, me desafiei a chegar num resultado mais minimalista, clean e de tonalidades mais simples para esse conceito de app: Um planejador/organizador para ajudar no trabalho remoto! Essa foi a UI mais difícil do desafio pra mim até o momento, porque tenho muito mais costume de desenvolver designs ultra coloridos, cheios de detalhes e com mais cara de "games" haha, então foi diferente tentar manter o mais minimalista possível (que ao mesmo tempo fosse amigável, afinal para um app de trabalho, acredito que seria incrível uma interface que me deixasse feliz de usar e fosse menos séria; e, ao mesmo tempo, tranquila e fácil de usar).
• Estilo: Minimalista, estilo clean.
• Papéis no projeto: Pesquisa, direção criativa, UI design, UX design (Boas práticas de UX como botões fáceis de serem clicados/acessados, telas intuitivas e número mínimo de botões de ação).
• Adicionaria no app: Opção para mudar de idioma, calendário e planejador semanal.
• Tempo de produção: 5-6 dias (tive dificuldade para inventar e desenhar os ícones e a wireframe dessa vez; e também em manter mais clean e minimalista haha Mas gostei dos resultados)!
Desafio 4:
VIDEO STREAMING
Desafio 4 -Video Streaming UIs
Você já ficou frustrado com algumas decisões de plataformas de streaming? Lol às vezes eu fico, então para a quarta semana do desafio, eu tentei reimaginar uma interface de usuário de desktop de streaming de vídeo/filmes/série e a versão app também. Parte da inspiração veio de um professor especial que tive, então em homenagem ao querido professor de cinema; espero que ele goste e que esteja descansando em um lugar maravilhoso no céu! Saudades de você e das suas aulas incríveis, professor! Muito obrigado!
• Estilo: Moderno.
• Papéis no projeto: Pesquisa, direção criativa, UI design, UX design (Boas práticas de UX como botões fáceis de serem clicados/acessados, telas intuitivas e número mínimo de botões de ação).
• Adicionaria no app: O menu "Minhas Listas", no qual o usuário pode personalizar e salvar vídeos/filmes/séries nas pastas que desejar. Sério, por que não fazem isso logo? hahaha
• Tempo de produção: 4-6 dias (Eu realmente perdi a conta com este, o wireframing foi muito difícil nos primeiros dias! Mas nos últimos 2 dias de trabalho foi fluindo com mais facilidade; quanto orgulho dos resultados)! (´｡• ω •｡`)
Challenge 5:
CUTE GAME UI
Challenge 5 - Kawaii Game UI
Esse é um terreno comum pra mim: UI de game fofa/kawaii, tema de doces e tons pastéis! Eu costumava fazer interfaces de games na faculdade, então esse foi bem fácil haha, embora tenha demorado um pouco mais para trabalhar nos detalhes e nomear o jogo xD
• Estilo: kawaii.
• Papéis no projeto: Pesquisa, direção criativa, UI design, UX design (Boas práticas de UX como botões fáceis de serem clicados/acessados, telas intuitivas e número mínimo de botões de ação).
• Adicionaria no app: Mais níveis de jogo, cores diferentes para os marshmallows, uma tela fofa para subir de nível!
• Tempo de produção: 2~3 dias.
Challenge 6:
2000's Futuristic Calculator
Challenge 6 - 2000's Futuristic Calculator
Neomorphism inspired calculator
A UI/UX designer colleague made a calculator UI and I wanted to try one too! I was inspired by the neomorphism trend; and as I know there's many calculators UIs made in this neomorphic aesthetics, I wanted to also add a 2000's futuristic twist to it, with UX good practices (easy to reach buttons, wide screen with math memory) and modern, universal solutions (as the action button icons - easy to comprehend). I remember these stylized, rounded shapes being so very popular! I hope you feel good nostalgia through this design! =)
• Style: Neomorphism inspired, with 2000's futuristic aesthetics. Light and dark mode.
• My role in this project: Research, creative direction, UI design, UX design.
• I'd add in the actual app: scientific mode, currency converter.
• Days to develop: 1 day