Intro

Merch.io is a new imagination for how a merchandising service could look like

Merch.io allows companies to track the appearance and supply of their products in various retail locations. It’s a step up from an old system that used to rely heavily on paperwork and human compliance.

Platforms

Full-stack: Mobile App (tablet), Web-based control panel and dashbaord app

Scope

UX Design | Visual design | Product strategy

About the company

Merch is a merchandising startup. It allows distributors and independent manufacturer to keeps tabs on their products in retail stores without having to keep in-house merchandising teams. The platform is used by Merch’s agents who trach the client’s products in retails stores as well as a back-office team that handles flags and alerts

How it works

Companies sign up to merch.io. The back office team adds their products, product information, such as price, facings, promos and available stores. They also can accept and manage orders and shipments information.

The app then releases an optimized plan for agents who can then make visits to their assigned stores to check the products. The back office team then gets real-time reports, statistics, and alerts to any violations and routes them to the clients

UX Research

Workflow

Companies sign up to merch.io. The back office team adds their products, product information, such as price, facings, promos and available stores. They also can accept and manage orders and shipments information.

The app then releases an optimized plan for agents who can then make visits to their assigned stores to check the products. The back office team then gets real-time reports, statistics, and alerts to any violations and routes them to the clients

Low-fidelity Wireframes

About the company

For the mobile app, we adopted Apple’s Human interface design guidelines to the letter. However, we created our own design system for the dashboard in order to accomodate for all the functionalities and features that we felt wouldn’t necessarily be best served by an of the shelf design system. We caled it “Materialish design”

High Fidelity Wireframes

The tablet app focuses on minimizing the number of options the agents has when performing their task. This should result in a smaller margin for error and thus improved efficiency

Providing the agents with a simple interface, with no distractions, as well as a log of their own activity aims to minimize support querries and error management for the back-office team

Administration panel

Dashboard

The dashboard basically provides an overview of the work in terms of goals and completion rate. One more important feature is the alerts and the activity log which allow the back-office team to interact with the ground teams.”

Client

Most of the pages on the administration panel are basically filtering the information and displaying it in a way that can be useful in a certain context. For instance, the client’s page in great for a status update with the client as it gives an overview of what’s happening with their merchandise as well as providing the opportunity to export the information in PDF format for quick sharing”

Like what you see?

Get in touch and get a free consultation for your project