Back to Projects

Harmony UI

Design Tokens & Design system

HarmonyUI Design System

2024

Intuitive ans Scalable Typography

Components with UX first driven approach

WCAG 2.1 standards and accessibility with best practices.

Perfect crafted components with Properties

With HarmonyUi, you can click to adjust parts, easily switch between items, and change words. These features help even those new to design create beautiful work quickly and without fuss.

Pixel-perfect Icon Library

A clean and consistent icon set crafted specifically for modern UI design.

Auto Layout 5.0 components and pages

Helps to adjust designs as content changes with auto-layout. Buttons resize with text, lists adapt to items, and whole interfaces evolve easily. It's a tool for dynamic, ever-fitting designs

Overview

HarmonyUI is a custom design system I developed in Figma to streamline and enhance my freelance projects. It encompasses scalable UI components, thoughtful typography, spacing systems, color palettes, and ready-to-use interface templates. HarmonyUI's flexibility and modularity enable rapid assembly of high-quality products while maintaining a consistent visual style.

Role

Product Designer

Duration

8 weeks

Outcome

Design System

HarmonyUI in Real Projects

Leveraging HarmonyUI, I designed the interface for BookMaster, an admin panel for managing eBook sales. Tenzly enables authors and publishers to monitor sales statistics, manage licenses, connect custom domains, and analyze their audience using integrated analytics tools. Utilizing HarmonyUI's pre-designed components reduced development time by 40%, resulting in a clean and user-friendly interface.

The design system facilitated the creation of a modern and intuitive interface for Tenzly, adhering to UX principles and making analytics accessible even to non-technical users. Post-launch, Tenzly experienced a 25% increase in user retention, attributed to the improved user experience.

Last 30 days

Last month

This year

Last Year

All Time

More

March 2022

Mo

Tu

We

Th

Fr

Sa

Su

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

April 2022

Mo

Tu

We

Th

Fr

Sa

Su

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

Project Goal

Develop a universal design system that:

Ensures uniformity across all my projects.

Accelerates the design process through pre-built components.

Easily adapts to various products and styles.

Enhances collaboration between designers and developers.

Account Settings

Update your username and manage your account

Full Name

Adam Doe

Tags

Design system

UI

Resume

adam-cv-final.pdf

Replace

1,2MB

Save changes

Cancel

Problem Framing

In my freelance work, I frequently encountered issues such as inconsistent designs, redundant elements, and slow interface development processes. Creating UI from scratch for each new project was time-consuming and often led to visual discrepancies.