Build the Quest page UI

[clicksave]

Game developers should have a simple way of creating quests for their games and the controller should offer an out of the box solution to view and track those quests. Much of the architecture of how these quests get created is yet to be defined. but we do know a few things.

• Quests will be white labeled in the same way that assets and the activity feed are
• Quests will have a title and a description
• Quests will be sorted into complete/incomplete groups
• Quests will have their own detail views

Note: One of the assumptions I'm making in these designs is that we'll have a point system in place. This is subject to change but until we hear otherwise lets assume this will be the case

OK, lets walk through it

---

Navigation

• Quests exist in a top level tab on the profile page

---

Quest Groups

• Available quests are rendered with a description and an empty checkbox

• Completed quests are rendered in their own group
  Note: this has collapsed and expanded states (collapsed by default) and the group label tracks the number of completed quests

---

Quest Detail Page

• Clicking on a completed or incomplete quest brings up it's detail page

Note: This could potentially scale to include multiple steps or multiple rewards.
Note: I'm assuming that players a rewarded with points here, but the exact structure and implementation details of those are still tbd
Note: I added some space for extra descriptive text here, not sure thats necessary
Note: the close button is replaced by the back button and the page label is replaced by the quest label

Detail page for incomplete quests

Detail page for completed quests
Note: there are some state changes here. The checkbox is checked and the sublabel shows a 'completed' tag instead of the point value

---

Figma