Chatso
This case study provides a glimpse into the redesign process of Chatso, a Saas product. It encompasses research, problem-solving, the development of a design system, and the creation of pixel-perfect mockups, page by page.
Chatso
This case study provides a glimpse into the redesign process of Chatso, a Saas product. It encompasses research, problem-solving, the development of a design system, and the creation of pixel-perfect mockups, page by page.
Chatso
This case study provides a glimpse into the redesign process of Chatso, a Saas product. It encompasses research, problem-solving, the development of a design system, and the creation of pixel-perfect mockups, page by page.
Project
Saas Redesign
Role
Product Design Lead
Year
2022
Introducing Chatso
Chatso offers seamless customer service from in-store to online, engaging users at the right moment and driving improved website sales.
Introducing Chatso
Chatso offers seamless customer service from in-store to online, engaging users at the right moment and driving improved website sales.
Introducing Chatso
Chatso offers seamless customer service from in-store to online, engaging users at the right moment and driving improved website sales.
Challenges
Prepare Launch & Audience Shift
After a year of running a minimum viable product (MVP), it became evident that Chatso needed to reach a broader audience. As the development team worked on enhancing the product's infrastructure, it was crucial to revamp the user experience (UX) and user interface (UI). Valuable feedback had been gathered, and it was time to incorporate it into the product. Additionally, the shift in target audience required significant adjustments to the existing user flows.
Challenges
Prepare Launch & Audience Shift
After a year of running a minimum viable product (MVP), it became evident that Chatso needed to reach a broader audience. As the development team worked on enhancing the product's infrastructure, it was crucial to revamp the user experience (UX) and user interface (UI). Valuable feedback had been gathered, and it was time to incorporate it into the product. Additionally, the shift in target audience required significant adjustments to the existing user flows.
Challenges
Prepare Launch & Audience Shift
After a year of running a minimum viable product (MVP), it became evident that Chatso needed to reach a broader audience. As the development team worked on enhancing the product's infrastructure, it was crucial to revamp the user experience (UX) and user interface (UI). Valuable feedback had been gathered, and it was time to incorporate it into the product. Additionally, the shift in target audience required significant adjustments to the existing user flows.
Solution
The modernized interface of Chatso not only enhances the user experience but also introduces game-changing feature enhancements. With a focus on multi-layered customer engagement and centralized customer data, the redesigned Chatso interface aims to meet the evolving needs of the user base.
Solution
The modernized interface of Chatso not only enhances the user experience but also introduces game-changing feature enhancements. With a focus on multi-layered customer engagement and centralized customer data, the redesigned Chatso interface aims to meet the evolving needs of the user base.
Solution
The modernized interface of Chatso not only enhances the user experience but also introduces game-changing feature enhancements. With a focus on multi-layered customer engagement and centralized customer data, the redesigned Chatso interface aims to meet the evolving needs of the user base.
Project Scoping
Defining Problems
Throughout the year, we amassed a wealth of feedback from both users and stakeholders, resulting in extensive documentation. Within the design team, we identified several major modules that required a complete revamp. We consolidated all the feedback, grouped it, and prioritized the issues to be addressed.
Project Scoping
Defining Problems
Throughout the year, we amassed a wealth of feedback from both users and stakeholders, resulting in extensive documentation. Within the design team, we identified several major modules that required a complete revamp. We consolidated all the feedback, grouped it, and prioritized the issues to be addressed.
Project Scoping
Defining Problems
Throughout the year, we amassed a wealth of feedback from both users and stakeholders, resulting in extensive documentation. Within the design team, we identified several major modules that required a complete revamp. We consolidated all the feedback, grouped it, and prioritized the issues to be addressed.
Secondary Research
Conducting secondary research, with a specific focus on modules requiring more than just UI updates, allowed us to gain a comprehensive understanding of the competitive landscape. This research played a vital role in informing our design decisions.
Secondary Research
Conducting secondary research, with a specific focus on modules requiring more than just UI updates, allowed us to gain a comprehensive understanding of the competitive landscape. This research played a vital role in informing our design decisions.
Secondary Research
Conducting secondary research, with a specific focus on modules requiring more than just UI updates, allowed us to gain a comprehensive understanding of the competitive landscape. This research played a vital role in informing our design decisions.
Design
Ideation & Wireframing
During the ideation phase, we directed our attention to key modules, such as the Live Chat feature. The combination of research and wireframing activities provided valuable insights and brought to light previously unseen issues.
Design
Ideation & Wireframing
During the ideation phase, we directed our attention to key modules, such as the Live Chat feature. The combination of research and wireframing activities provided valuable insights and brought to light previously unseen issues.
Design
Ideation & Wireframing
During the ideation phase, we directed our attention to key modules, such as the Live Chat feature. The combination of research and wireframing activities provided valuable insights and brought to light previously unseen issues.
Information Architecture
Crafting an extensive Information Architecture was time-consuming but crucial to establish a shared understanding. We printed and displayed it on the wall, using it as a reference point to validate design decisions and visualize the overall process.
Information Architecture
Crafting an extensive Information Architecture was time-consuming but crucial to establish a shared understanding. We printed and displayed it on the wall, using it as a reference point to validate design decisions and visualize the overall process.
Information Architecture
Crafting an extensive Information Architecture was time-consuming but crucial to establish a shared understanding. We printed and displayed it on the wall, using it as a reference point to validate design decisions and visualize the overall process.
Design System
Recognizing the scale and collaborative nature of the project, we understood the importance of a unified design language. To facilitate consistency and efficiency, we simultaneously developed a comprehensive design system while working on the early mockups.
Design System
Recognizing the scale and collaborative nature of the project, we understood the importance of a unified design language. To facilitate consistency and efficiency, we simultaneously developed a comprehensive design system while working on the early mockups.
Design System
Recognizing the scale and collaborative nature of the project, we understood the importance of a unified design language. To facilitate consistency and efficiency, we simultaneously developed a comprehensive design system while working on the early mockups.
Outcomes
Team Work
The successful execution of this project hinged upon the remarkable teamwork displayed by the design team. Clear prioritization and the adoption of a design system allowed us to work seamlessly and collaboratively. After several months of hard work, every module was updated, encompassing both simple UI updates and complete redesigns. I take great pride in our team's collaborative mindset and spirit.
Cross-Functional Collaboration
Throughout the process, we maintained close engagement with the development team to ensure feasibility within the established timeline. Additionally, we collaborated closely with the marketing team and stakeholders to align our design decisions with user needs and business objectives.
Outcomes
Team Work
The successful execution of this project hinged upon the remarkable teamwork displayed by the design team. Clear prioritization and the adoption of a design system allowed us to work seamlessly and collaboratively. After several months of hard work, every module was updated, encompassing both simple UI updates and complete redesigns. I take great pride in our team's collaborative mindset and spirit.
Cross-Functional Collaboration
Throughout the process, we maintained close engagement with the development team to ensure feasibility within the established timeline. Additionally, we collaborated closely with the marketing team and stakeholders to align our design decisions with user needs and business objectives.
Outcomes
Team Work
The successful execution of this project hinged upon the remarkable teamwork displayed by the design team. Clear prioritization and the adoption of a design system allowed us to work seamlessly and collaboratively. After several months of hard work, every module was updated, encompassing both simple UI updates and complete redesigns. I take great pride in our team's collaborative mindset and spirit.
Cross-Functional Collaboration
Throughout the process, we maintained close engagement with the development team to ensure feasibility within the established timeline. Additionally, we collaborated closely with the marketing team and stakeholders to align our design decisions with user needs and business objectives.
Next
Lust & Lauve
