Case Study
8 Mins Read
Improving Web-app Usability and Visual Appeal
Project Overview
Clearsquare provides an alternative for businesses lacking a dedicated web portal for customer data access. Companies can offer customers secure logins to view and interact with custom reports and dashboards built with their preferred BI tools through a white-labeled dashboard portal. This streamlines data sharing, potentially reducing IT workload and improving customer experience.
Scope
Challenge
The issue on the current interface is difficult to navigate and seems old fashioned. the project goal is Updating an old-fashioned interface to a modern & clean look while maintaining functionality, enhancing usability to simplify task completion, and achieving a visually appealing and consistent design.
Timeline
The duration for the Kick-off meeting, Visual Research, and Initial wireframes is 1 Week, and we do feedback cycles from client internal revision asynchronous per feature within 2.5 Months (Feb-Apr 2023) with Approx. 6 Hours/week
Responsibility
I was responsible for re-designing the interface for all elements within the Clearsquare white-labeled Dashboard Portal ecosystem. In this project, I collaborated with their Project Manager and Tech Lead.
Action
Visual Modernization
Conduct visual research and create a mood board first to get the client's feedback about their desired style. Finally, adopt a minimalistic and clean design approach with ample white space, clean typography, and a simple color palette.
Visual Appeal and Consistency
Building a style guide and component library first and modifying them based on projects needs to make visual consistency across all elements and provide a cohesive user experience
Improving Site’s Navigation
I Made the interface more intuitive and tasks easier to complete by simplifying the app's navigation by redesigning the menu structure and how users interact with each flow
Key Takeaways
A comprehensive style guide ensured visual consistency, resulting in a seamless user experience. Achieved through close collaboration with the Project Manager and Tech Lead, this project significantly increased user satisfaction and efficiency, exemplifying my ability to transform interfaces while aligning with technical feasibility and project goals.
