Challenge Summary
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.
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)
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 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.