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

Register
Submit a solution
The challenge is finished.

Challenge Summary

Welcome to HK Driver Mobile App Design Direction Challenge.

The goal of this challenge is to quickly create design direction and inputs for a follow-up UI design challenge. 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. What is NOT the goal? To 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.

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

Round 1

Submit design direction documentation for the checkpoint deadline:
  • Throw all your initial ideas here!
  • Focus on showing meaningful concept pages/wireframes to receive feedback, NOT the fonts/ colors, icons style (these are secondary to the goals)

Round 2

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

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.

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.

Application Overview
  • This mobile application will be used by car owners in Hong Kong and it provides various functionalities including 
    • Traffic alerts
    • Real-time info about traffic
    • Finding spaces and information relating to parking
    • Finding fuel (prices, location, availability)
    • Useful information such as offense points
      • May include fines and penalties
    • Car maintenance and repair services (mechanics, oil, types, m.o.t) 
    • Emergency and recovery services (roadside assistance)
    • Promotions targeting drivers (services relevant to car owners or services applicable whilst driving)
    • Vehicles license status (part of the user profile)
    • etc.
  • The major goal of the application is to make the car owner’s life easier at managing all the different aspects.
  • The reason behind building this app is becoming first in the market to meet customer-specific needs, tying available existing services to consistent needs drivers have - these features can all already be accessed but not in a   manner / or with an easy tool; specifically maintenance and emergency services. Secondary but not less important, to be able to learn more about the customers we insure, the drivers; to understand them and their needs to be better placed to serve them in the future.
  • See the attached PPT Design Workshop asset.

Screens/Features
  • The application will cover a considerable big set of features, the whole set of elements related to car driving, sales, service, and maintenance, such as Parking Assistant, Traffic alert, Aftersales service,  Services/promotions, Driving rewards (gamification) and more. What’s the best way to deliver all this information in a fashion that makes sense while keeping it simple (avoid overwhelming the user).
  • This is NOT an app to use ONLY while driving, more of an app that helps improve the driving experience by providing the driver with enough information and flexibility.
  • Integration vision: no need to design or come up with concepts for each of the mentioned modules in the provided workshop file but your solution should cover the big picture, the vision of how all these modules will be at least displayed/navigated.
  • Scope: in terms of required modules, we would like you to explore concepts for Emergency services, Garage/Mechanic services and a third of your choice from the mentioned above.

Deliverables
  • 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). 
  • These items could include but are not limited to: user flow diagrams, sitemaps, quick wireframes of specific or potentially complex screens, UX research and best practices documentation, and user profiles.
  • Make sure to provide all source files as usual created in Adobe PS, AI, XD, Sketch, etc. and all submission files
  • If you decide to use Marvel Prototype     
    • Request a MarvelApp prototype from me using this link: https://tc-marvel-app.herokuapp.com/challenge/30098240
    • 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.

Design Assets
Target Audience
  • Car drivers in Hong Kong. We're targeting the driving population so accessibility is something that will weight heavy. It's important for a broad variety of users to be able to navigate the app with ease.

Judging Criteria
  • Execution of your deliverables.
  • The usefulness of the deliverables as it relates to the requirements and UI challenge.
  • The thoughtfulness of execution of the process for each feature - making a pleasant intuitive user experience.

Stock Artwork (Illustrations, Icons, Photography)
  • Stock artwork is allowed for this challenge.
  • Stock Wireframe kits (copyright free/free usage) are allowed in this challenge.
  • Make sure to declare all your assets properly or you might fail screening.
  • You don’t want to fail screening? Read this.

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
  • Vector AI files created in Adobe Illustrator or similar
  • Sketch
  • PDF
  • Adobe XD

You must include all source files with your submission.

Submission limit

Unlimited

ID: 30098240