CRM Mobile
Application Redesign

Read Time - 3 min
Figma Logo
Timeline
January 2023 - August 2023
My Role
UX/UI Designer - Interface design, Prototyping, Mockups
Team
UX/UI Designer (ME)
Product Manager
Developer
Platform
Mobile

Overview

GreatSoft is a CRM software solution tailored for accounting practices and firms. While the desktop version was widely used, the original mobile application (created in 2019) suffered from low engagement, limited functionality, and outdated design- ultimately leading to its removal from the app store.


As part of a real-world design project, I worked closely with the Product Manager at GreatSoft to bring the GreatSoft mobile CRM app vision to life. The goal was to introduce a simplified, modern, and user-friendly experience that aligned with client needs and business goals. This case study showcases my end-to-end UX/UI process — from wireframes and iterative design to visual refinement, dark mode implementation, and developer hand-off.

Key
Objectives

The primary goal of the GreatSoft mobile app design was to introduce a modern, user-friendly experience aligned with the current CRM desktop solution. Key objectives included:

  • Enhancing user engagement with a fresh modern interface, particularly within the task management features, using visual components like interactive cards on the home screen to encourage daily check-ins.
  • Ensure usability and navigation through a clear information structure and the implementation of a dedicated home screen to provide users with an intuitive entry point and quick access to in-progress and outstanding tasks.
  • Introducing core mobile features such as task tracking and planner tools, with a focus on simplicity in the initial version while allowing room for future expansion.
  • Aligning with existing client behavior, including the implementation of a highly requested dark mode—used by over 80% of current desktop users—to ensure a seamless cross-platform experience.
  • Building trust with users by addressing long-standing pain points like outdated design, confusing navigation, and missing functionality, ultimately delivering a product that felt current, purposeful, and easy to use.

Previous
Screens

Old GreatSoft mobile screens

The Approach

Rather than overwhelming users with every desktop feature, we focused on core functionality most relevant to mobile usage. To begin, the Product Manager and I co-created wireframes, taking inspiration from the existing CRM platform while streamlining it for mobile interaction. I then developed iterative prototypes in Figma, adjusting layouts and flows based on feedback from the PM and stakeholders.

The visual redesign introduced a more professional, yet engaging aesthetic. Key enhancements included:

  • Introduction of brand-appropriate colors to modernize the interface while maintaining a business-ready look.
  • Improved typography and alignment for visual clarity.
  • Consistent spacing and touch-friendly design to meet mobile usability standards.

Our Greatest
Challenges

The biggest challenge was condensing a complex, customizable platform into a simplified mobile experience that could serve a diverse client base. To overcome this, we prioritized flexibility and focused on foundational features, leaving room for future scalability in later versions.

Where We
Started

The home screen became a key focus: originally planned as a pie chart dashboard, I opted for interactive task cards to simplify comprehension and navigation. These allowed users to filter tasks by status—completed, in progress, or new—improving both clarity and engagement.

GreatSoft mobile digital wireframes

What Changed?

Before and after of GreatSoft mobile designs

The biggest change to this screen was the task breakdown view. Instead of a pie chart, we swapped it out for cards so the user was then able to select each card to see a detailed view of their tasks. Notifications were added to top navigation.

Before and after GreatSoft mobile documents screens

CRM was relabeled as clients as their current client did not like the term CRM. A drop down for document selection and an upload document button was added.

Before and after GreatSoft mobile clients data screen

The client data layout was rearranged. Prioritized high-impact interactions to ensure ease of use on small screens

Before and after GreatSoft client screens

Tab location is moved. and a back button was added for easier navigation.

Final
Designs

Final screen designs of GreatSoft mobileGreatSoft mobile dark mode screens

App Icon

GreatSoft mobile app icon design

GreatSoft Mobile
app Demo

Below is a video demonstration of the GreatSoft mobile in the pilot phase, due for release April 2025.

Outcome

The redesigned GreatSoft mobile app reintroduced a professional, intuitive experience for clients, aligning the mobile offering with the capabilities of its desktop counterpart. By prioritizing core functionality, modern UI patterns, and accessibility features such as dark mode, the new version laid the foundation for long-term scalability. The redesign was well-received internally and marked a significant step toward restoring client confidence in the mobile experience.

Key Takeaways

This was my first professional UX project, and it taught me several valuable lessons:

  • Designing with constraints (limited screen space, simplified feature set) helped sharpen my focus on usability and hierarchy.
  • Iterative collaboration with the PM taught me how to incorporate feedback efficiently and balance vision with practicality.
  • Accessibility matters — small adjustments like color contrast and touch targets significantly improved mobile usability.
  • Design systems are essential — I experienced firsthand how they save time and create consistency.
  • Developer communication is a skill — This was a personal challenge of mine, which prompted me to explore better ways to annotate my designs and provide supporting documentation.

Client Feedback

"Looks excellent, pretty smooth and clean interface. The themes are a really nice touch"

"The app is quite nice, especially the dark mode."

OverviewApproachDesignsOutcome