Crypto UI + Visual Design Case Study

Project Scope + Research

This was a unique project commissioner by the Dribbble Product Design Certificate where I played the role as the primary UI + Visual Designer. In this role it was important to have a clear understanding of the brand, the user, and the product.

I also needed to take what was provided as wireframes and take them further into lofi and then high-fidelity mockups and a simple prototype. The scope was around creating an MVP mockup that was able to be pitched to investors.

Target Persona

Mood Board + Visual Research

The following are representations of some of the research journey that I embarked on.

Typography Exploration

Below are the main contenders for typography during the visual design phase.

Color Exploration

The following are the main color pallets that were considered.

Design System

The following are some of the key design elements, system components, and ideas that were used in creating a scaleable and dev-friendly product. These are represented in the sticker sheet below. The focus is to drive design and creativity while also providing a clear path forward for the dev team.

Information Architecture + User Journey

The following is a high-level overview and preview of the product and the interaction with the potential user.

Wireframes Provided

The following are a rough and initial digital representation of the interface and the design of the project. The focus is to showcase the base design elements and ensure integrity on the foundation of the interface. Color is omitted but brainstorming and ideation is permitted.

Lofi Mockups

The following are a rough and initial digital representation of the interface and the design of the project. The focus is to showcase the base design elements and ensure integrity on the foundation of the interface. Color is omitted but brainstorming and ideation is permitted.

High Fidelity Mockups

These are the final screens and representations for the main user flow.

Iteration Design based on User Testing

Final Deliverables

Research Report

Wireframes

Lofi Mockups

High Fidelity Mockups

Iteration Design

Final Deliverable Package + Prototype

More by Nate K

View profile