For project inquiries:
hellohiraali@gmail.com

9:22:25 PM

The names, trademarks, marks, and symbols belong to their respective owners.

Product Refresh

Enhancing Three, a Web3 platform

Enhancing Three, a Web3 platform

Overview

Overview

Three is a Web3 platform developed by Okay in early 2023, built to enrich the Okay Bears ecosystem. Shortly after launch the platform experienced growing pains.
Three is a Web3 platform developed by Okay in early 2023, built to enrich the Okay Bears ecosystem. Shortly after launch the platform experienced growing pains.

Role

Role

Product Designer

Timeline

Timeline

6 weeks

Team

Team

Okay Bears Product Team

Main Challenge

Users are no longer interested in using the platform.

Users are no longer interested in using the platform.

With limited activities beyond badge earning, users had little reason to return. The platform didn’t offer enough to sustain engagement over time. As the Okay Bears ecosystem matured, users expected more depth, clarity, and utility from the platform. They wanted a space to track, and manage their collections and rewards.

The UI also leaned heavily on saturated colors, creating a cluttered and chaotic experience that didn't match the goals of the company.

Old Website

Problem Statement

How might we enhance Three while keeping honoring previous design decisions?

How might we enhance Three while keeping honoring previous design decisions?

Research

We conducted a full audit of the UI and evaluated feature usage.

We conducted a full audit of the UI and evaluated feature usage.

Common themes included poor navigation, low discoverability of rewards, and unclear engagement pathways. We also spoke with active members of the Okay community and surfaced clear pain points.

Painpoints

Unable to benefit
from product features

Unable to benefit from product features

“Having only one NFT restricts my ability to fully benefit from this platform, as it limits the number of tickets I can earn for raffles.

App lacks meaningful
engagement

App lacks meaningful engagement

"While the platform functions adequately, it doesn't offer much beyond ticket checking, which limits my time spent on the site.”

Difficulty tracking
in-product offers

Difficulty tracking in-product offers

“I often miss out on the website's raffles because I'm unaware when they're ending.”

Solution

Design clarity without compromise.

Design clarity without compromise.

We introduced a refreshed visual system and improved platform functionality to simplify the user experience and drive engagement—all while staying true to the original Okay design language.

Update #1

Redesigning the homepage to be functional

Redesigning the homepage to be functional

We redesigned the homepage for clarity and function—adding ad spaces for timely announcements, a dedicated account settings button, and a new ticket count indicator. A simplified color palette enhances navigation and reduces visual clutter.

Update #2

Streak tracking 
enhancements

Streak tracking enhancements

We enhanced the streak system to boost engagement and clarity—surfacing actions like the daily “GM” streak, adding a countdown timer, and displaying streak stats to help users track progress and stay motivated.

Update #3

Introducing a
ticket dashboard

Introducing a ticket dashboard

To give users more clarity and motivation around their participation, we introduced a centralized Ticket Dashboard. This new feature allowed users to easily track how many tickets they earned from streaks, engagement, and other platform activities. 

Updated #4

Organizing grails
thoughtfully

Organizing grails thoughtfully

Grails are exclusive badges for users who hold specific combinations of Okay Bears NFTs. The rarest—like the Diamond Hand—is awarded to those with NFTs from all collections, with users able to earn multiples by owning multiple full sets.

To support this, we built a modular badge system and modal layout that clearly shows NFT holdings and unlocked grails—making it easy to track progress while celebrating top collectors with a clean, visual experience.

New

New

We introduced updated badges and interactive modals as part of the Grails update

We introduced updated badges and interactive modals as part of the Grails update

New

New

For highly engaged users with multiple Okay Bears, we added a digestible summary for our rare grails

For highly engaged users with multiple Okay Bears, we added a digestible summary for our rare grails

Update #5

Building a notifications
system for Three

Building a notifications
system for Three

We built a new notification system designed to keep users informed about platform activity, upcoming events, and reward opportunities, without overwhelming them with information. 

Update #6

Introducing a location to manage collectibles

Introducing a location to manage collectibles

We introduced a dedicated collections page to help users browse and manage their digital collectibles with greater ease. 

Outcome

The redesign resulted in noticeable improvements in the platform’s usability and user satisfaction.

The redesign resulted in noticeable improvements in the platform’s usability and user satisfaction.

Reduced visual clutter
We streamlined the design system by cutting down excessive colors and reworking type hierarchy, improving readability and overall clarity
Scalable foundation
The refreshed system allowed for faster iteration, easier developer handoffs, and set the stage for consistent future product rollouts.

Contributors

Hira Ali Product Designer
Tauqir Ullah Senior Product Designer
Hira Ali Product Designer
Tauqir Ullah Senior Product Designer