Upsun Navigation Dropdown
Upsun Navigation Dropdown
Web design
Design system | Product
2024
Addressing current UI challenges by streamlining Upsun's navigation for improved accessibility and user experience.
Overview
Overview
Problem
Problem
Users struggled to distinguish between categories leading to confusion about their respective contents: the white and gray background was not suffice.
Solution
Solution
In the rebranding effort, we implement strategies such as enhancing contrast in dropdown menus, using clearer labels and icons, and optimizing mobile responsiveness to improve navigation clarity and user experience.
In the rebranding effort, we implement strategies such as enhancing contrast in dropdown menus, using clearer labels and icons, and optimizing mobile responsiveness to improve navigation clarity and user experience.
In the rebranding effort, we implement strategies such as enhancing contrast in dropdown menus, using clearer labels and icons, and optimizing mobile responsiveness to improve navigation clarity and user experience.
Result
Result
Achieved consistency and clarity in the transition from one viewpoint to another. Users can navigate seamlessly between different sections while maintaining a clear and legible reading experience. The enhancements ensure that the platform remains intuitive and user-friendly, promoting engagement and making information easily accessible across various viewpoints.
From Platform.sh to Upsun
From Platform.sh to Upsun
Upsun is a platform built for developers who are ready to redefine what's possible. The rebrand embodies the commitment to empowering developers to build groundbreaking SaaS applications. This lays an opportunity for a design system refresh: one of the key insights gathered from user feedback on the Platform.sh website was the frustration with the mobile dropdown navigation.
Non-optimal filtering, search bar bugs, lack of personalization, complex onboarding and scheduling processes, as well as visual inconsistencies and a limited social component, hinder seamless user experience.
Non-optimal filtering, search bar bugs, lack of personalization, complex onboarding and scheduling processes, as well as visual inconsistencies and a limited social component, hinder seamless user experience.
Improving the onboarding process, optimizing personalization within the dashboard and algorithm, implementing a brand refresh and new design system for consistency, and introducing an interactive social component for easier friend discovery, these enhancements address usability challenges effectively.
Improving the onboarding process, optimizing personalization within the dashboard and algorithm, implementing a brand refresh and new design system for consistency, and introducing an interactive social component for easier friend discovery, these enhancements address usability challenges effectively.
Enhancing user engagement, retention, and satisfaction, leading to improved business performance and growth, and reinforcing ClassPass's competitive position in the fitness market.
Enhancing user engagement, retention, and satisfaction, leading to improved business performance and growth, and reinforcing ClassPass's competitive position in the fitness market.
A new and improved dropdown navigation
A new and improved dropdown navigation
A new and improved dropdown navigation
The new navigation dropdown ensures smoother and more intuitive experience:
A clearer hierarchy and improved prioritization, making it easier for users to find what they need quickly.
Categories are now more intuitive, with streamlined paths to key actions.
High-priority elements, such as the free trial and log in buttons, are prominently placed for immediate access, enhancing the overall user flow and minimizing friction.
The new navigation dropdown ensures smoother and more intuitive experience:
A clearer hierarchy and improved prioritization, making it easier for users to find what they need quickly.
Categories are now more intuitive, with streamlined paths to key actions.
High-priority elements, such as the free trial and log in buttons, are prominently placed for immediate access, enhancing the overall user flow and minimizing friction.
The new navigation dropdown ensures smoother and more intuitive experience:
A clearer hierarchy and improved prioritization, making it easier for users to find what they need quickly.
Categories are now more intuitive, with streamlined paths to key actions.
High-priority elements, such as the free trial and log in buttons, are prominently placed for immediate access, enhancing the overall user flow and minimizing friction.
Enhancing consistency and user experience
Enhancing consistency and user experience
Enhancing consistency and user experience
The rebrand of Upsun highlights the commitment to delivering a seamless and engaging user experience across all platforms. This reimagined design system, allowing effortless transitions between light and dark modes for developers—a feature now implemented across all Upsun webpages, not only enhances functionality but also reinforces Upsun's identity as a forward-thinking, user-centric brand ready to scale.
The rebrand of Upsun highlights the commitment to delivering a seamless and engaging user experience across all platforms. This reimagined design system, allowing effortless transitions between light and dark modes for developers—a feature now implemented across all Upsun webpages, not only enhances functionality but also reinforces Upsun's identity as a forward-thinking, user-centric brand ready to scale.
The rebrand of Upsun highlights the commitment to delivering a seamless and engaging user experience across all platforms. This reimagined design system, allowing effortless transitions between light and dark modes for developers—a feature now implemented across all Upsun webpages, not only enhances functionality but also reinforces Upsun's identity as a forward-thinking, user-centric brand ready to scale.
Click here for the entire case study!
Click here for the entire case study!
Click here for the entire case study!
Thank you!
Thank you!
Thank you!
Non-optimal filtering, search bar bugs, lack of personalization, complex onboarding and scheduling processes, as well as visual inconsistencies and a limited social component, hinder seamless user experience.
Non-optimal filtering, search bar bugs, lack of personalization, complex onboarding and scheduling processes, as well as visual inconsistencies and a limited social component, hinder seamless user experience.
Improving the onboarding process, optimizing personalization within the dashboard and algorithm, implementing a brand refresh and new design system for consistency, and introducing an interactive social component for easier friend discovery, these enhancements address usability challenges effectively.
Improving the onboarding process, optimizing personalization within the dashboard and algorithm, implementing a brand refresh and new design system for consistency, and introducing an interactive social component for easier friend discovery, these enhancements address usability challenges effectively.
Enhancing user engagement, retention, and satisfaction, leading to improved business performance and growth, and reinforcing ClassPass's competitive position in the fitness market.
Enhancing user engagement, retention, and satisfaction, leading to improved business performance and growth, and reinforcing ClassPass's competitive position in the fitness market.