Earn

Introduction

The scope of this project encompasses the redesign of the "Earn" tab interface and user experience.

Business Objectives

Improve the discoverability of earning opportunities and incentives for users

Better communicate new offers and informational changes to rewards users

Feature Description

Current Layout

Recent earnings

Takes up a majority of the earn tab and pushes down all the campaigns forcing the user to scroll more

Featured campaign

Highlight a single campaign at the top of the screen

Campaign categories

Campaigns are grouped into categories, users can scroll horizontally to view all of the campaigns within the category

📸 Screenshots

Challenges with this layout

Only supports one featured campaign

Takes up a majority of the screen due to the emphasis on the photo in the campaign card (doesn’t provide much value to the user)

Forces users to need to scroll more through campaigns

Poor communication back to the user

When we want to inform users on new updates (i.e. changes to point values) we create a new campaign category with an “information” campaign that lists the detail of the update

Info campaign often get overlooked since that they look like any other campaign type

Campaign categories aren’t designed with realistic data

We often have campaign categories with a single campaign in them and taking up more vertical space on the earn tab

Design Requirements

Ability to fully customize featured campaigns (Note: We’ve built an internal tool that allows internal team members to create and customize campaigns without dev)

Support more than 1 featured campaign (allow us to highlight new updates/information to users)

Support having no featured campaign at the top of the earn tab

Ability to place a featured campaign(s) in any UI position (not restricted to only the first campaign)

Campaign categories that better display a single campaign within the category

We currently have various states for campaigns, these should still be supported in the new design

Locked - Campaign requires an app connection (i.e. lime, strava) and the user doesn’t have the app connected

Unavailable - The user has already reached the limit for the campaign participation on the bucket. A grey overlay and a clock icon is displayed over the campaign card

Available - The user is able to participate on Available campaigns and the campaign card is displayed with no extra indicator

The new feature campaign card should take the emphasis away from the image and focus more on the title of the campaign

Details view of the campaign will remain the same for now

Other considerations

Desktop! Will expand our offering to desktop in the near future

Design Ideas

⁠

Technical Requirements

Featured Campaigns

Can show up to 3 featured campaigns at a time

Featured campaigns should support the same states as per designs (active, locked, unavailable)

Feature campaign UI position should utilize the same logic as it is currently

If a campaign is featured it should not be displayed in the regular campaign section

Design changes should only be applied to mobile breakpoints (desktop will follow in a future ticket)

Campaigns

UI ordering?

Campaign categories

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.