PROJECTUBE - Design System

An online platform helps users easily access organizations and events that suit their needs.

— LOGO

I designed 2 version of Projectube’s logo.

The 2D logo version is displayed at the left corner of the interface and it also serves as a shortcut for users to navigating back to the homepage. The 3D logo version is used for the Sign-in/ Sign-up page.

The Projectube logo is designed in 3D

— COLOR IDENTITY

I designed 2 version of Projectube’s logo.

The 2D logo version is displayed at the left corner of the interface and it also serves as a shortcut for users to navigating back to the homepage. The 3D logo version is used for the Sign-in/ Sign-up page.

I use Circular Std Font to create a friendly and clean layout

— TYPOGRAPHY

I applied the "4pt Grid System" consistently throughout the product design instead of the "8pt" one to allow for maximum customizability in spacing.

This principle makes the design more uniform and systematic by using multiples of 4. This principle is also applied in Google and Apple design. However, we don't rigidly apply this to all design components.

— BUTTONS

↪ OTHER UX PROJECTS

Buttons and other icons are designed in both modes: Not Ready and Ready. Besides, buttons are primary and secondary.

Intern @ Viettel Digital

Designing a new service for Viettel Money app, car-renting features

UX Research

Product Launch

UX Design

A platform that helps users convert different sources into audio-based podcasts

UX Research

Case Study

Product Design