Seller Metrix

Track your sales and insights on the go

Release: November 8, 2018
A phone mockup holding a login screen
Client

Seller Metrix is the #1 Amazon analytics tool for sellers. It helps users track their sales, profit and other key insights in real time allowing them to find ways to increase conversions and sales.

Challenge

Develop a way for users to peak into their data heavy insights anywhere, anytime, with ease while on the go.

Role
Concept
UX
UI
IxD
Prototype
Art Direction
Technology
React Native
iOS
Android
A logo image of the Seller Metrix app

Overview

People selling primarily on Amazon, are often on the go, as they do not have the need to be present in a physical store. While traveling most feel the need to still be able to peak into their data heavy sales insights at any given time, with ease. We wanted to provide them with an extension to our already existing web app.

Persona #1

A photo avatar of a random person that represents persona number 1
Jake Rod, 34yo
Owns an online shop, Consults for eCommerce sellers

Success Criteria

  • Increase his sales
  • Prove that selling online can be profitable
  • Take more informed decisions
  • Travel Lighter

Behaviors

Jake is a workaholic that travels a lot to meet with key stakeholders. He hardly ever removes his earbuds and is always online.

Goals & Needs

  • Access what he considers core in life with ease
  • 360º view of his sales
  • Center his insights in one place
  • Free up some time

The possibilities for creation and insight are endless. We're constantly collecting more data, and it's starting to be very relevant to our lives.

Favorite Apps

A logo image of Google Drive
Google
Drive
A logo image of Google Analytics
Google
Analytics
A logo image of Hotjar app
Hotjar

Persona #2

A photo avatar of a random person that represents persona number 1
Ana Belmore
Sales researcher for a one of the world's top 500 startups

Success Criteria

  • Keep a registered track of her analytics
  • Perform research on real data in a quick and easy fashion
  • Confidently open her apps in public places without fearing for her data privacy

Behaviors

Ana strives to improve the sales process of her employees through research, data and analytics. She loves to travel and uses a few useful tools to manage her work remotely.

Goals & Needs

  • Impress her boss with data-drive results
  • Create clear expectations and reasons behind actions
  • Improve her ability to work on the go to the point she can comfortably remotely work from anywhere

The amount of data and analysis available for free is a true example of information explosion has leveled the playing field for individual investors.

Favorite Apps

A logo image of Hubspot
Hubspot
A logo image of Google Analytics
Google
Analytics
A logo image of FBA Wizard
FBA
Wizard

A Scalable System

In order to faster prototype in high-fidelity and to stay true to our deadlines I decided to create a styleguide that would help in both designing for fast iterations and also that would allow a more seamless and consitent implementation of the necessary components.

Colors

A meaningful way to give context

Typography

Creating hierarchy through type
An image of the character set setup for this application styleguide

Iconography

Details where they matter
An image of the icon setup for this application styleguide

Value Proposition

With a data heavy dashboard we want users to be able to quickly get a top level view of their current situation. “Is my day going great?” has to be answered as quickly as possible in order to entice further investigation or to help reduce the anxiety of running through what could be a huge amount of sales data.

A phone mockup holding a login screenA phone mockup holding the main app screen while managing columnsA phone mockup holding the main app screen

Heavy Data Analysis Available, Anytime, Anywhere

Data tables in mobile can be daunting, and tricky. Our component allows you to customize which columns you want to see and in the order you want to see. Too many columns? No problem… We also sport a scrolling component so you can compare several items in an easy way.
An image of the chart used in the app Seller Metrix

Compare Data Intervals

Users can customize a time range, that they can refer to when comparing their sales data or, they can use one of the premade options for getting around quicker.
An image of the Data Table component used in the app Seller Metrix
A blurred image of the Settings component used in the app Seller MetrixA blurred image of the Settings component used in the app Seller MetrixAn image of the Settings component used in the app Seller Metrix

Customize Your Data For Your Needs

Users come in all shapes and forms. So we wanted to give them a way to define what defaults are better for them.

User Privacy Matters

People are becoming increasingly aware of the privacy issues we run into today. Moreover, people often want to keep some parts of their data private while sharing it with key stakeholders. In Seller Metrix this is as easy as One, Two, Three.
An image of the incognito component used in the app Seller Metrix

Make Onboarding Easy For Everyone

Seller Metrix gives users their trial period to try the app for free. Once trial is over a user can take their customised and insightful onboarding for becoming a member.

Become a Member Right Through Your Phone

To help with conversion, non member users get a customized onboarding and a way to add their preferred payment method without leaving their app.
A digital screen mockup holding an onboarding screen 1A digital screen mockup holding an onboarding screen 2A digital screen mockup holding an onboarding screen 3

Human Centered Illustrations

An illustration of a parachute holding a large metal container, referring to the enterprise plan of the app
We’re humans, not robots and we empathize when presented with situations that we daydream about. We wanted to really transmit what it is you will feel like while easily analysing your data on the go! So we teamed up with @Oak-ay Studio to bring our concepts to life creating a cohesive showcase of different situations.
An illustration of many balloons holding a large carton box, referring to the growth plan of the app
An illustration of a girl holding a phone with plants and carton boxes on the background.
An illustration of a balloon holding a carton box, referring to the pro plan of the app
An illustration of a girl and guy holding on to a balloon, relating to the trial of the Seller Metrix app
An illustration of a balloon, referring to the trial plan of the app
An illustration of a guy chilling with boxes by his side, relating to the easy onboarding to the Seller Metrix app
An illustration of a girl and guy assembling a conceptual chart, just like you can do in the Seller Metrix app

The Outcome

Registered Users
+25%
Active Desktop Users
70%
Paying Users
+15%

Thank you for reading!

Made with by Bruno Charters

Here's a few bespoken tales

Kind Words

A photo of a person who gave a testimonial
Per-Ola Röst
Founder & CEO @ Seller Metrix
[...] Bruno tries to understand your product on a deeper level to deliver results that are tailor-made for your users. [...] He will design a great user experience that not only looks good but can easily be implemented by our front-end developer - this has saved us a lot of time and resources which is so important in this fast-moving industry. I would highly recommend Bruno for any UX / UI design related work."
A conceptual image of a network of people, seen through many photo avatars