Challenge Summary

Welcome to "Queen CIDI Creative Design Direction Challenge"!  This is a new type of challenge for Topcoder Design. The goal of this challenge is to quickly create "design direction" guidance for our customer project. Our customer is currently holding a design thinking workshop and they would like to use the artifacts and ideas from that workshop to inspire you (the topcoder community) to see what ideas and concepts you would like to contribute back to continue the design process. The goal of "Design Direction" is to not create high-fidelity designs but to focus in on thinking through the problem and proposing a direction for the project. Design Direction is a little bit of Information Architecture, a little bit of UI/UX design work to help inspire the customer and to inspire a future designer of the idea, product, or app.

We are looking for you to look over the requirements and proposed features and put together high-level information and visual direction that will become input into the UI challenge.

This is a fast challenge, so make sure you are using your time wisely. Welcome to this exciting new Topcoder Design challenge type and please don't hesitate to ask any questions in the forum.

Important Rule Change for the Design Direction Challenge
You are allowed to submit your designs at any time during this challenge. You are allowed to submit to the final phase even if you did not submit to the checkpoint phase. All submissions will be accepted (that pass screening). 

Note: while we are allowing this challenge to be "open" throughout we do recommend you submit to the checkpoint as we are reviewing LIVE with the customer during their workshop. Good luck!

Round 1

Submit design direction documentation for the checkpoint deadline:
  • Throw all your initial ideas here!
  • The teams will be reviewing your checkpoints as a group and providing fast feedback

Round 2

Submit your updated design direction documentation for the final deadline and improved based on the checkpoint feedback:
  • All your concepts screens

Challenge Objectives
  • Focus on what you think is important in the customer's project and provide design direction back to them on where you think the project should go.
  • Create wireframes, sketches or simple designs to convey your design direction
  • Provide guidance on your idea, color palettes, typography, shapes, etc.
  • Provide fast and rough wireframes to show your concepts.

Project Background
  • This challenge is meant to serve as a precursor to a regular UI design challenge. You can think of it as a “FAST Wireframe Challenge", however, we are not looking for full-fledged wireframes.
  • We are also looking for suggestions on Color Palette, Typography & Icons style, and overall notes about the look and feel of the application
  • We’d like to see how you think the application could work, potential workflows and interactions.
  • Think of this as a low-fidelity design concepts challenges.

Overview
The purpose of the application will be to come up with new ideas/design direction for a mobile application that will help direct people from point A to point B, within a location in a safe, secure and accurate way. A location can be defined as a sports stadium, National Park, Airport, Theme Park, Casino, mall, etc.

This mobile app will be beneficial to new and experienced users. It will have real-time updates (similar to Waze) that are user inputted to notify others of potential hazards. It will allow for 2-wayfinding in the case of social situation (friends) and also in times of crisis allow for first responders to find individuals within a location quickly.

Features/Goals:
We are not highlighting specific screens, as we are looking for your ideas and how you approach the problem. The below requirements MUST be incorporated into your design direct somehow.
  • Think through how the user will have Safety and peace of mind when they feel they are lost in a new building that they have not visited before
  • Geo-fencing hazards (for example: near a cliff while in a National Park)
  • Tactile feedback: Get real-time feedback from people in the place where you are.
  • Maps generated using multiple sources
  • Allow crowdsourced feedback / i.e. based on the data gathered from each user the map is updated
  • Data collection - traffic patterns and traffic shaping.
  • Offer discounts and promotions on reaching the destination and sale is made.
  • Able to download offline.
  • Primarily a phone application. Management/Administration tasks could be performed on a desktop (not in scope)
Apart from the details above, we have shared more information on the workshop conducted by the Queen CIDI creative team, you will find “User Story, Mind Map, Brainwriting, Point Analysis (please see in Forums)

Here are a couple of references (created by Blake Walles) for the type of fidelity and design direction we are looking for. The elements that we would like to see included in submission are:
  • Overall concept description
  • Your wireframes/ screens with name and a short description to explain what that page is about. Your screens should be organized in the order you would like them to be seen.
  • Overall application style: how do you envision this application being designed? Should it be modern, retro, high-tech, dark style, etc. You can add notes with links to other applications/designs from the web to show the look and feel. (Do you provide a single page design treatment along with your wireframes?)
  • Your suggested color palette and image treatment/ theme
  • Your suggested typography style (2-3 fonts recommendation)
  • Your suggested icon style
  • For ALL choices, we would like a comment or explanation.
  • For this challenge you can use the Form wireframe GUI KIT, from Invision attached in the forums, to get you going so you can focus on providing great design direction to the customer that will be used in the follow-up design challenge.
  • Place your design in a mobile mockup like in the reference we provided so it gives a more authentic image of how the concept might look. You can find the mockups of the devices in the GUI KIT. You can also use the Marvel app to showcase your work.

Deliverables Examples
We want to make this challenge easy and fast, therefore we are not setting strict requirements on the format of the deliverables you produce. We are recommending you think of how it is presented. So a complete PDF of your design direction or Axure wireframes or a MarvelApp would make sense. Anything that showcases your ideas the best (and makes it easy to follow).
- Make sure to provide all source files as usual created in Adobe PS, Adobe AI, Adobe XD, Sketch, etc. and all submission files
- If you decide to use Marvel Prototype
- - Please send your marvel app request to csystic@gmail.com
- - You MUST include your Marvel app URL as a text file in your final submission labeled “MarvelApp URL” (in your marvel app prototype, click on share and then copy the link).
- The target device is Mobile

Target Audience
The audience of the application are primarily visitors, specifically new visitors, to a location where they may not know the layout. A visitor could be defined as a customer, employee, or outside vendor. This does not limit the usage to new visitors however, a frequent user may use this app for new points of interest as the information and map continually being updated.  

Judging Criteria
Your submission will be judged by:
  • Quality of your Design Direction concepts
  • The usefulness of the deliverables as it relates to the requirements and UI challenge
  • The thoughtfulness of the deliverables
Stock
-    Stock photography is allowed in this challenge. See this page for more details.
-    Stock icons are allowed in this challenge
-    Stock Wireframe kits (copyright free/free usage) are allowed in this challenge

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:

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

  • Layered PSD files created in Adobe Photoshop or similar
  • AI files created in Adobe Illustrator or similar
  • Sketch
  • Axure RP
  • HTML
  • Adobe XD
  • PDF
  • Word Document (.docx)

You must include all source files with your submission.

Submission limit

Unlimited

ID: 30090886