Streamlining Upsun's navigation while maintaining brand personality and identity, ensuring a seamless and cohesive user experience.
Click here to see the full case study.
Users have expressed confusion with Platform.sh’s marketing website, particularly regarding the unclear dropdown navigation in the mobile view. They struggled to distinguish between categories due to insufficient contrast between white and gray backgrounds.
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.
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.
Couple of design decisions: Using light gray for text hierarchy improves readability and distinguishes between information levels. Restricting colored backgrounds to open accordion sections clarifies content categorization. Consistently left-aligning arrows maintains visual flow. An "overview" section highlights recent blog posts for engagement. Strategically placing buttons at the bottom improves accessibility within the thumb zone for essential actions.
Ensuring consistency in design system variables is key allowing seamless transitions between light and dark modes for the developers—a feature that is now implemented in all Upsun webpages.