Challenge Summary
Welcome to Motorcycle – Gallery Application Design Concepts Challenge!
The application concept is more like Pinterest or Tinder for all motorcycle owners. Motorcycle owners post pictures of their bike(s) and identify customizations they have made. Other motorcycle owners can search for and view bikes with the customizations they are interested in. Gamification is added to gather more data and to give it more stickiness.
Good luck everyone!
Round 1
Submit your initial design for a checkpoint feedback:
01 Create User Profile
02 Login Page
03 User Profile
04 Bike(s) profile
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
Round 2
Final design plus checkpoint feedback:
01 Create User Profile
02 Login Page
03 User Profile
04 Bike(s) profile
05 Reviewing and rating bike profiles
06 Search
07 Style Tile
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
Challenge Description:
The goal of this challenge is to design an app that will allow motorcycle owners and fans to view what other owners are doing as customization to their bikes and like/share/ favorite bikes profiles and many other functions described in suggested screens and functionalities below.
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Notes:
- This is going to be an ionic App.
- Mobile view (Mobile Resolution: Design for iPhone 6S Display 750px x 1334px).
- Make sure you create graphic in 'shape' format, so when we resize graphics will still look sharp!
- Make sure your design consider responsiveness and will look good on both tablet and mobiles.
- Feel free to suggest any tools/functions that can bring good User Experience for this tool.
- Consider adding space for future advertising units to be sold/placed
Suggested Screens/Functionalities:
01 Create User Profile:
- User needs to fill the following information:
-- Name.
-- Gender (optional).
-- Age.
-- Email Address.
-- Location.
-- Year, make, and model of my bike.
- User can add pictures of their bike and pictures of their individual parts.
02 Login Page:
- Username
- Password
- Login via facebook button
- Forgot password link
- Remember me checkbox
03 User Profile:
- User might not have a bike.
- Consists of a personalized dashboard/leaderboard:
-- How many bikes you've viewed.
-- How many likes your bike has received.
-- What are the highest rated bikes.
-- Which parts are people searching for the most.
-- How many people you've referred who have completed registration.
-- Top referrers.
-- My favorites.
-- Community trends
-- Open to other suggestions for this dashboard to make it interesting - this is the start page for new and returning users and should encourage the user to start/continue browsing the bike profiles.
04 Bike(s) profile:
- NOT limited to any make / models (could use model lookup table from brand websites users may have more than one bike.
- Text description / part listing (with corresponding pictures) / user-and-system-defined tags.
- Bike profile picture, additional pictures (parts), 1 (one) 30-second video file (includes audio).
05 Reviewing and rating bike profiles:
- Like/pass/favorite bikes profiles. (swipe left, swipe right, etc.)
06 Search:
- Potential search terms:
-- Bike name.
-- Brand name.
-- Model name/code.
-- Color.
-- Part name.
-- User name.
-- Year.
-- Location.
-- Any tags in system.
-- Any description text in system
-- etc.
07 Style Tile:
- We would like you to create a style tile that will help developers.
- This Style Tile need to have the below at a minimum but feel free to add anything that would help developers
Links / Buttons Colors:
- Button colors (normal / hover states)
- Link colors (normal / hover states)
Typography:
We would like you to identify and define the list of fonts and the specific color, font size used:
- Headers
- Sub-headers.
- Paragraphs.
- etc.
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
Branding Guidelines:
- Branding coloris are open to designer, but please keep it clean.
Target audience:
- All motorcycle Owners and Fans.
MarvelApp
- You must upload your submission to MarvelApp so we can provide direct feedback on your designs.
- Please request an MarvelApp project from the Copilot through the challenge forum.
Judging Criteria:
- How well you plan the user experience and capture your ideas visually.
- How well you implement the challenge requirements.
- Completeness and accuracy of the designs.
- Cleanliness of your graphics and design.
- Creativity and ease-of-use is key to the success as it must be engaging to users.
Stock Artwork:
- 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
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.