Creating Your Own Style with Levels UI
Modular Design System built for learning.
CHALLENGE
Young designers lack the experience to be hired from the workforce
Building components from scratch for every design is exhaustive and inefficient
Existing design systems are too complex which makes it difficult to adapt to your own style
OPPORTUNITY
To create your own library of modular and interchangeable components
To get ahead of the curve by performing industry level work through interactive workshops
TIMELINE
May 3rd December 2023 - Present
MY ROLE
Product Designer, Product Manager
RESPONSIBILITIES
Founder
Branding
Product Designer
Graphic Design
TECH STACK
What is Levels UI?
Levels UI is a modular design system and educational kit created to empower students, beginners, and professionals to quickly prototype and build user interfaces. The platform is designed specifically for those who want to learn UI design, master Figma, and create standout projects—such as portfolios or landing pages—without needing extensive prior experience.
A Modular Design System
Levels UI provides a flexible collection of ready-to-use components and templates that can be mixed, matched, and customized in Figma. This allows users to rapidly assemble professional-quality interfaces for web and mobile projects.
Educational Kit
Beyond the design assets, Levels UI offers a suite of learning resources, including workshop guides, tutorials, and design education content. These resources are crafted to help users build practical skills, deepen their understanding of UI principles, and confidently tackle real-world projects.
Supporting Resources:
Users also gain access to templates, step-by-step project guides, and curated exercises—all aimed at making the learning and creation process accessible and engaging.
Target Audience
Levels UI is a modular design system and educational kit created to empower students, beginners, and professionals to quickly prototype and build user interfaces. The platform is designed specifically for those who want to learn UI design, master Figma, and create standout projects—such as portfolios or landing pages—without needing extensive prior experience.
Beginners, Students or Junior Designers
Just getting started in UI/UX Design and want to take a leap in your career? Learning what the industry does and practising it will be the best preparation for your first job.
One-off Project Designers
Whether it is a Landing Page for your business, your Portfolio or Hackathon project. The Levels UI Design system caters for quick and easy design.
Educational Institutions
Specialised in teaching the Design principles but don’t have the resources to teach the ever changing practical skills and tools? Let Levels UI handle that for you while being cost-effective.
Why was Levels UI Created?
Current Phase
There is no quote unquote final designs for Levels UI, as it is a progressive addition every day and every project by continuously adding to the component library.
Currently we have just launched Level 1: Foundations focusing on Typography, Colours and Spacing. These fundamentals and terminology must be known before moving forward to understand the next phase of Level 2: Components
What I learnt as a Founder
Not everything will go as plan, no matter how much planning I did, there still were unexpected things along the way. The best way is to prepare as much as you need to launch, go for it and be ready to adapt. Starting the business is the short-term obstacle where as keeping the business going is the long-term challenge. These are the traits that allowed me to launch in the first place:
Multi-skilled in different aspects of the business ~ Product Management, Product Design, Graphic Design and Frontend Development
Being adaptable, I was not wearing all hats at once, there were times where one aspect was needed more than the others
Always ready to learn ~ keeping up with the market trend, the competition, marketing strategies, these were all things that I had to add to my skill set for this project
