CellarStone Case Study - Simplifying Software Usability by Improving its UI/UX Design

Here’s how Yellow Slice helped CellarStone improve its software UI/UX design to streamline its usability and enhance user experience.


Client Brief

Good software is one that offers great features and can be used by anyone without spending too much time on it. While the former quality depends on the developer of the software, the designer ensures the latter.

When users easily understand the features and functionality of the software, they tend to use it more often and then get used to it. This makes them loyal customers of your product. However, if your software is confusing, or hard to understand, then it takes them no time to switch to another tool.

A bad user experience can drive your customers far faster than a lack of a few features. This is why CellarStone chose us to redesign their product QCommission.

About CellarStone

CellarStone Inc. offers enterprise consulting and application outsourcing services for businesses. They provide online and offline business productivity solutions.

QCommission is one of their software products that allows its users to calculate salespeople’s commissions without any hassle. Their target audience is businesses that work with contract-based salespeople.

Problem Statement

While the QCommission app had all the required functions and features, it had a very high learning curve and an incoherent user experience made it harder to understand and use. CellarStone wanted us to redesign the software’s UI and UX to make it easier for its users.

They wanted to reduce the time users had to spend learning the software so that it can be utilized to actually use the software. And simplifying the UI and UX was a solution for this.

Designing the Solution

To know where to start, we conducted task tests on their current portal and took interviews with the existing users to know the problem in depth.


The software is for business administration to manage the sales commission, payees, incentives, business products, and many other business and financial aspects of the business. Software this elaborate needed comprehensive presentation in order to avoid confusion while using it.

After complete research and collating the data, it was clear that the portal was very well made functional with a lot of features, satisfying all customer needs but severely lacking usability making the tool very difficult and confusing to use.


Brand Values

After understanding the requirement and the product, we wanted to know its clients and the end-users of the software. Keeping the company's current client base in mind, we created two personas: Existing Users and New Users.

We also improvised the Sitemap and merged and hyperlinked a few screens together to minimize the back & forth users had to do to jump modules. We further streamlined the user journey & flow by making it task-oriented rather than showing all features in one place without context.

Sitemap of Brand Design for Celler Stone


Based on the sitemap, and the changes we stated above, these are the wireframes our designers created.

Wireframes of Brand Design for Celler Stone


Some more changes in the UX included making the navigation flexible so that users can toggle it from the sidebar to the top with a single click. Similar changes were made throughout the entire portal to make customization easier.

A guiding, hand-holding experience was captured across all the high-fidelity wireframes. The designs were created keeping the software white-labeling in mind. We had to ensure that the software UI complemented the client’s brand and the previous familiarity, for the software users. All of this while making sure that the UX is easy to understand.

All the screens were then divided into Key Wireframes to maintain consistency and ease of use, at the same time also making development easier. UI was made with the help of Atomic Design, illustrations were customized to suit the tone and mood of the portal with a customized loader for QCommission.

Color & Typography

We used the Source Sans Pro font family which is easy to read and scale, perfect for the software UI.

For colors, we chose a subtle, pale palette that offered sophistication and minimalism. The concept went well with our idea of making the software easy to use and navigate.

UI Styling of Brand Design for Celler Stone


Cool illustrations make software visually talk to its users. To help the software users connect with their work dashboards, we created a set of brightly-colored contemporary illustrations.

Illustrations of Brand Designing Of Celler Stone

No. of Screens:

Using all the UI elements showcased above, we designed the following UI screens for the client’s software.

UI Screens of Brand Design for Celler Stone


More than 80% of its users have given the software a 5-star rating for the Ease-of Use aspect of the software and have applauded its user-friendliness.

UI Screens of Brand Design for Celler Stone

The users now spend less time learning the software and more time using it. With the changes in the UI and UX designs, the company has also garnered more clients and better reviews over time.

Want to replicate a similar success story for your business? Send us a message to know how we can help you boost your business with our UI & UX design solutions.

If you want to know more about our latest projects, check them out on our Instagram and Twitter accounts.