Tiago Muller | Estudo de Caso do HYPD UI Kit

01

Pesquisa

Nesta fase, dediquei-me a pesquisar referências de outros sites de e-commerce, websites e aplicações que adotam o estilo brutalista. O objetivo era reunir inspirações de UI e identificar os elementos essenciais que são fundamentais para o sucesso de plataformas de e-commerce e sites institucionais.

01

Pesquisa

Nesta fase, dediquei-me a pesquisar referências de outros sites de e-commerce, websites e aplicações que adotam o estilo brutalista. O objetivo era reunir inspirações de UI e identificar os elementos essenciais que são fundamentais para o sucesso de plataformas de e-commerce e sites institucionais.

01

Pesquisa

Nesta fase, dediquei-me a pesquisar referências de outros sites de e-commerce, websites e aplicações que adotam o estilo brutalista. O objetivo era reunir inspirações de UI e identificar os elementos essenciais que são fundamentais para o sucesso de plataformas de e-commerce e sites institucionais.

02

Definindo Diretrizes

At this stage of the process, which is my favorite, I actively collaborate in creating elements, meticulously following style and usability guidelines. To achieve this, I always consider aspects such as user experience, visual coherence, and interactive consistency. I ensure that every decision aligns with the overall vision of the game, creating a seamless and engaging experience for players. This involves close teamwork with other designers and developers to refine and perfect each element, enhancing the player's immersion and enjoyment of the game.

02

Definindo Diretrizes

At this stage of the process, which is my favorite, I actively collaborate in creating elements, meticulously following style and usability guidelines. To achieve this, I always consider aspects such as user experience, visual coherence, and interactive consistency. I ensure that every decision aligns with the overall vision of the game, creating a seamless and engaging experience for players. This involves close teamwork with other designers and developers to refine and perfect each element, enhancing the player's immersion and enjoyment of the game.

02

Definindo Diretrizes

At this stage of the process, which is my favorite, I actively collaborate in creating elements, meticulously following style and usability guidelines. To achieve this, I always consider aspects such as user experience, visual coherence, and interactive consistency. I ensure that every decision aligns with the overall vision of the game, creating a seamless and engaging experience for players. This involves close teamwork with other designers and developers to refine and perfect each element, enhancing the player's immersion and enjoyment of the game.

03

Criando Elementos

Com as diretrizes estabelecidas, iniciei a fase criativa gerando inicialmente elementos e telas livremente. Em seguida, selecionei e refinei esses componentes, fortalecendo ainda mais as diretrizes. Além disso, utilizei percepções obtidas a partir de pesquisas sobre elementos essenciais para sites de e-commerce e institucionais como um guia adicional, garantindo que o design seguisse as melhores práticas e atendesse às necessidades identificadas.

03

Criando Elementos

Com as diretrizes estabelecidas, iniciei a fase criativa gerando inicialmente elementos e telas livremente. Em seguida, selecionei e refinei esses componentes, fortalecendo ainda mais as diretrizes. Além disso, utilizei percepções obtidas a partir de pesquisas sobre elementos essenciais para sites de e-commerce e institucionais como um guia adicional, garantindo que o design seguisse as melhores práticas e atendesse às necessidades identificadas.

03

Criando Elementos

Com as diretrizes estabelecidas, iniciei a fase criativa gerando inicialmente elementos e telas livremente. Em seguida, selecionei e refinei esses componentes, fortalecendo ainda mais as diretrizes. Além disso, utilizei percepções obtidas a partir de pesquisas sobre elementos essenciais para sites de e-commerce e institucionais como um guia adicional, garantindo que o design seguisse as melhores práticas e atendesse às necessidades identificadas.

04

Sistema de Design

Com o objetivo de manter um espaço de trabalho organizado e ter um sistema que seja fácil de editar, comecei sua criação a partir dos primeiros elementos aprovados. Isso facilitou o fluxo de trabalho e garantiu que a criação do sistema não se tornasse esmagadora em uma etapa posterior.

04

Sistema de Design

Com o objetivo de manter um espaço de trabalho organizado e ter um sistema que seja fácil de editar, comecei sua criação a partir dos primeiros elementos aprovados. Isso facilitou o fluxo de trabalho e garantiu que a criação do sistema não se tornasse esmagadora em uma etapa posterior.

04

Sistema de Design

Com o objetivo de manter um espaço de trabalho organizado e ter um sistema que seja fácil de editar, comecei sua criação a partir dos primeiros elementos aprovados. Isso facilitou o fluxo de trabalho e garantiu que a criação do sistema não se tornasse esmagadora em uma etapa posterior.

05

Transferência

Após criar e aprovar todos os elementos, adicionei instruções de uso, juntamente com dicas e exemplos para melhorar a experiência com o modelo. Em seguida, limpei e organizei o arquivo antes de publicá-lo no Gumroad.

05

Transferência

Após criar e aprovar todos os elementos, adicionei instruções de uso, juntamente com dicas e exemplos para melhorar a experiência com o modelo. Em seguida, limpei e organizei o arquivo antes de publicá-lo no Gumroad.

05

Transferência

Após criar e aprovar todos os elementos, adicionei instruções de uso, juntamente com dicas e exemplos para melhorar a experiência com o modelo. Em seguida, limpei e organizei o arquivo antes de publicá-lo no Gumroad.

HYPD

Visão Geral do Projeto

Desafios

My Role

Processo

01

Pesquisa

01

Pesquisa

01

Pesquisa

02

Definindo Diretrizes

02

Definindo Diretrizes

02

Definindo Diretrizes

03

Criando Elementos

03

Criando Elementos

03

Criando Elementos

04

Sistema de Design

04

Sistema de Design

04

Sistema de Design

05

Transferência

05

Transferência

05

Transferência

Mostra do Design Final

Outros Projetos

Varda

Varda

Site Dremica

Site Dremica