hero bg image

Workflow Management Webapp

Workflow Management Webapp

Workflow Management Webapp

Workflow Management Webapp

Workflow Management Webapp

UI/UX Design

UI/UX Design

Prototyping

Prototyping

Graphic Design

Graphic Design

Tools Used

Tools Used

Tools Used

Tools Used

chatalott
corner-blur-layer
client

Client

Client

Client

logo
project

Project Duration

Project Duration

Project Duration

Apr 7, 2024 - Jan 8, 2025

Apr 7, 2024 - Jan 8, 2025

tool

Tools Used

Tools Used

Tools Used

Figma, Adobe Illusrator

Figma, Adobe Illusrator

Overview

Overview

Overview

Overview

Overview

Chatalott is a streamlined CRM app designed for individuals seeking a straightforward solution to organize contacts, schedule follow-ups, and log communications efficiently. It offers an intuitive calendar interface that helps users manage all their meetings, follow-ups, and important reminders in one place. With seamless integration, users can track conversations, set automated reminders, and categorize contacts for better organization. The app simplifies customer relationship management by eliminating clutter and focusing on essential features.

Chatalott is a streamlined CRM app designed for individuals seeking a straightforward solution to organize contacts, schedule follow-ups, and log communications efficiently. It offers an intuitive calendar interface that helps users manage all their meetings, follow-ups, and important reminders in one place. With seamless integration, users can track conversations, set automated reminders, and categorize contacts for better organization. The app simplifies customer relationship management by eliminating clutter and focusing on essential features.

Objectives

Objectives

Objectives

Objectives

Objectives

tick

Enhance visual appeal with a modern and consistent design language.

Enhance visual appeal with a modern and consistent design language.

tick

Improve user engagement through intuitive navigation and interactive elements.

Improve user engagement through intuitive navigation and interactive elements.

tick

Ensure a uniform design system across the platform for consistency.

Ensure a uniform design system across the platform for consistency.

tick

Make the dashboard more attractive and user-friendly.

Make the dashboard more attractive and user-friendly.

objective
blur-layer
john

Wireframes

Wireframes

Wireframes

Wireframes

Wireframes

Wireframes
john

Challenges and Solutions

Challenges and Solutions

Challenges and Solutions

Challenges and Solutions

Challenges and Solutions

Challenges

Challenges

Challenges

Challenges

  • The existing dashboard lacked visual appeal and consistency, making it difficult for users to navigate and engage with the platform effectively.

  • The absence of a defined color scheme and logo further contributed to the need for a comprehensive redesign.

Solutions

Solutions

Solutions

Solutions

  • Conducted a thorough analysis of the client's brand and target audience to inform design decisions.

  • Collaborated closely with the client to refine requirements and ensure alignment with their vision.

  • Utilized Figma for creating and sharing design drafts, enabling real-time feedback and collaboration.

The Process

The Process

The Process

The Process

The Process

The redesign process involved a collaborative effort among team members. Utilizing tools like Figma, the team iterated on design components, incorporating feedback from stakeholders to refine the user experience.

The redesign process involved a collaborative effort among team members. Utilizing tools like Figma, the team iterated on design components, incorporating feedback from stakeholders to refine the user experience.

The redesign process involved a collaborative effort among team members. Utilizing tools like Figma, the team iterated on design components, incorporating feedback from stakeholders to refine the user experience.

Initial Consultation

Engaged with the client to understand their vision and gather initial requirements.

Initial Consultation

Engaged with the client to understand their vision and gather initial requirements.

Initial Consultation

Engaged with the client to understand their vision and gather initial requirements.

Initial Consultation

Engaged with the client to understand their vision and gather initial requirements.

Design Drafting

Created wireframes and initial design drafts using Figma, focusing on key elements like the hero section and overall aesthetics.

Design Drafting

Created wireframes and initial design drafts using Figma, focusing on key elements like the hero section and overall aesthetics.

Design Drafting

Created wireframes and initial design drafts using Figma, focusing on key elements like the hero section and overall aesthetics.

Feedback Loop

Shared drafts with the client for feedback, iterating on the design based on their input.

Feedback Loop

Shared drafts with the client for feedback, iterating on the design based on their input.

Feedback Loop

Shared drafts with the client for feedback, iterating on the design based on their input.

Feedback Loop

Shared drafts with the client for feedback, iterating on the design based on their input.

Finalization

Incorporated all feedback and finalized the design, ensuring it met the client's expectations.

Finalization

Incorporated all feedback and finalized the design, ensuring it met the client's expectations.

Finalization

Incorporated all feedback and finalized the design, ensuring it met the client's expectations.

Finalization

Incorporated all feedback and finalized the design, ensuring it met the client's expectations.

Pixel-Perfect UI

Pixel-Perfect UI

Pixel-Perfect UI

Pixel-Perfect UI

Pixel-Perfect UI

The team focused on creating a cohesive design that aligned with the brand's vision. Key updates included the introduction of new components, adjustments to font sizes for better readability, and ensuring that popups and overlays were visually appealing and functional.

Results

Results

Results

Results

Results

Saved 50% time with new UI

The redesigned dashboard received positive feedback from users, noting significant improvements in usability and aesthetics. The project successfully met its objectives, resulting in increased user satisfaction and engagement.

Conclusion

Conclusion

Conclusion

Conclusion

Conclusion

The Chatalott Dashboard Redesign project exemplifies the power of collaboration and user-centric design. By addressing the initial challenges and focusing on the needs of its target audience, Chatalott now offers a platform that is both visually appealing and highly functional.

The Chatalott Dashboard Redesign project exemplifies the power of collaboration and user-centric design. By addressing the initial challenges and focusing on the needs of its target audience, Chatalott now offers a platform that is both visually appealing and highly functional.

The Chatalott Dashboard Redesign project exemplifies the power of collaboration and user-centric design. By addressing the initial challenges and focusing on the needs of its target audience, Chatalott now offers a platform that is both visually appealing and highly functional.

vector

Working with the team on the Chatalott Dashboard Redesign was a transformative experience for our platform. From the very beginning, the team demonstrated a deep understanding of our needs and a commitment to delivering a product that exceeded our expectations. The redesign process was seamless, with clear communication and regular updates that kept us informed every step of the way. The team's expertise in UI/UX design was evident in the thoughtful and innovative solutions they provided, addressing the challenges we faced with the previous design. We are grateful for the team's professionalism and creativity, and we look forward to continuing our partnership for future projects.

Working with the team on the Chatalott Dashboard Redesign was a transformative experience for our platform. From the very beginning, the team demonstrated a deep understanding of our needs and a commitment to delivering a product that exceeded our expectations. The redesign process was seamless, with clear communication and regular updates that kept us informed every step of the way. The team's expertise in UI/UX design was evident in the thoughtful and innovative solutions they provided, addressing the challenges we faced with the previous design. We are grateful for the team's professionalism and creativity, and we look forward to continuing our partnership for future projects.

vector

Ashleigh Clarke

Ashleigh Clarke

Ashleigh Clarke

Ashleigh Clarke

Co-Founder

Co-Founder

Co-Founder

Ready to scope your next project?

Ready to scope your next project?

Ready to scope your next project?

Ready to scope your next project?

Ready to scope your next project?

Book a 60-minute Discovery Session with Sumit or a senior lead. $99 โ€” credited toward any engagement you sign within 30 days. You'll leave with a written summary and a clear sense of what's possible.

Book a 60-minute Discovery Session with Sumit or a senior lead. $99 โ€” credited toward any engagement you sign within 30 days. You'll leave with a written summary and a clear sense of what's possible.

massive work logo

A brand of Radial Code, LLC, registered in the United States. 4,000+ projects shipped for founders building in AI, SaaS, and dev tools.

A brand of Radial Code, LLC, registered in the United States. 4,000+ projects shipped for founders building in AI, SaaS, and dev tools.

A brand of Radial Code, LLC, registered in the United States. 4,000+ projects shipped for founders building in AI, SaaS, and dev tools.

ยฉ 2026 Massive Work / Radial Code, LLC All Rights Reserved

ยฉ 2026 Massive Work / Radial Code, LLC All Rights Reserved

red-vector