Planning and collaboration platform for retail and brand marketers
Shopperations
Overview
Shopperation is a SaaS startup that simplifies business processes for marketers. Olga Yurovski, a former marketer and the founder of Shopperations, decided to create software to help marketers manage budgeting, promotions, estimation, reconciliation, etc.
When Olga contacted our team, she had a clear vision of her product and the features to include. Our task was to analyze all business and product requirements, as well as target audience, and create a sleek UI/UX design for the platform.
Project Profile
Design objectives
After Olga Yurovski contacted our team, we defined the scope of work, project timeline, and most vital design objectives. For this project, we needed to:
- Create an intuitive and clear UI/UX design for a feature rich platform
- Visualize the results of budget data analysis in a convenient visual format
- Help shopper and retail marketers manage their daily tasks and find the necessary information fast
We started the project with
User flows
We create user flows to figure out how real people will use your app from the time they open it to the time they exit. User flows help us determine the content and functionality that must be on a page. Our aim is to align user flows with users’ specific goals.
Wireframes
Wireframes and prototypes visualize a user’s interactions with an interface. This stage helps us review design solutions with project stakeholders, test them before implementation, and quickly make necessary amendments.
Library of components
Creating a library of components allows us to speed up development, maintain visual consistency, and successfully scale a product without any design discrepancies.
Design solutions
To reach the objectives of the project, the UGEM team came up with the following design solutions:
Simple design and smooth navigation
The Shopperation platform deals with a lot of data. We decided to group it on the Dashboard tab into convenient blocks to make it easy to perceive. We also used an eye-pleasing palette to distinguish all financial insights and statistics easily.
Handy data editing on the Budget tab
The Budget tab lets marketers view sums of allocated, spent, and reserved money. As far as companies allocate budgets to reach specific marketing goals, we added a number of fields to describe particular budgets in detail. We also enabled inline editing so that marketers can enter and save data in the system effortlessly, just as they do in Excel files.
Automated calendar
For Shoperations, we created an intuitive calendar that updates automatically. The tap effectively schedules a big deal of events and stores financial statistics for a quarter, half, and year. To make all the information within this tab digestible, we marked all campaigns with different colors. We also added a searching feature with numerous filters to allow marketers to find necessary information easier.
Results
The UGEM team helped create an intuitive design for the Shopperations platform to let marketers be as productive as possible, automating their major processes.
Today, Shopperations is a successful platform that cooperates with such giants as Heineken, Conagra Brands, Vital Farms, and many others.
I was ultimately impressed by the quality delivered by the UX designer, so I decided that I wouldn’t be shopping for alternative developers. Their UX designer was superb and took my product vision to a completely new level.
Olga Yurovski
Shopperations, CEO
