Spearheaded the design of a new web app built to train decision-making

Preception

Empowering small businesses to supercharge their
marketing efforts and operations efficiency

Product Thinking

Interaction Design

Prototyping

QClub is a loyalty rewards platform that enables small businesses to run effective marketing campaigns that boost their customer acquisition and retention rates at a fraction of the cost.

I was the acting lead designer, responsible for the oversight of this project in addition to the strategic, interaction and visual components. Also often facilitated workshops and user testing sessions.

Role

Product Designer

Team

3 x Stakeholders

3 x Engineers

2 x Designers

Platform

Web App

Type

Contract

Date

Apr-Sep 2020

Impact

We've seen a promising improvement rate since testing out our MVP with a selection of professional and university-level teams. The product most notably improved player performance by 10%.

+43%

User acquisition rate

+67

Net Promoter Score

55%

Weekly engagement rate

Shipped : April 2021

fostering growth opportunity
in a post-covid economy

Focusing on features goals

Working backwards from our product requirements brief, We aimed to ensure that we aligned well with our business and user's objectives so we can instinctively evaluate our solutions.

Early challenges

1

Purposeful design

A lack of compelling data did not initially back up the proposed featured set. It seemed as though some features were based on assumptions, and they needed to be challenged.

2

Defining success

It was initially unclear how we were going to measure success. A few stakeholder interviews helped in uncovering our short-term goals.

Our guiding design principles (Left) and our feature prioritization scale (right)

Aligning our
aspirations

Goal

Increase our customer acquisition rate

Grow our engagement rate week by week

Requirements

Campaign creation is a core element of the product

Consider scalability of our design implementation relative to our product roadmap

Opportunity

Market differentiation ( Aggregation )

Increase merchants’ market visibility

Discovery workshop I facilitated in order to get the team aligned in the early stages

Because we had limitations reaching our target audience, gathering context through our cross-functional partners (specifically our sales team) became an integral part of our process to fill in the gaps.

Early challenges

1

Primary research

The team had conducted preliminary research before I joined. Therefore, I focused my efforts on synthesizing relevant insights.

2

Hardware dependencies

Because the product has a big hardware dependency, we encountered setbacks that would later influence feasibility.

3

User testing

Access to our target users was challenging to coordinate. Therefore I used guerrilla methods to carry out usability testing.

Constraints

1

Primary research

The team had conducted preliminary research before I joined. Therefore, I focused my efforts on synthesizing relevant insights.

2

Hardware dependencies

Because the product has a big hardware dependency, we encountered setbacks that would later influence feasibility.

3

User testing

Access to our target users was challenging to coordinate. Therefore I used guerrilla methods to carry out usability testing.

uncovering a
fragile reality

Problem statement

Small business owners struggle to find a balance between running their business and growing it. Additionally, the pandemic has forced many of them to recalibrate their entire way of delivering their service.

The pressure of an evolving economy has bloated both the tech stack needed as well as their capital requirements to run a modern-day business.

Sales acquisition team member

understanding
merchant needs

Primary user story

As a small business owner, I want to automate as much of the business development process as possible so that I can focus on delivering the best service while scaling my business online.

Data gathering

First, I interviewed Leigh to understand his vision for the solution; I then proceeded to sort through relevant data from user research to get as much perspective as possible. Lastly, I performed secondary research to get more context of the market and business drivers.

Stakeholder interview notes

Key pain points

1

Leveraging existing
customer data

Data is a crucial leverage factor during contract negotiations, and this type of data was unquantifiable to help re-enforce a player's value.

2

Highly visual = easier to understand

In sports, visualization is key to understanding actions. Previous tools they used relied too heavily on text-heavy data or complex graphs.

3

Familiarity with video analysis

Players have dedicated time to review game film after training, but they lack further context without data to support what they're seeing.

Early challenges

While we had some good information, some gaps remained; resorting to employing a few assumptions helped us form a hypothesis for the right solution.

Assumptions

1

Our user's familiarity
with similar tools.

2

Integration with current
training workflow.

Hypothesis

If quantifying their awareness meant improving their performance, then presenting this in a clear and digestible manner will help inform their training regimens

Bringin' it in

Solutions

1

Side-by-side video
and data analysis

Given our users' familiarity with video analysis, we felt it would be important to continue that familiarity and use data as a supporting actor.

2

Moment-to-moment logs

The hardware used will be tracking the players' movement and record key moments in time. This will then give a micro-level view of the player's awareness.

3

Data breakdown

Breaking down the data into primary KPIs based on the OODA loop will empower the player to understand what areas need improvement.

Leigh (Right), testing out our hardware

Data collection

A scalable system.
a better handoff.

Mapping existing
mental models

The Preception dashboard needed to handle seemingly complex data and present it familiarly. Leveraging my research insights, I began by examining comparative experiences in the market.

Competitive analysis and visual references

Translating ideas
to testable solutions

I began ideating concepts based on each solution proposition and competitive analysis. Our main objective was to simplify and contextualize data down to their primary key performance indicators.

Giving early-stage prototypes in my team’s hands reveals a few significant technical considerations as well as overall information architecture.

Leigh (Left) and lead engineer Taric (Right) during early prototype testing

Usability testing

Goal

Get alignment on feasibility

Evaluate information architecture

Questions

Can the user navigate to view a logged moment?

Does the timeline view provide enough affordance?

Iteration #1

Optimizing for affordance

Iteration #2

Refining information architecture

Usability outcomes

After conducting two rounds of moderated usability testing

20%

Improvement in task completion rate

17%

Improvement in task flow

Leigh (Right), testing out our hardware

empowering athletes
through simplicity

Data at a glance

Having the most up-to-date breakdown of your data allows the user to gather context around their performance.

Analyze key
moments

Paired with video review, key moments provides the player tangible information that can be used for future training.

Quick access
to film reviews

Having film sessions easily accessible is an integral part of maintaining engagement and allows discoverability to relevant content.

Impact

We've seen a promising improvement rate since testing out our MVP with a selection of professional and university-level teams. The product most notably improved player performance by 10%.

+43%

User acquisition rate

As measured by number
of users signing up

+67

Net Promoter Score

As measured by customer
satisfaction surveys

55%

Weekly retention rate

As measured by users re-visiting the dashboard during BETA

Shipped : April 2021

I'm actively looking for full time opportunities. Feel free to reach out if you believe I would be a great fit.

Let's Chat

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Contact info

Location

Vancouver

Social

© 2021 Max Ramos. All Rights Reserved.
Proudly Built & Hosted with Webflow.