Enhancing Lumity:
Product Redesign for an Optimized Learning Experience
Lumity is an information sharing platform to engage in positive, productive content with your like-minded, growth-oriented learning community. Users can track and share what they are learning, and view other people’s learnings to witness their growth in real time. Their goal is to build a community of curious thinkers committed to lifelong learning.
This project involved the redesign of the Lumity application, with the goal to increase usability, improve consistency in design, and build user engagement through exploration and community features.
Team
Myself + 3
Duration
16 Weeks
Tools
Skills
Lumity
The Challenge
Lumity is a platform for sharing learning journeys and building community around lifelong growth. However, the original app struggled with:
Fragmented navigation between personal learning and community features
Inconsistent visuals and interaction patterns
Overwhelming content interactions that hindered user engagement
A lack of unified spaces for note-taking, learning, and social connection
How might we transform Lumity into a unified, engaging platform that seamlessly connects personal learning and community experiences?
The Solution
Redesign Lumity to:
Create seamless navigation between personal, exploratory, and community spaces
Establish a consistent visual and interaction system
Simplify complex workflows and reduce cognitive load
Encourage user engagement through clearer pathways and community features
Design Approach
An end-to-end UX process combined research, testing, and design:
Research & Insights: Explored user needs through interviews, ecosystem mapping, and competitive analysis
Design Strategy: Defined principles focused on clarity, consistency, and community engagement
Architecture Redesign: Simplified navigation and information structure for intuitive use
Prototyping & Testing: Built and tested prototypes to validate usability and refine designs
Design System: Developed scalable UI components for visual consistency and future growth
What did we want to accomplish?
First step was mapping how to execute the redesign within our limited sprint window.
Exploratory Research
Research methods
Employed a range of research methods to identify and analyze key focus areas for a learning platform.
Psst! If you want to dive deeper into how we approached each research methodology It's documented in our workspace on Figma
Key insights
These methods provided valuable insights that informed design decisions to ensure that solutions effectively addressed user needs and pain points. (These insights are consolidated in the table below).
A closer look at the ecosystem map
One of the most insightful takeaways came from creating the ecosystem map which highlighted that users exist in progressive levels, starting at the individual level, growing to explore the community, and then to actively contributing to the community.
Determining design direction by defining design principles
A synthesis of guiding design principles, gained from exploratory research, that propelled the design journey forward.
Schematic Design
Product Architecture - Mapping features to users
Mapping the product architecture gave us a big-picture view of how features connected to different types of users, and how those roles expanded with engagement.
As you see in the diagram above, Lumity has three key app functions:
Personal Tracking - This app function supports novice users with tools for tracking progress and effectively organizing content in their Library.
Exploring Interests - As users grow more engaged, they explore and discover new topics and search for specific content they may be interested in.
Creating Community - And as they become regular users, they seek to actively engage with others and contribute to community discussions, thereby fostering deeper connections through the Lumity platform.
Building the Information Architecture
Once we understood the product at a high level, we turned to the information architecture, deciding how features should be organized so the app felt simple to navigate.
Mapping Key Workflows and Rapid Wireframing
With that structure in place, we mapped out user workflows and built mid-fidelity wireframes which guided our usability testing, where we uncovered the pain points that informed the redesign.
Psst! All workflow diagrams and wireframes are documented in our workspace on Figma
Evaluative Research
Usability Testing
We tested our mid-fidelity prototype with 4 users to evaluate navigation, content discovery, and overall clarity of the app’s core features.
What users said…
The goal was to understand how usable the main flows felt in practice and identify areas of confusion before moving to high-fidelity design and here's what we learned:
Media types looked too similar
Users couldn’t tell the difference between articles, books, podcasts, and videos.
Tabs on Home and Explore were missed
Participants often overlooked or misunderstood them, leading to low engagement.
Category-based Explore felt rigid
Users expressed a preference for more flexible, dynamic browsing rather than fixed categories.
Redesigned tabs → Gave the tabs stronger visual weight and added descriptive labels, making navigation obvious and intuitive.
Creating a UI Kit
Building Consistency
With the major usability fixes in place, our next step was ensuring the product felt cohesive at scale.
We created a design system that defined Lumity’s building blocks - colors, typography, and reusable components - to bring consistency across screens and support faster iteration.
The Final Prototype
Bringing it all together
With a consistent design foundation established, we could now focus on the bigger picture; bringing all the redesigned elements together into a seamless end-to-end high fidelity prototype.
The final prototype illustrates how users move through Lumity across core workflows - from onboarding to exploration, tracking, and community sharing.
Onboarding & Homepage
Get started in seconds
Set your interests fast and land on a personalized homepage built just for you
Explore
Discover more, your way
Swipe through a dynamic Explore page with content organized by media type, tags, and community
Posting
Share without friction
Save drafts, pick up where you left off, and add posts directly to your library
Library
Your learning, your rules
Switch between playlists or saved posts in grid or list view for full control
Progress and Identity
Track it. Own it. Celebrate it
Stay motivated with streaks, goals, and achievements that bring your learning journey to life
Shaping my Approach
Key lessons + future considerations
For me, redesigning Lumity was a chance to apply user-centered design thinking to a consumer-facing product and see how small usability improvements can transform the overall experience.
What I learned most from this project was the value of testing early and often: small usability insights shaped some of the most impactful design changes. Building a design system also reinforced the importance of scalability, ensuring the product could grow consistently beyond the prototype.
If we had more time, our next step would be to conduct evaluative testing on the high-fidelity prototype to validate the design decisions and refine details like microinteractions and accessibility.
This project not only strengthened my skills in UX research and systems thinking, but also deepened my ability to tell a clear product story through design.