Product and contest platform

Orbiiit

A mobile-first UX/UI system for contest discovery, voting, onboarding, checkout, and post-vote sharing across a high-energy entertainment product.

Orbiiit desktop contest discovery page with hero carousel and voting sections.
Mission

Make contest participation feel fast, clear, and motivating.

Orbiiit needed a product experience that could support entertainment campaigns while still making voting and account actions easy to understand.

My contribution

I refined the UX from entry to post-vote sharing.

The work covered onboarding, contest detail, voting states, checkout, result feedback, and reusable UI patterns for a growing product surface.

84%Onboarding completion
~30 secTime-to-first-vote
25Contests supported
50K+User count
Product surface

Contest discovery needed rhythm and momentum.

The desktop surface had to balance campaign storytelling, organizer context, voting deadlines, and action states without overwhelming the user.

Orbiiit desktop contest page with feature carousel and vote tabs.
Desktop discoveryHero campaigns anchor the voting experience.

Contest cards, prize details, round timing, and participation actions are grouped so the user can understand the campaign quickly.

01

Keep voting actions visible while users browse rich contest content.

The vote control stays in the user's scan path, so campaign content can stay rich without burying participation.

02

Use the teal brand accent for action, state, and orientation.

Teal works as the product's orientation layer: it marks active controls, progress, and state changes across dark surfaces.

03

Make onboarding progressive so account creation does not feel like a wall.

Breaking setup into smaller steps lets users finish identity, verification, and profile details without facing one oversized form.

04

Treat post-vote sharing as part of the product loop, not an afterthought.

Sharing appears immediately after the vote or payment moment, turning completion into the next growth action rather than a dead end.

Mobile first

Voting flows stay immersive without hiding the action.

The mobile screens use full-bleed content, persistent voting controls, and compact profile cues so entertainment and utility can coexist.

Orbiiit contestant story screen with a persistent vote action.
Vote screenThe story is full-bleed; the vote control stays pinned in the thumb zone.
Orbiiit contest page with Vote Now and Participate Now tabs under the campaign card.
Contest pageVote Now and Participate Now sit side by side under the campaign card.
Orbiiit search results with contestant status badges.
Contestant statusSearch shows where each contestant stands: On 2nd Round, Finalist, Winner.
Onboarding

Account creation became a guided sequence.

Instead of treating registration as one heavy form, the flow breaks trust, identity, credentials, profile photo, and name capture into smaller decisions.

Orbiiit login bottom sheet with email and password fields.
EntryLogin stays focused and direct.

The dark surface uses a single accent for field focus, password recovery, and the primary action.

Orbiiit onboarding flow with verification, credentials, profile photo, and name screens.
Progressive onboardingOne decision per screen reduces cognitive load.

Verification, terms, profile setup, and identity fields are sequenced so the user always knows what comes next.

Two sides of the stage

One contest, two very different journeys.

Fans bring the votes; contestants bring the story. Switch sides to see how the same product carries each of them from first look to the final round.

The fan side is built for momentum: find a contest, understand the stakes and the rounds, then vote, pay, and share without ever leaving the story.

Orbiiit contests page on a phone: Contests that launch careers, a one-minute explainer card, and contests accepting entries.Live · Sep 2026
Fan · step 1 of 6
Find a contest worth caring aboutContests lead with who is hosting and what is at stake — a live countdown, a one-minute explainer, and a clear state: registration open, or voting in progress.Celebrity-hosted contestsLive countdownsExplainer before commitment
Conversion loop

Checkout and sharing complete the voting journey.

After voting, the interface supports purchase detail, confirmation, share prompts, and continuation instead of dropping users at a dead end.

Orbiiit checkout, thank-you, share, and continued voting screens.
Purchase to sharePayment details, confirmation, and share prompts stay connected.

The product loop keeps users oriented after the transaction and gives them a clear reason to continue browsing.

Product system

Dark UI components were organized for campaign scale.

Voting cards, top banners, buttons, rounds, pagination, progress bars, and desktop navigation were collected into a reusable visual system.

Orbiiit design system board with contest cards, buttons, rounds, navigation, and voting states.
Outcome

A contest experience with stronger momentum.

Orbiiit’s flows connect discovery, onboarding, voting, payment, and sharing into a more connected product journey, while preserving the brand’s high-energy visual language.