BitGin

We provided design and development services for Bitgin, it's a user-centric cryptocurrency exchange platform. Bitgin offers fast TWD to USDT conversions and a user-friendly experience, making it ideal for cryptocurrency beginners.

Service

Competitor analysis
Information architecture
Flowcharts
Wireframes

UI mockups
Design systems
Prototypes

Support Device

RWD

Designer

Product Designer

Jin

Product Designer

Flora

My Role

In this project, designer Flora and I analyzed competitors for BitGin, providing information architecture and flowcharts to outline the overall scope and functionality with the client and development team. I was responsible for designing the homepage, signup/login, trading page, and KYC process. Additionally, we defined the design system and user experience.

Workflow

Competitive Analysis

We analyzed two prominent Taiwanese cryptocurrency trading platforms, Maicoin and BitoEX, to leverage their user experience advantages in building a new platform. Our findings revealed:

Multi-currency trading platforms, requiring conversion of different currency rates, can be challenging for cryptocurrency beginners to understand.
The KYC process, essential for regulatory compliance, demands extensive personal information upfront, often deterring users from completing it.
Platforms with a serious and professional interface can intimidate first-time users, making them perceive the platform as complex and difficult to navigate.

Product Goal

Our goal is to create a cryptocurrency exchange platform that is user-friendly for beginners, with the following key objectives:

Single stablecoin to TWD exchange.
Gamified tier system for KYC, offering different functionality based on user levels.
Modular interface design to help users quickly understand different features.

Wireframe

We designed wireframes for both the website and mobile site homepages to ensure that the structure aligns with user and stakeholder requirements.

Flowcharts

We used flowcharts to discuss each feature's user flow, ensuring the accuracy of development content and that no step or branch in the process is overlooked.

Style Proposal

For the design style, we used BitGin's brand CIS to design the UI mockups, ensuring the website aligns with their corporate identity. Additionally, we created the preliminary design system simultaneously.

RWD &  Grid System

Before we started designing all UI pages, we defined the breakpoints and grid for different device sizes to establish the RWD layout.

UI Mockup & Flow

Based on the design system guidelines, we designed the entire cryptocurrency trading platform and provided the user flow. We simplified the language, clarified the UI, stream lined the steps, and added helpful tips.

Information Architecture

We developed an information architecture to facilitate communication with product managers and backend engineers, ensuring clarity on specifications, overall site functionality, and product scope.