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

Register
Submit a solution
The challenge is finished.

Challenge Summary

Challenge Overview
Hoherberg Ski School is very excited to see how the UI design from the previous winning wireframes come together. This winning wireframe has already addressed intensive client feedback for the past several months and they capture all required functionality to reflect their unique needs to manage the Ski School's daily activities. Good luck and let's discuss any questions you have. See you in the challenge forum!

Challenge Description
For this design challenge, we are not looking for any new concept ideas or new functionality. We are looking to take the wireframes and design the UI on top of them. We can still suggest the most optimal layouts and the best way to organize the content on the page, but these should be incremental changes, not large deviations from the wireframes.  
This is the one of a Hoherberg Ski School Design Challenge Series. For this challenge we need you to focus specifically on the Instructors section and remain use "design theme" from previous challenge. Expected submission design from this challenge need appear as one set that use same aesthetic design.
 

Round 1

Submit your initial design for a Checkpoint Feedback for these following features:
1). Manage Notifications
2). Staff Check-in
As part of your checkpoint submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt.
Make sure all pages have correct flow. Use the proper file numbers, (1, 2, 3, etc.)

Round 2

Submit your Final design plus Checkpoint Updates for all features:
1). Manage Notifications
2). Staff Check-in
As part of your Final submission, you must replace your checkpoint submission with the final submission into MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt.
Make sure all pages have correct flow. Use the proper file numbers, (1, 2, 3, etc.)
General Requirements
  • This will be built as a desktop application
  • The winning wireframes addressed intensive client feedbacks for the past several months to capture all required functionality and reflect the client's unique needs to manage the Ski School's daily activities
  • You need to design the user interface based on the wireframes
  • Click around on the wireframes to get very familiar with all interactions. We need capture all functionalities, interactions, popups, dropdowns, etc. as much as possible. There is some hidden data that is displayed after clicking certain buttons.
  • We just get winning design from previous challenge. The expected results need appear as one set

Assets
Individual Requirements
IMPORTANT: If there are screens or features included in the wireframes, make sure you include that in your UI design. We need to see everything included in the wireframes including modal windows, at least 1 dropdown style, interactions, etc. If you have any questions about if something should be included, ask in the forums

1) Manage Notifications
  • This is Manage Notification page
  • User need able to Turn on/off the notification
  • On top of table there’s option to search, filter by Type, Format and active status
  • Create the flow how design look when edit, delete and duplicate the notification
  • Add new Template need load the modal window

1a) Add New Template
  • On this add new template need support Email and Text Message format
  • Also there’s Template Type for Client and Employee
  • How this page need designed?
  • Can you suggest the proper wording?
  • Create screen when add new template successfully
  • There will be possibility to add more Template Type or Template format in the future. How your design accommodate that?

2) Staff Check-in
  • This is page for Staff Check in
  • Need able to search from input on top
  • Also filtering from status dropdown
  • Need clearly see user that already check-in or check-out
  • Display 20 rows by default

Target Device
We are targeting for a Desktop Application: 1366px by 768px (Height can expand as needed)

Target User
  • Reservationist
  • Ski school staff
  • Management

Marvel Prototype
  • We need you to upload your screens to Marvel App.
  • Please send your marvel app request to lunarkid@copilots.topcoder.com
  • You MUST include your Marvel app URL (in your marvel app prototype, click on share and then copy the link & share it with your notes/comment this link while you upload).

Branding Guidelines:
  • Use the provided Source Files as UI and brand guidance
    • You MUST keep things consistent and feel apart of the same application
    • We are NOT looking for new design directions, colors, global nav structures, or completely new UI style ideas. KEEP IT CONSISTENT
  • Make sure we are keeping in mind that this is an application, not a website. Make sure you are using clean lines, easy to navigate user flows, good hierarchy of information/ data, smart use of color, etc.
  • Important: Make sure you keep the contrast high in your designs. Text should be easy to read and CTAs should be easily noticeable. This means no light gray text on white backgrounds :)

Judging Criteria
  • Your submission will be judged on the following criteria:
  • Important: Consistency with wireframe functionality and concepts
  • Important: Consistency with current UI functionality and design
  • How well does your design align with the objectives of the challenge
  • Execution and thoughtfulness put into solving the problem
  • Cleanliness of screen design and user flow
  • Ease of use
 
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 image files based on Challenge submission requirements stated above
  • MarvelApp link for review and to provide feedback
 
Source Files
All source files of all graphics created in Adobe  XD
 
Final Fixes
As part of the final fixes phase, you may be asked to modify your graphics (sizes or colours) or modify overall colours.

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.

Stock Photography

Stock photography is not allowed in this challenge. All submitted elements must be designed solely by you. See this page for more details.

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:

Topcoder Open 2019

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

  • Adobe XD

You must include all source files with your submission.

Submission limit

5 submissions

ID: 30068825