Challenge
There is no consistency across the iOS app, resulting in a fragmented user experience. There is a lack of clear brand guidelines, leading to inconsistent visuals and interactions throughout the app.
Design System
- Figma
- iOS App
- Product Design
- Branding
- User Interface
- Accessibility
Wakelet is a content curation platform that allows users to transform their content into engaging collections that can be shared and collaborated on with others. In Education, educators use Wakelet to arrange all kinds of learning materials into visual, interactive collections to share with their learners. It's used by students and teachers in classrooms around the world to improve content delivery, independent learning, digital citizenship and so much more. Whether it's creating lesson plans, sharing resources, sharing newsletters, or collaborating with colleagues and students, Wakelet offers endless possibilities to enhance the learning experience. Students can also benefit from Wakelet by using it to showcase their work, create a student portfolio, complete assignments, and collaborate with peers.
ClientWakelet
RoleLead Product Designer - Mobile Apps
BriefDevelop a design system for an iOS app to ensure visual and functional consistency across all pages.
Design Thinking
I developed a comprehensive design system that included clear brand guidelines to ensure visual and functional consistency. I focused on creating reusable components and patterns that adhered to iOS design principles and accessibility standards. Prototyping and iterative testing were crucial to refining the design and ensuring it met the highest standards of usability and accessibility.
Colours
Typography
Icons
Buttons
Results
The result was a modernized iOS app with a cohesive and visually appealing design that provided a consistent user experience across iPhones and iPads. The new design system streamlined the development process, making it easier for the team to maintain and scale the app. The brand guidelines ensured that future updates and expansions of the app would continue to reflect the established visual and functional standards.
