2025
Generabtion Web
carollo.com
Background
Generation-Web tasked me with redesigning Carollo's project management system due to its current dashboard's significant usability issues. The existing design was plagued by clutter, confusing navigation, a lackluster color palette, and a general lack of intuitive organization, resulting in user frustration and reduced efficiency.
Project Goal
Our goal was to redesign the dashboard's UI to enhance usability, improve navigation, and create a modern, user-friendly experience.
We addressed these challenges by implementing a left-side navigation system, reorganizing sections into logical dropdown menus, and refining the color palette.
Core problem
The initial dashboard presented significant usability challenges due to its cluttered and confusing layout. Users struggled with inefficient navigation, were met with an underwhelming and outdated color scheme, and found it difficult to discern important information due to the absence of clear visual hierarchy.
Users experienced slower task completion and reduced efficiency, their frustration increased, negatively affecting engagement, and the issues resulted in a poor overall user experience.
The Approach
We focused on creating a concise, user-friendly interface to simplify the PM Management Dashboard and implement an easier color palette for everyday use. The aim was to make it intuitive for managers, engineers, designers, and others to manage customer relationships without unnecessary complexity.
Steps Taken
User research and conceptualization: We began with user research to identify pain points, leading to initial sketches, wireframes, and information architecture development, focusing on a simplified, user-centric interface.
Low-fidelity prototyping and validation: A low-fidelity prototype was created for client approval and initial usability testing, validating user flows and core functionality.
Refinement and high-fidelity design: Usability testing feedback informed the creation of high-fidelity mockups, refining visual design elements for an engaging user experience.
Style guide and implementation: A comprehensive style guide was developed to ensure consistent design implementation across all platforms.
Bullet Points: Key Improvements
Optimized Navigation Structure: Improved organization for intuitive user flow.
Streamlined and Modern User Interface: Designed for enhanced clarity and efficiency.
Refined Color Palette: Selected for enhanced readability and everyday usability.
Detailed High-Fidelity Mockups: Developed for precise visual representation.
Integrated Visual, Real-Time Analytics: Providing immediate actionable insights.
Original deliverables and imports.
New deliverables and imports.
Project Rates & Settings.
Project Rates & Settings - side navigation closed.
Results and Impact
We project a 90% increase in user engagement, measured by metrics such as session duration and feature interaction, demonstrating a significantly more compelling and intuitive interface. We aim for a 15% reduction in task completion time, streamlining workflows and boosting user productivity. Furthermore, we anticipate a high satisfaction rate, reflected in positive user feedback and improved Net Promoter Scores, indicating a successful redesign that meets and exceeds user expectations.