[Q100] Quest Management UX  

Quest Management UI/UX

Brief

Code-quests is a platform that helps business publish projects (called Quests) and ask a community of developers and designers to compete to build the best, highest quality implementation or design.

Given that multiple talented designers or developers work on the same project, the expected variations, out of the box thinking, and unique perspectives shine through the implementation. Something that is not achievable in traditional software projects.

Another important factor is the speed of development, the time bounded nature of quests, ensures that the project owner gets the project done faster, also competitors are engaged with the project to finish it in time.

Each Quest has 4 phases:

1. Published / Open: The quest is just published by the project manager on the platform, it is visible in the quests list page. Possible competitors read and learn about the quest. In this phase, you are asked to "Register" to show your commitment to work on this project. (think Join the quest).

2. In Progress: Competitors have registered and are working to finish the project and can submit any time. No more registrations are accepted in this phase. In this phase, You are asked to "Submit" your work.
   Note that judges might review the submissions and reject them during this phase, but a winner will never be announced.

3. In Review: Submission deadline passed. Competitors have submitted, no more submissions are being accepted. Reviewers/Judges are checking the quality of the submissions and selecting a winner. usually this is 2 days max.

4. Completed: The winners were announced and the quest were completed successfully. Note that due to no registration or no submissions or low quality submissions, the quest might fail, but will be closed due to low-engagement.

Quest Goal

In this quest, the goal is to build a high-fidelity UI/UX design that covers important parts of this platform.

Actors

1. Project Manager: A Senior who is interested in building this project by the community, he writes the requirements for the project, and answers questions about the project, and also helps review the submissions after the project is completed.

2. Possible Competitor: A developer or designer reading about the quest and trying to consider to register or not. he should consider the skills needed (technology or tools), difficulty (experience level), time limitations and deadline.

3. Competitor: A developer or designer who registered in the quest, indicating his interest in working on this project and submitting before the deadline.

Tasks

Design 5 pages, and 1 post:

1. Website Homepage

2. Quest List Page

3. Quest Details Page

4. Competitor Home Feed (see his registered quests, and other updates)

5. Email Reminders and Email Updates

6. Social Media Updates about available quests and deadlines. (Facebook, Whatsapp)

The design should help users complete these scenarios:

1. Help developers and designers discover quests that suit their skills and time.
   Hints: in Quest List page: listing, and sorting and information visible in each quest

2. Surface the Time restrictions and deadlines in a clear way in Quest list and Quest details, in a gamified style. The visual style should help generate urgency and excite competitors to finish faster before others.
   Hints: in Quest Details and Quest List page: consider using progress bars, or timers, etc.

3. Help Competitors and project managers assess how many other competitors are registered and submitted on 

4. Help Competitors to understand what this site does and how quests work in general. maybe using illustrations.

5. Help reminder registrants/competitors about the registration deadline and submission deadline.

6. On each page, make sure every actor knows what is the next step for this quest and, when they should complete it.

Brand and general theme

The theme of Quests, epics, and Journeys should be featured. Currently no assets are available to represent the brand.

The theme should stress growth and career building, also it should feature gaming like competition, however still keep a professional tone.

The target audience are Egyptian and Arabic speaking community. Especially growing economies (Egypt, Palestine, 

The website is considered a form of Bug Bounty platform.

Out of Scope

1. Login and Signup

2. FAQ and About pages

3. Project Manager Experience (drafting the quest, publishing the quest, reviewing the submissions)

Submission details

The submission must include the following:

1. Video walkthrough the journey.

2. Figma or Adobe XD or similar source file

3. Screenshots of the designs

4. Licence.txt file detailed all the images, icons, stock photos you used in the design.

5. Send the UX Evaluation form to a minimum of 5 of your friends or colleagues to evaluate it by filling this form https://forms.gle/zHjNb4pSVucSKbU1A, you must send them a live prototype so they can evaluate the User Experience.

Acceptance Criteria

Please read the UX Scorecard to see how the winners will be selected, and how we evaluate the best designs.

• Prefer Illustrations over Stock Photos as much as possible, 

• Use public, free, open source icons, images and assets.
  Creative-commons licenses and Attribution licenses are also acceptable.

• Additionally https://www.flaticon.com/ icons and illustrations are also acceptable. The client will obtain the licence if you indicate so.

• If you design your own icons or images, you accept (if you win one of the prizes that you give full copyrights to code-quests.com).

• Minimum acceptable score is 160 (80% of 200). First, Second, Third place will be the highest score above 160.

• If two submissions earn the same score, the first submission will get the highest place.