.webp)
1. Inconsistent User Experience
We redesigned the UI and created standardized components to align with the existing system while improving usability.
2. Unreadable Tag Colors
Developed a restricted color palette for tags to ensure readability and consistency. Colors repeat logically when the number of tags exceeds available shades.
3. Complex Navigation
Introduced a clear site map with intuitive flows for notebook lists, details, search results, and “no results” screens, making navigation straightforward.
4. User Confusion with Search
Added a “no record found” page with guidance, improving clarity when searches returned empty results.
The final prototype provided a seamless, intuitive platform for notebook management and search. The search functionality became a highlight feature, enabling users to easily find notebooks, markdowns, and tags. With reusable components, the design ensured developer efficiency and consistency across light and dark modes. The project was completed in just 2 weeks with 9 polished screens and 15+ reusable components, resulting in a well-structured, user-friendly, and scalable solution ready for development.
"The team exceeded our expectations with the design of MIST. They took our initial ideas and turned them into a polished, intuitive, and visually engaging prototype. The search experience, in particular, feels seamless and adds real value to the platform. Communication was smooth, feedback was quickly incorporated, and the final design is something our developers can work with easily. We couldn’t be happier with the outcome."
