JavaScript required
We’re sorry, but Coda doesn’t work properly without JavaScript enabled.
Skip to content
Gallery
Product
Sprint Backlog
Roadmap
PRDs
Shared PRDs
Release Plans
New Markets
Campaign Playbook
Personas
Product Offerings
OKRs
Queries
Archive
Meeting Notes
Miami Kickoff
Customer Profile
Updated Onboarding Tutorial
LA Metro
More
Share
Explore
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 (
Ctrl
P
) instead.