Contact
Contest platform

Orbiiit

From discovering a contest to being part of it.

A mobile-first product experience connecting onboarding, voting, checkout, and sharing.

View case study
Role
UX/UI Designer
Scope
Onboarding, contests, voting, checkout
Focus
Participation, feedback, product consistency
Scroll to explore
Mission

Make contests 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
Inside the interface

One screen. Six design decisions.

From the first search to the next contest, every part has a job. Scroll to follow the reasoning. Select a numbered marker to jump to a detail.

Orbiiit desktop contest screen with people search, a featured DJ Khaled campaign, registration and prize tiles, a Participate button, voting tabs, and contest listings.
Desktop discoveryFrom interest to participation
01 / 06

Search offers a direct route.

  2. What is this contest about?

    The campaign earns the first look.

    The host's name, portrait, and campaign artwork occupy the same card, so the contest has an identity before the user reads the details. Visible edges of adjacent cards and arrow controls signal that there are other campaigns to explore.

    • Recognition before detail
    • Visible browsing affordances

  3. Is it worth entering, and when?

    The deadline and prize travel together.

    Two compact tiles answer the practical questions beside the story: when registration ends and what the top prize is. Icons support written labels rather than replacing them, so the decision does not depend on interpreting a symbol.

    • Decision support
    • Labels alongside icons

  4. What can I do next?

    Participation gets its own emphasis.

    A wide yellow Participate button sits directly below the deadline and prize. Its contrast separates the main action from the dark campaign artwork, and the verb states what happens next. On this screen, yellow invites entry while teal marks navigation and selected states.

    • Action hierarchy
    • Explicit action labels

  5. Am I here to vote or to enter?

    Two intentions, one familiar place.

    Vote Now and Participate Now sit together between the feature campaign and the listings. The selected tab combines brighter text with a teal underline, making the current view visible without using color alone. The surrounding campaign context stays in place.

    • Visible selection
    • Context stays in view

  6. Which contest should I explore?

    Repeated rows make comparison easier.

    Each listing follows the same order: campaign image, title and summary, then a round-end date on the right. Keeping those elements in consistent positions lets someone compare contests without relearning the layout for every row.

    • Consistent scan paths
    • Dates beside the decision
UX cases

What fans ask, and where the app answers.

Pick a question. See the screen that answers it.

One step per screen, with progress.
Four Orbiiit signup screens in a row: verification code, email and password, profile picture and name, each with a progress bar under the main button.
Concepts · not shipped

Three I would design next. Try them.

    1. 1. Maya R.412 votes
    2. 2. Leo T.388 votes
    3. 3. Ana P.351 votes
    4. 4. Your pick342 votes

    10 more to reach place 3.

    Show what more votes would change.

    Add votes

  • 3 free votes today.

    Let a mistaken vote be undone.

    Vote, undo

  • Round 2 closes in 02:14:09. No reminder set.

    Remind fans before a round closes.

    Pick one
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.

Explore the interactive library of tokens, contest components, voting flows, and screen templates built from this board.

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.