Challenge Summary
Welcome to AppXpress – The Multirotor Database Design Concepts Challenge!
This challenge is focused on creating design concepts/visual ideas to create an application for The Multirotor Database to be the best, most comprehensive multirotor resource in the world through a dedicated and dynamic reference database.
If you are wondering what is multirotor please check this link that shows pictures of it.
Round 1
Submit your design for a Checkpoint feedback:
1. Your initial design concept.
- 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 any Checkpoint feedback:
1. Your final design concept.
- 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:
Multirotor Database is an unbiased and comprehensive resource for people that want to purchase and research multirotors. Users and manufacturers will be able to submit information on different multirotor models, which will be free to access but will require registration. Even though this site IS NOT a store, every model will also feature multiple options with external links to buy, making Multirotor Database a one-stop source for people looking to buy multirotors. The site will be completely ad free, with manufacturers able to purchase sponsored links for a higher spot on the list of where to buy. Though the site is not revolutionary in its design, it is innovative in the fact that we can do it in a way that fills a need and is cost effective. Ease of use and comprehensive data displayed in way that is easy to absorb and cross reference is VERY important.
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Screen Sizes:
- Mobile Resolution: Design for iPhone 6 Retina Display 750px x 1334px.
- Desktop: Width of 1280px and height as required.
Make sure you create graphic in 'shape' format, so when we resize graphics will still look sharp! It will be great if you can provide the landscape version.
Supporting Documents:
- Client logo (Multirotor Database Logo-v2.ai).
- Product Details Page content example (Product Details Page.jpg); Please use this for content only and do not copy paste the design.
- Color Pallet (Colors.png); please keep in mind that the client is still open to new colors.
Design Considerations:
- Your design needs to be responsive; please consider that while designing the pages.
- Focus on the user experience of each page and make sure each page has a complete flow.
- Give importance to the overall layout and think about how a user would interact with the content on the page.
- Show all the screens and provide a user flow/click-path, so we can see how the interactions fit together in the application.
Main Features:
1. Extensive list of multirotors and all their specs and photos.
2. Filter browsing.
3. Compare function.
4. Admin and moderator accounts.
5. Recommended purchase links.
User Flow:
1. Searches for a multirotor that fits their needs.
2. Compares the features between multiple selections.
Required Features:
- We currently do not have any formal requirements. We are looking for you to provide design concepts and click-paths. This is the first step in planning our user experience!
- Please read the user flow and target audience sections and make sure to capture what the client is looking for.
Suggested Screens:
- We would like YOU to suggest features/screens that this app should incorporate.
1. Landing Page:
- The main feature here should be the ability to search for products.
- About us section with the ability for users to subscribe for newsletters by adding their email ID.
- Show sharing possibilities if something need to be shared.
- We can also display featured products in this page.
2. Search Results Page:
- From this page user will see all search results.
- User will have the ability to sort search results by Popularity, Cost, Rating, etc.
- User can filter search results by:
-- Primary Purpose: Aerial Photography or Video / FPV Race / FPV Freestyle / Experimental / DIY
-- Rating: [##]
-- Price: [$$$]
-- Size: 50mm - 1,000mm+
-- Manufacturer: [NAME]
3. Product Details Page:
- Please refer to Product Details Page.jpg
- From this page user will be able to see:
-- Product Name.
-- A picture of the product.
-- Product Rating.
-- Configurations Table:
---- Configurations:
------ Custom Option 01.
------ Custom Option 02.
------ Custom Option 03.
------ [etc.].
---- Review for each config type.
---- Rating for each config type.
---- Cost for each config type.
-- Overview.
-- Airframe.
-- Primary Purpose.
-- Flying Weight.
-- Flight controller.
-- ESC.
-- Motor.
-- Propeller.
-- Battery.
-- Camera 1.
-- Camera 2.
-- GPS.
-- Lights.
-- Video System.
-- Servo.
-- Title Mechanism.
-- Release Date.
-- Retire Date.
-- Tech support resources.
-- The ability to add your own review and rating.
-- Compare with Another product:
---- Select another product to compare with.
4. Where To Buy Products Page:
- From this page user will enter his zip code and all near shops will appear to user on a Google map.
- Selecting a shop will display the information in a popup.
5. Compare Page:
- From this page user will be able to compare between 2 products:
- From this page user will be able to see:
-- Product Name.
-- A picture of the product.
-- Product Rating.
-- Configurations Table:
---- Configurations:
------ Custom Option 01.
------ Custom Option 02.
------ Custom Option 03.
------ [etc.].
---- Review for each config type.
---- Cost for each config type.
-- Overview.
-- Airframe.
-- Primary Purpose.
-- Flying Weight.
-- Flight controller.
-- ESC.
-- Motor.
-- Propeller.
-- Battery.
-- Camera 1.
-- Camera 2.
-- GPS.
-- Lights.
-- Video System.
-- Servo.
-- Title Mechanism.
-- Release Date.
-- Retire Date.
-- Tech support resources.
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
Target Audience:
- People who want to buy drones/multirotors need a one-stop source for information, including:
-- Where to buy products.
-- How much products cost.
-- What the competition is for products.
-- Ability to compare models/products.
-- Ability to easily find tech support resources.
-- The database will become a link hub with all the most relevant links in one location for any manufacturer and any model of multirotor.
Judging Criteria:
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.
- Your design should possible to build and make sense as a mobile application.
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.