Tiago Muller | HYPD UI Kit Case Study

01

Research

In this phase, I dedicated myself to researching references from other e-commerce sites, websites, and applications that adopt the brutalist style. The goal was to gather UI inspirations and identify the essential elements that are fundamental to the success of e-commerce platforms and institutional websites.

01

Research

In this phase, I dedicated myself to researching references from other e-commerce sites, websites, and applications that adopt the brutalist style. The goal was to gather UI inspirations and identify the essential elements that are fundamental to the success of e-commerce platforms and institutional websites.

01

Research

In this phase, I dedicated myself to researching references from other e-commerce sites, websites, and applications that adopt the brutalist style. The goal was to gather UI inspirations and identify the essential elements that are fundamental to the success of e-commerce platforms and institutional websites.

02

Defining Guidelines

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

Defining Guidelines

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

Defining Guidelines

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

Creating Elements

With the guidelines established, I began the creative phase by initially generating elements and screens freely. I then selected and refined these components, further strengthening the guidelines. Additionally, I used insights gained from research on essential elements for e-commerce and institutional websites as an additional guide, ensuring that the design adhered to best practices and identified needs.

03

Creating Elements

With the guidelines established, I began the creative phase by initially generating elements and screens freely. I then selected and refined these components, further strengthening the guidelines. Additionally, I used insights gained from research on essential elements for e-commerce and institutional websites as an additional guide, ensuring that the design adhered to best practices and identified needs.

03

Creating Elements

With the guidelines established, I began the creative phase by initially generating elements and screens freely. I then selected and refined these components, further strengthening the guidelines. Additionally, I used insights gained from research on essential elements for e-commerce and institutional websites as an additional guide, ensuring that the design adhered to best practices and identified needs.

04

Design System

With the goal of maintaining an organized workspace and having a system that is easy to edit, I started its creation from the first approved elements. This facilitated the workflow and ensured that creating the system would not become overwhelming at a later stage.

04

Design System

With the goal of maintaining an organized workspace and having a system that is easy to edit, I started its creation from the first approved elements. This facilitated the workflow and ensured that creating the system would not become overwhelming at a later stage.

04

Design System

With the goal of maintaining an organized workspace and having a system that is easy to edit, I started its creation from the first approved elements. This facilitated the workflow and ensured that creating the system would not become overwhelming at a later stage.

05

Handoff

After creating and approving all the elements, I added usage instructions, along with tips and examples to enhance the template experience. I then cleaned up and organized the file before publishing it on Gumroad.

05

Handoff

After creating and approving all the elements, I added usage instructions, along with tips and examples to enhance the template experience. I then cleaned up and organized the file before publishing it on Gumroad.

05

Handoff

After creating and approving all the elements, I added usage instructions, along with tips and examples to enhance the template experience. I then cleaned up and organized the file before publishing it on Gumroad.

HYPD

Project Overview

Challenges

My Role

Process

01

Research

01

Research

01

Research

02

Defining Guidelines

02

Defining Guidelines

02

Defining Guidelines

03

Creating Elements

03

Creating Elements

03

Creating Elements

04

Design System

04

Design System

04

Design System

05

Handoff

05

Handoff

05

Handoff

Final Design Showcase

Other Projects

Varda

Varda

Dremica Website

Dremica Website