BONUS: 5‌ CHECKPOINTS AWARDED WORTH ‌$100‌ EACH

Register
Submit a solution
The challenge is finished.

Challenge Summary

Welcome to "BOOST - Task Marketplace Responsive App Design Concepts Challenge". We are in the process of developing and planning out our new Task marketplace application, which will become an internal community portal used by our employees to crowdsource open work/tasks within our company. The main purpose of this app is to be a task marketplace - a tool where tasks can be posted, searched, and completed. We want you to focus on the UI/UX interactions and bringing clean and simple (creative) solutions to how this application should work. What should the user see and experience when using the application!

Round 1

Initial design for client review
01. Login Screen
02. My Profile Screen
03. Dashboard Screen
04. Post New Task Screen
05. Manage Task Screen

Round 2

All requirements like stated in challenge details with client feedback applied
01. Login Screen
02. My Profile Screen
03. Dashboard Screen
04. Post New Task Screen
05. Manage Task Screen
06. Search Task Screen
07. View Detail Task Screen
08. Rate and Feedback Screen
09. Notification Screen


Background Overview
Many different groups throughout our company have identified the need for increased employee engagement and career ownership aside from daily project work. This need arises from the desire of employees to be more engaged with their work as well as take ownership over their career path. We want to facilitate and bring this idea to life in the company. In this challenge, we need your help to think the best UI/UX for our new Task Marketplace application.

Project Goals
Create a Platform that provides opportunities for practitioners to enhance their careers at our company by connecting practitioners to new experiences outside their normal client work. Employees can then use these experiences to develop the necessary skills and relationships to build their personal brand, receive constructive feedback, reflect on experiences and navigate themselves towards their desired project roles. Through this platform, leadership can ask for help with a task and receive an immediate response from interested and engaged candidates with diverse backgrounds from across our company.

User Stories
- Anonymous User login to the apps to determine their access level (Task Poster/Task Doer).
- Task Posters should be able to post tasks to the marketplace. 
- Task Doers should be able to view and apply for tasks. 
- Task Posters should be able to review task applicants, approve applicants, and provide feedback on Task Doers after a task has been completed. 
- Task Posters and Task Doers can check and edit their profiles.

Apps Key Features
- Task posting
- User profiles/ratings
- Task application submission
- Task accomplishment

Screen Requirements :
- For this challenge, we are looking for the below pages to be designed/considered in your concepts. 
- Feel free to Add or Modify the screen requirements to match with your design concept ideas.  
- The numerical order of screens below does not necessarily reflect prioritized functionalities of this challenge, please keep in mind that this is first and foremost a task marketplace..

01. Login Screen
- To be able use the application, a user needs to log-in first to the app.
- User clicks the "Sign Up" or “Sign In” button
- User enters in credentials and then system will validates credentials against our Active Directory
- System directs user to dashboard
- Provide error condition if user entered in a bad credential

02. My Profile Screen
- Once user is successfully logged in, they need to verify their profile information.
- User clicks on My Profile link from the dashboard
- System directs user to my profile page
- User will be able to see their profile information in this page.
- User can modify their profile by clicking an edit profile button.
- User edits fields related to profile, There are several areas that user can edit in their profile such as:
-- Basic Information (general biography information, job title in the company, locale, etc.) 
-- Skills Information (Experience, Technical Skills, Management Skills, Working Achievements, etc.)
-- Show/Hide Badges and Feedback from other user in the marketplace that they already achieved. 
-- Notification Preferences, System generates boxes with preferences email frequency, newsletters, and notifications
---- Notify me of an open task relating to ___
---- Notify me of a task approved
---- Notify me of an overdue task
---- Notify me of a task returned for revision
---- Notify me of an approved task
---- Notify me if someone sends me a message
---- Notify me if someone posts in the tasks discussion board
---- Notify me if someone accepts/rejects my offer or request
---- Notify me if I have forgotten to give feedback on an event
---- Notify me of any badges received
-- Anything else?

03. Dashboard Screen
- By default, this page will be appear every time a user opens the application.
- The dashboard content will vary depending on user roles.
- There should be some marketing content in it along with information about the application purpose in this page.
- Simplicity to perform searching of open Tasks?
- What should be appear in the Main Navigation?
- In Task Posters, there should be a button "Post New Task" to posting new work/job in the marketplace.
- Leaderboard? Recent Tasks/Activities? Open Task/Activity? News Feed? Chatter? Latest Information (Alerts, News, Blog, etc.?) What kind of content information needs to be presented here?
- Show summary of progress for user’s activity (My Task, My Latest Feedback, My Listing, Settings, etc?)
- Show user current status in a chart and/or diagrams (available working status, personal goal, works progress, open task, completed task, remaining, budgets, etc)
- Think of the best UI/UX concept design for this page. 

04. Post New Task Screen
- Task Poster/Requester can post new tasks in the marketplace
- Requester can do this by simply clicking on a "Post New Task" button from the dashboard.
- Requesters needs to select one of the sector/category for the tasks (use dummy content for the category / select box)
- System will generate a task template to enter the task details, there are several areas which either need to or can be filled in such as:
-- Requester fills in task name
-- Requester checks if Task needs Task Doer application approval by Requestor before assignment to Task Doer 
-- Requester lists required worker skills for completing the Task
-- Requester limits the career level of the worker for a Task
-- Requester lists the Tasks with tags for easy searchability
-- Requester provides a description of their Task in an open text field
-- Requester sets an expiration date for their posted Task
-- Requester can insert a charge code for their posting, only to be shared when match is made
-- Requester sets urgency of tasks by selecting a drop down – low, med, high
-- Requester sets a start date for their posted Task by selecting the system calendar view
-- Requester can indicate the longevity of a Task
-- Requester can indicate whether a Task has a chargeable time-code
-- Requester can include the sponsor (PPD) of a Task
-- Requester can select if a task will automatically start when picked up by a worker or if the Requester will need to approve the worker(s)
-- Requester can list the type of task being posted (e.g. PRD, 'Eminence', etc.)
-- Requester can indicate the number of workers needed for the Task
-- Requester can indicate the number of expected hours needed for the Task
-- Requester can indicate their preferred method of contact (e.g. phone, email)
-- Requester can indicate the task longevity (single, recurring, long-term recurring, etc.)
-- Requester can set an expected Task completion date
-- Requester can indicate the service line and industry of a task
-- What next? Show us your ideas here..!
- Once fields are filled, Requester can save and/or post tasks and System will generate the task
- Upon System generation of the task, notify poster that task has been posted (email and/or pop-up)
- System posts tasks to Boost dashboard and sends notification to practitioners based on type of tasks
- Task is now searchable in the marketplace.

05. My Tasks / Manage Task Screen
- Both Requesters and Task Doers should have a 'My Tasks' page for their tasks.
- Once Task is active in the marketplace pipeline, Requester can manage the task from this screen.
- Requesters (or Task Doer) selects "My Tasks" from the dashboard
- Requester selects one of his posted tasks and system will generate task dashboard
- Task Doer selects one of his current tasks and system will generate task dashboard
- Requesters can view the number of views on their posting
- Requesters can view number of applies to task

Task Applicant Brief Checking
- Requester can set notifications when someone applies to tasks
- Requester can respond to Task Doer inquiries about their posting
- Requester clicks to email the Task Doer to create an auto-generated email, System will link email with inquiries of specific Tasks
- Requesters can click a link to the applicant worker's profile to view skills (or perhaps see a quick user profile from the page)
- Requesters can "Approve" a practitioner to begin working on the tasks
- System generates email to Task Doer to notify of their selection to do the task

Task Communication
- In the Manage Task screen dashboard, there should be discussion board in the task page
- Requester can reply to any messages in the discussion board for workers associated to the task to see
- Requester can rate the quality of the completed work product
- Requester can endorse the worker upon completion of the Task
- Requester should be able to endorse the skills and interests listed in the "worker's" profile
- Requester will receive (SP) workflow Tasks when it is their turn to approve, reject workers
- Requester and workers will complete Task closeout surveys on the experience
- Requester can cancel a task that they have posted (at any point in the process)

Task Documents 
- Requester clicks on an active task  and System takes the user to the task's homepage
- Requester clicks on the button "Upload Documents", System shows an upload window with a message box
- Requester click upload and selects the file to upload
- Requester inputs a message into the message box describing what the file is (draft, final, supplementary document, etc.)
- Requester clicks "Ok" and the file is uploaded onto the task's homepage
- System sends an automated message to the Worker and Requester showing the name of the file uploaded and the associated message (if the task has already been assigned to a Task Doer)

06. Search Task Screen
- Task Doer can search Tasks from the dashboard and it will bring user to search Task screen to show the results. 
- Task Doer needs to be able easily perform another search in this page. 
- Task Doer can selects variety "type" of task using filter criteria if the original search not showing appropriate result (advance search):
-- Select range of hours for task
-- Select checkbox for charge code
-- What else? Show us your ideas..!
- Task user can perform another search with new filters applied and System generates applicable tasks
- Task Doer is able to view tasks by grid or list
- In the search result area, show list of matched Task along with summary of the Task important information (Task name, type, owner, duration, resources/people apply for the task, etc) 

07. View Detail Task Screen
- If Task Doer interested in any of the available tasks, they can view details of the task to see more complete information. 
- Complete details will be shown to the user, from projects/story to activity/works breakdown related to the projects. This page also will shown all registration/engagement from members to particular activity/works along with members recommendations based on his eligibility/skills.
- This screen needs to show timeline for the activity/works, details requirements along with any criteria and additional documentation for the task, ability to apply/register and upload their solution for the task.
- Task Doer can register/apply into the activity to be able working on the activity. If user applies to the task, system will send notification to the Task owner (Requester).
- If the Task Doer is accepted to the task, there will be several hidden features appear to give the user ability to communicate with the Task poster/requester such as chatter/discussion boards, upload documents, etc.
- Think of the best UI/UX concept design for this page. 

08. Rate and Feedback Screen
- Once the task is complete, both Task Poster and Task Doer can rate their overall experience of working together as well as the task itself.
- User can navigate to this page from user profile page, where it will shows active tasks that the Requester has posted and the Worker has been approved to work on (according to the role being used)
- Profile page also shows completed tasks (Task History)
- Worker, or Requester, clicks on the completed task that they want to review
- System directs user to the task's homepage
- System shows task status as completed with the final deliverables uploaded
- Worker, or Requester, clicks "Submit Review" 
- System shows a small window with a comments box and following questions that request a rating (1-5 stars) from the user 
-- How would you rate this experience overall?
-- How would you rate your experience with the Requester/Worker? (depending on user)
-- Would you want this person on your team again?
- Worker, or Requester chooses their ratings and inputs their feedback into the comments box
- Worker, or Requester, clicks "submit" and the results from the questions and comments are sent to the task counterpart (from Requester to Worker, or vice versa)
- System stores the feedback in the user's profile with only certain ratings shown publicly 

09. Notification Screen
- Both Task Doer and Task Poster will be able to check their notifications from this screen
 
IMPORTANT
- Focus on task marketplace functionalities over other additional functionalities such as profile screen, etc.
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance.

Design Considerations:
- The interface needs to be simple, clean, easy and intuitive to navigate.
- Focus on the design being a great user experience, think simple but effective solutions!
- Give importance to the overall layout and think on how a user would interact with the content on the page.
- Show all the screens and provide a user flow/click-path and navigation, so we can see how the interactions fit together in the application 
- Priority features should be the ability to:
-- Post tasks
-- Complete Tasks
-- Search and find tasks
- How quickly could you find information?

Create it as responsive design :
Desktop will be the primary target device, but please consider this app will be responsive in the future and design elements should be easily translate to working on different device sizes (i.e. mobile) in the future.
- Desktop : 1280px width with height adjusting accordingly

Branding Guidelines :
- Please follow the Dinnaco Branding guidelines: https://projects.invisionapp.com/boards/3N1FFO2T5K42Z/

Documentation :
- No existing screens are being provided, we want to see your creative ideas!

Target Audience
- Task Posters/Requester - Senior employee
- Task Doers/Practitioners - Junior employee
- Administrator

Judging Criteria
- The overall functionality of your concepts - how well do your ideas work as a marketplace for posting and completing tasks. We are looking for an app that is easy-to-use
- Your ideas and concepts!
- How well does your design align with the objectives of the challenge
- Cleanliness of your graphics and design.
- Overall Design and User Experience.

Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.

Submission File
Submit JPG/PNG for your submission files.

Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file, or Adobe Illustrator as a layered AI file.

Final Fixes
As part of the final fixes phase you will be asked to update the style tile to reflect any new elements that you have added to the design. You may also be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.

Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.

How To Submit

  • New to Studio? ‌Learn how to compete here
  • Upload your submission in three parts (Learn more here). Your design should be finalized and should contain only a single design concept (do not include multiple designs in a single submission).
  • If your submission wins, your source files must be correct and “Final Fixes” (if applicable) must be completed before payment can be released.
  • You may submit as many times as you'd like during the submission phase, but only the number of files listed above in the Submission Limit that you rank the highest will be considered. You can change the order of your submissions at any time during the submission phase. If you make revisions to your design, please delete submissions you are replacing.

Winner Selection

Submissions are viewable to the client as they are entered into the challenge. Winners are selected by the client and are chosen solely at the client's discretion.

ELIGIBLE EVENTS:

2016 TopCoder(R) Open

Challenge links

Screening Scorecard

Submission format

Your Design Files:

  1. Look for instructions in this challenge regarding what files to provide.
  2. Place your submission files into a "Submission.zip" file.
  3. Place all of your source files into a "Source.zip" file.
  4. Declare your fonts, stock photos, and icons in a "Declaration.txt" file.
  5. Create a JPG preview file.
  6. Place the 4 files you just created into a single zip file. This will be what you upload.

Trouble formatting your submission or want to learn more? ‌Read the FAQ.

Fonts, Stock Photos, and Icons:

All fonts, stock photos, and icons within your design must be declared when you submit. DO NOT include any 3rd party files in your submission or source files. Read about the policy.

Screening:

All submissions are screened for eligibility before the challenge holder picks winners. Don't let your hard work go to waste. Learn more about how to  pass screening.

Challenge links

Questions? ‌Ask in the Challenge Discussion Forums.

Source files

  • Layered PSD files created in Adobe Photoshop or similar
  • AI files created in Adobe Illustrator or similar

You must include all source files with your submission.

Submission limit

Unlimited

ID: 30053315