Ukey

A micropayment service aimed to offer alternatives for those self diagnosed with Subscription Fatigue. No longer will you need to be inundated with countless subscriptions. Ukey offers consumers access to subscription digital content for a fraction of the cost and merchants the ability to diversify their ability to monetize their content.

Year

2022

Team

Aaron Grady, Machiko Matsufuji and (myself) Adam Oyunge.

Project Type

Website

Role

UX Designer

Project Overview

The new way to purchase digital assets and services.

The client came to our UX team looking to have their site go through a UX audit and improve their current UI/screens in Figma to be handed off to their CTO and team of developers.

Challenge

Conduct research and interviews to create data driven design to improve their landing page and dashboards for both their consumer and merchant customers. While keeping it visually interesting and universally accessible.

My Role/Responsibilities

Research
Conduct user interviews and surveys
Design consumer and merchant Dashboards
Developer handoff

Research & Planning

Gaining insight & empathy

Initial research was conducted on similar payment websites and mobile applications to acquire insight on industry standards and gain empathy for users and understand what type of structure, layout, and functionality is needed for users to feel confident when utilizing a service to make or receive payments. We identified companies that were leading the industry and analyzed what worked and what didn’t in order to design a better experience.

Feature Inventory

We identified competitors and conducted a feature inventory, taking stock of the features competitors offered on their site compared to Ukey.

Snapshots from our Consumer Survey

We created consumer focused surveys to further understand what similar payment services and subscription content people were using and gauge their experiences with these services.

Affinity Maps

We conducted several in depth interviews with both potential "consumer" and "merchant" users. Between our responses from our survey and our interviews we synthesized our notes into Affinity Maps highlighting key take aways that allowed us to further empathize with our users.

Persona Jack (Consumer)

From our consumer surveys and in depth interviews we created Jack! Jack is our consumer persona, Jack is aiding us to empathize with our users. When in doubt, we ask would Jack find this useful?

Jack's Userflow

We created a simple user flow for Jack to see imitated a scenario where Jack would use Ukey out in the wild.

Persona Terra (Merchant)

From our in depth interviews with our merchant friends we created Terra! Terra is our merchant persona, Terra is aiding us to empathize with our merchant users.

Jack's Userflow

We created a simple user flow for Terra that would be the optimal flow she would interact with on a day to day basis as she's busy running her business.

Site Map

We simplified the site's initial structure by combining similar information onto single pages and  renamed menu items to make the navigation more intuitive.

Wireframes

We knew from our research that the survey overview and individual survey pages were where drop off could occur. We explored a variety of layouts for those two pages in wireframes to determine which type of layout would create an easy and engaging user experience.

Final Design

Designing simple, no fuss user friendly UI

By focusing on the core of what Ukey offers as a service and our feedback from user research we were able to design a website that makes ditching subscriptions and adopting Ukeys transformative and liberating micropayment service easy and effective.

Consumer Dashboard

Key Features
  • A top bar highlighting account balance, and overall spending.
  • A simple, clear and effective side bar making it very clear where to navigate to get all necessary information.
  • A Recent Activities card to see your most recent purchases with hyperlinks to your purchased digital assets.
  • Quick Action card to purchase more digital assets "Ukeys" through the site and to to view all your purchased digital assets "Ukeys".

Merchant Dashboard

Key Features
  • A top bar with snapshots of your gross sales, net sales, fees, and today's sales.
  • A simple, clear and effective side bar making it very clear where to navigate to get all necessary information.
  • A Recent Transactions card to see your most recent sales, including the digital asset sold and customer information.
  • Quick Action card to create more digital assets for your business.

Merchant Analytics page

Key Features
  • Gross Sales Graph
  • A simple, clear and effective side bar making it very clear where to navigate to get all necessary information.
  • Sessions by Device gauge
  • Recent Transactions card, serving as a snapshot of your sales and customer information.

Consumer Statements page

Key Features
  • Simple, clean, no fuss Statement's page giving consumers exactly what they need. Their purchase history with links to their purchased digital assets and how much they spent on their digital assets.

More Projects

Baker Creek

Sunrise Mart