MVP Web App UX/UI Design, Design System and Research

Deskhero is an AI-enhanced customer support software platform aimed at helping businesses streamline their customer interactions and improve service efficiency.

I played a pivotal role in shaping the product's evolution and developing a seamless user experience from the ground up. In my role, I collaborated closely with the founder and took full ownership of the design process, guiding the product through several stages of development over a span of five years.

Develop a Cohesive UX/UI: Create a design that scales with the product while remaining intuitive and user-friendly

Implement a Design System: Ensure visual and functional consistency across all product components

Address Complex User Needs: Tackle challenging user scenarios while maintaining a seamless user experience

Integrate User Feedback: Continuously refine the product by incorporating insights from user feedback.

Starting with Market Research, I have created an extensive Notion board with an overview of each competitor, highlighting the features that overlap with our product and UX/UI of the solutions that they have implemented. Researched forums, blogs and even Reddit communities that are connected to customer support to understand the sentiment, which led to the empathy map and contributed to the User Personas. Following my research, I connected to a group of people who matched our target audience and they agreed to participate in a survey, which shaped UX strategy and product positioning direction. This, together with user personas,  immensely helped us shaping the product by delivering improved UX of familiar interactions.

The design process began with creating low-fidelity wireframes to outline the user flow and key features. I iterated on the design based on feedback from the founder and potential users, completing the platform’s information architecture to ensure usability. Throughout the process, the focus was on developing a clear, logical structure that minimized cognitive load for users.

In the high-fidelity design phase, I developed mockups using Figma, prioritizing a clean and modern aesthetic. Special attention was given to creating a visual hierarchy that intuitively guides users through tasks.

I created Deskhero's Design System, ensuring a consistent look and feel across all product interfaces. This involved introducing tools like Zeplin for design handoff, Storybook for component documentation, and Chromatic for visual regression testing. Additionally, I developed comprehensive Design System documentation that outlined bottlenecks, states, and key rules for optimal UI implementation.

I developed interactive prototypes to validate design decisions, which were then tested in usability sessions to gather both qualitative and quantitative feedback. Based on the results, I iterated on the designs, making usability improvements and visual refinements to ensure an optimal user experience.

Deliverables: 170+ Figma mockups, Interactive Prototype, Information Architecture, User Flows, UX Research, Design System, Design Guidelines, Usability Testing, Product Analytics, Web Design.

The successful launch of the Deskhero customer support platform was a significant achievement, receiving positive feedback from users across the board. The introduction of a comprehensive Design System played a crucial role in this success, reducing design and development time, improving consistency, and making updates more efficient. As a result, user satisfaction scores saw a notable improvement, particularly in terms of ease of use and overall functionality.

This experience underscored the importance of aligning design decisions with both user needs and business goals, highlighting the essential role of clear communication and collaboration between design and development teams. Moving forward, the focus will be on iterating the product based on ongoing user feedback, as well as exploring new features and integrations to further enhance the platform’s value proposition.