
Cuppanord CRM
Cuppanord CRM is built for coffee businesses to manage sales, customers, and services in one place. It helps teams save time by keeping tickets, inventory, and maintenance all connected.
“Just to clarify, Cuppanord is a coffee brand name.”


Duration
4 Months
Client
Cuppanord
Team
Solo Designer, 4 Dev
My Role
UX/UI
Screens
80+
The Everyday Hustle
Cuppanord is like many growing brands, struggled with scattered operations and manual processes. From employee management to machine maintenance, teams spent more time finding information than driving growth.
Service updates got lost in whatsapp chats, spare parts tracking was a headache, and inventory gaps slowed down repairs.
Solution
I have to design a centralized platform where sales, service, finance, and inventory could work seamlessly together. Features like ticket management, role-based access, automated finance checks, and field-service updates brought clarity and accountability.
By creating an intuitive mobile app alongside the CRM, we ensured that field employees stayed connected, while admins gained real-time visibility into every process.
Process/Approach
Understanding Business Operations
In the discovery phase I connected with the Cuppanord team, including managers, field employees, and finance staff, to uncover their daily challenges.
At the same time I studied the coffee industry workflow and explored existing CRM platforms to understand their strengths and gaps.
Persona




Observations Key Issues and Insights


Defining User Flow
Based on the research, I defined the core user flows for Cuppanord CRM, focusing on the essential modules like employee management , service and maintenance tracking, and inventory usage.
The goal was to structure the CRM around real tasks, ensuring that each flow supported clarity and efficiency for different roles.


Wireframe Design
We began with quick paper prototypes to visualize ideas and capture feedback early. From there, we mapped out user flows for each role, including employee, service engineers, and finance admins, to reflect their daily tasks.
These flows were then shaped into wireframes focused on clarity and ease of use.








During the paper wireframing phase, we gathered inputs from field engineers, managers, and warehouse staff to map the exact fields they needed.
Then we moved on to create digital wireframes and the basic structure, where new modules were added as per client demand and later refined in the high-fidelity design.








Final UI Design
The high-fidelity design focused on a clean, brand-aligned interface with reusable components and minimal screens to keep tasks simple.
The dashboard was simplified to make data accessible, support faster decisions, and create a seamless, self-explanatory experience that requires minimal effort from users.


Dashboard
The dashboard gives a quick overview of business performance with clear and accessible insights.
Key functions include:
Sales Analytics to track performance over time
Sales by Category for revenue breakdown
Machine Status for market, refurbished, or scrap-ready units
Inventory Status with real-time stock updates
Recent Customers with onboarding details
Quick Stats on employees, customers, and tickets
Role Management








Customer Management
You can view the total number of customers and instantly see how many are active or inactive.
You can also find functions such as:
Add Customer
Search & Filter Customers
View Contact Information
Track Assigned Sales Executive, Distributor & Field Engineer
Check Customer Status (Active, IN progress, Verified, Rejected)










Inventory Management








Settings Screen
You can easily manage core configurations without switching between modules. Everything is grouped in one place for quick access.
You can also find functions such as:
Department Management
Coffee Machines
Consumable Products
Beverage Types
Company Profile
This section ensures that business operations remain structured, customizable, and easy to maintain.
What Did I Learn?
This project taught me how to turn real-world workflows into digital solutions by observing employees and addressing pain points like lost inventory and scattered updates.
I also strengthened my skills in building consistent visuals and reusable components, making the CRM scalable and efficient.
The client valued the outcome as a solid foundation for a more streamlined and user-friendly system.
🚀 Stay tuned - The mobile app case study is on its way!
Let’s Create Something Amazing Together
Great design grows when shared. I’m open to collabs, side gigs, or bold creative adventures.
I hope you enjoyed exploring my portfolio! Have a fantastic day ✨