Challenge Summary
Welcome to the Perseus Hybrid Marketplace Design Concepts Challenge. This challenge is focused on designing an online marketplace that facilitates the purchase & sale of hybrid used cars and also acts as an information centre for hybrid used cars that helps to create awareness and improves the confidence of hybrid buyers.
At the end of this challenge, we are looking for the Topcoder Design Community to help us plan and design the user experience of our new application.
This is a TCO17 eligible challenge, jump in and start earning points towards qualifying for the UI Design Championship.
To know more, please visit: https://tco17.topcoder.com/ui-design/
Round 1
Submit your initial designs for Checkpoint Feedback01 Login
02 Homepage
03 Car Listing / Search Results
04 Car Details Page
05 Learning Centre
You must upload your submission to InvisionApp so we can provide direct feedback on your designs.
- Please request an InvisionApp link from the Copilot through the challenge forum.
Notes.jpg: Please note any comments about your design for the Client
Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Your Final designs for all the required designs with all Checkpoint Feedback implemented.01 Login
02 Homepage
03 Car Listing / Search Results
04 Car Details Page
05 Learning Centre
06 Success Stories
07 Community Interaction
08 Dashboard / Personalized Space for Seller
You must upload your submission to InvisionApp, for the final submission - you can reuse the prototype that you shared for checkpoint
- Please request an InvisionApp link from the Copilot through the challenge forum.
Notes.jpg: Please note any comments about your design for the Client
Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
This online marketplace will help in increasing awareness, understanding and confidence in the hybrid technology, and provides targeted one-stop shop’ for buying or selling of hybrid car.
The Problem:
Below are the list of problems faced by a “used car” seller...
- Buyers lack of understanding of hybrid technology makes selling a hybrid used car more difficult.
- Buyers are overwhelmed by the amount of choice during the research process and confused further by hybrid options.
- Many are not familiar with the hybrid technology and its benefits
- 35% of used car buyers would be concerned about the location of charging points when considering hybrid technology (misconception: Hybrid vehicles do not need charge points).
Solution:
Your design idea needs to be focused on an online marketplace and information centre for hybrid used cars that provides:
- Providing peace of mind and confidence to used car buyers and also makes it easier for used car owners to sell their hybrid car
- Engaging information on cars and technology, with used car lifestyle purchase in mind (e.g. driving pattern,… even to the point to propose alternative powertrain - honesty)
- Linking of buyers and sellers
- Personalized Search function.
- Learning centre on technology
- Value-adding listing guidance features for hybrid owners.
- Online interaction with certified drivers and experts.
Invision App:
For this challenge - as part of your checkpoint submission, additionally you must upload your submission to InvisionApp so we can provide direct feedback on your designs.
- Please request an InvisionApp link from the Copilot through the challenge forum.
- IMPORTANT: To keep up the consistency, for the final round please upload your screens to the same prototype link that you shared for checkpoint...organize your screens by creating sections (please see help on how to organize your screens) - NOTE: please don't replace checkpoint screens or create a new prototype, instead just create a new section called "Round 1 and Round 2"and add screens under that.
Design Consideration:
- Looking to design for the desktop users, so have your designs of width 1280px and height as required
- Make sure your designs are responsive
- Branding Guidelines: We would like you to follow these colors "Red, Silver, Black and White".
Suggested Screens:
Below are some of the suggested screens based on the concept, please feel free to add any other screens that you think would be useful.
01 Login
- Simple login that allows buyers and sellers to login to their account.
- Capture all details that would be required in this page
02 Homepage
- What features will make this page engaging?
- Design/information that grab attention of two types of customers (buyer and seller)?
- Provide search ability to find the appropriate used car
- How can the search function be more personalized, show search history, choose car specs, etc?
- Allow user to view car listing based on model name, years run, price, zipcode, etc?
- How will the user navigate through the site, make sure user is able to access main functionalities of the app with ease.
- Any other features that you think will help solve the problem listed above?
- Show interactions / forums posts that happening in the site?
- Any statistics about hybrid technology would be cool idea (maybe a comparison with hybrid Vs. non-hybrid vehicles?)
- Marketing Ads that show benefits of selling on this platform (for example: Exclusively hybrid listings, Free battery health check, Provide ability to get certification, Opportunity to offer y1 service vouchers with sale, potentially – offer ‘guaranteed sale’ (e.g. after 4 months the Perseus dealer network will buy it at the auction price) → reducing the fear of the hassle of not being able to sell, etc)
Lifestyle simulator / configurator:
- - - What is it like to own a hybrid vehicle?
- - - Financial / environmental considerations explained (for entire vehicle lifecycle)
03 Car Listing / Search Results:
- List of used cars that are available for sale
- Options to filter the results?
- What information to be shown for each of the car listing? And what information will grab attention of buyers?
- More personalized advanced search by allowing them to choose the required spec and save them (saved searches?).
- Alerts for buyers (if desired spec. becomes available)
04 Car Details Page:
- Show details about the used car (model, mileage, price, etc)
- Seller specific information: # views / price comparison (this information is show to the seller who posted it)
- Buyer specific information: Mobility patterns (avg. consumption over x kms)
- Features about the car? Any links to guide’s on the importance of a specific feature?
- Certification information? This will help increase the confidence of buyers.
- Photos and videos of the car?
- Allow users to share the listing in social media (facebook, twitter, google+, etc)?
- How will the potential buyer interact with the seller?
05 Learning Centre:
- This is one of the important feature of the site, shows hybrid technology information and marketing
- Range of the pros and cons of all technologies (across all powertrains).
- Guide for how to best market your hybrid, including tips and tricks for how best to sell your car.
- Provide a search to quickly look through the required information.
06 Success Stories:
- Stories of success from current owners (e.g. the 500,000 km taxi)
- Potentially use community to promote the virtues of selling on this platform.
07 Community Interaction:
- Community of current owners supports by interacting in forums
- Allow users to ask questions and get answers from experts (“Ask and Expert” service)
Seller Specific Page:
08 Dashboard / Personalized Space:
- We need a page that shows the list of cars that were listed on the site
- Allow users to add a new listing?
- Ability to communicate / interact with the buyer.
- Show notifications on any messages that were received from the buyer.
Important:
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
- Focus on the user experience! Focus on the navigation experience. Keeping consistent visual elements.
Stock Artwork:
We are allowing stock photos and stock icons for this challenge
- Stock Artwork policies: https://help.topcoder.com/hc/en-us/articles/217481408-Policy-for-Stock-Artwork-in-Design-Submissions
- Latest Design Policies: http://help.topcoder.com/hc/en-us/categories/202610437-DESIGN
Target Audience
- Potential Buyers and Sellers
Judging Criteria
Your submission will be judged on the following criteria:
- Cleanliness of screen design and user flow
- Overall design and user experience
- Simplicity of design/strong, clear design concept
- How well your design align with the objectives of the challenge
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 may 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.