Challenge Summary
Welcome to TeenShare - Mobile App Design Concepts Challenge!
In this challenge we are looking for your best mobile UI concepts to design a mobile app that will be used by teens to loan, trade, or sell the items they own and don’t need anymore--and to buy, borrow, or trade for items other teens no longer want or need. Payment processing capabilities will not be included in the initial design/development of the app, but may be added later.
The target audience is key--the app should appeal to teenage users in terms of both visual appeal and usability. Simple swipe behavior is preferable to clicking through a menu. Location is also important, as it needs to be easy for users to browse items posted by users within their geographical area.
Round 1
Submit your design for a Checkpoint feedback:
01 Landing Page.
02 Sign In.
03 Sign Up.
04 Dashboard.
05 Item Details.
- 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:
01 Landing Page.
02 Sign In.
03 Sign Up.
04 Dashboard.
05 Item Details.
06 App invites.
07 Notifications.
08 User profile.
09 Profile Settings.
10 Post/Update Item.
11 Sponsors.
- If you have time - please provide us with a click map for your design.
Challenge Description:
The aim is to build a fully functional app that will allow teenagers to share (and barter / sell) their un-used stuff. Imagine a mix of eBay and a second-hand shop (more than clothing) with an interface similar to Tinder.
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Required Features:
01 Landing Page:
- App name: TeenShare.
- App logo; an exploration is fine here but designing a logo is not a requirement here.
- Login button.
- Sign up button.
02 Sign In:
- App name: TeenShare.
- App logo.
- Username.
- Password.
- The ability to login using Facebook, Twitter or Google.
- Forgot password link.
- Reset Password link.
- Login button.
03 Sign Up:
- Welcome message at top:
-- Welcome to TeenShare.
- The ability to sign up using Facebook, Twitter or Google.
- First Name.
- Last Name.
- Current City.
- Username.
- Password.
- Confirm password.
- Sign up button.
04 Dashboard:
- This is the main screen users will get when they log in.
- This screen list all items for sale.
- We will use location-based searching by default. The default location is users current location and the user can set a different location if desired. We will use a default radius to search items, and allow users to modify it or we increase radius as user keep browsing items.
- We can give an option to search/filter the feed for specific distance, category, gender, and sizes in item descriptions, usernames, or location.
- And filtering for search results.
- Availability to tag.
05 Item Details:
- This is where an item’s details will be viewed. It will display:
-- Item photos.
-- Information metadata, category, size, gender .. etc.
-- Location.
-- Option to start chat with seller.
- Item’s location on a map:
-- We give user ability to view the location of the item on a Google map.
- Sharing item:
-- Social network sharing.
-- We can use built-in features in the OS.
- Like items:
-- Allow logged in users to Like items.
- Item favorite:
-- Allow user to tag/mark items to track it or share it with others.
- Real time chat:
-- One-on-One chat between buyer and seller. Limited to be accessed from items to be sold only.
06 App invites:
- Ability to invite friends to the app via:
-- Whatsapp.
-- Facebook.
-- Email.
-- Or other options to be discussed.
- This will use the built-in OS sharing feature, so basically you are designing a single screen, the details screen that showing user what (s)he is sharing will be handled externally.
07 Notifications:
- This is for push notifications.
08 User profile:
- This is the public profile where users can view what items the user is selling.
- Stats about the user:
-- Item to be sold.
-- Items sold.
09 Profile Settings:
- This is to update user information provided in sign up page.
- Control notification preferences.
10 Post/Update Item:
- To post new item with:
-- Photos/video. Users must be able to use the camera to take pictures of something they want to share, trade or sell.
-- Listing details.
-- Price.
-- Location.
11 Sponsors:
- We would like to be able include advertisements. In current version the goal is to design some something that offer some kind of exposure to 1-3 sponsors when we launch this.
Branding:
- Keep it simple.If we can do a look and feel that hits home with with teenagers, that’s great.
- We are looking for an interface similar to tinder:
-- Tinder is important inspiration for its ease of use, the swipe left or right function (rather this than Wallapop gallery overview and how you can "waste time" just browsing through it and like or not like.
Design Considerations:
- Your design needs to be responsive; please consider that while designing the pages.
- Your design need to be simple and easy to understand as the user will be teenagers.
- The application needs to be very easy to use and self evident in navigation.
- 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.
Screen Requirements:
- Target iPhone 6: 750px by 1334px (Portrait orientation).
- Height can expand if needed, but scrolling should be minimal and avoided if possible.
Target Audience:
- Teens.
Judging Criteria:
- Concepts and ideas presented.
- Overall UI design and layouts.
- How well the UX follows modern flows and current best practices.
Submissions & 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. Make sure you are labeling and numbering your files in the correct order. Example: 01FileName.png, 02FileName.png, 03aFileName.png, 03bFileName.png, etc.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD files.
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. See more information about Final Fixes
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.