UX Update

Campaign Details View [WIP]

Overview

UI update to the campaign details view

Goals

Enable users to easily understand the requirements to earn campaigns and what they’ll earn if completed

Current Design

Challenges

Streak
Users are unable to see the goals for the upcoming week
Badges
Not great at highlighting key details about a campaign
Currently use badges to communicate
points
earning rules (i.e. 1x per week)
earning days (i.e. weekend)
Campaign description
Text is small and low contrast making it difficult to read

Design Requirements

Badges
Add more emphasis to the point earnings rather than displaying as a badge
create specific badges for the following
New
Expires soon
Limited offer
Survey campaign
Add an additional CTA to the detail view that will redirect user to an external survey tool
Streak campaign
Add additional next to state the next streak target
Should be added to the card view (featured + regular campaign) and the campaign details view

Campaign details view states

Locked

Requires app connection
Add a CTA that redirects user to the app connection page

Unavailable

User reached earning limit
Add text to explain that the user reached the earning limit and time until the user is able to earn the campaign again

Edge cases

Some campaigns will not have points (used as informational campaigns), provide an iteration that does not show points
Character limits
Campaign Name (req.)
Length: min. 3 max. 100
Sub-header 1 & 2 (Optional)
Length: min. 3 max. 25 → if at least one character is entered
Description (req.)
Length: min. 3 max. 1,000
Provide iteration without sub header 1 +2

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.