Challenge Summary
Welcome to the LUX Challenge - 23HR Mobile Design Concepts Sprint! This the first in a NEW series of "Live User Experience Design Challenges" we will be hosting! We are very excited to provide this new design opportunity for the [topcoder] design studio community to showcase their FAST!! design skills!
[topcoder] will be presenting a series of questions to the IPP audience/attendee's and their answers will help decide what type of mobile application you will design!
We want to showcase how easy it is to engage the [topcoder] design studio community and demonstrate how well you can take ideas and turn them into great design and user experience concepts! Cash in on this great opportunity to prove your design skills and get a great portfolio piece in the process. Best of luck to you all!
Challenge Details
The main goal of this challenge is to take the provided design problem and design a simple, clean mobile user experience (UX)!
Challenge Timeline
The challenge will start LIVE at the IPP event!
- Challenge Start at 5:00 PM EDT 3/28/14
- Challenge End at 4:30 PM EDT 3/29/14
Checkpoint Review:
- Blake Walles and Adam Morehead will provide a design review if you submit your intitial designs by 9AM EDT 3/29/14
- Within the hour we will provide any design feedback/guidance
Challenge Resources
For this challenge we are providing wireframes and design guidance for you!
DO NOT COPY the wireframes exactly - they are meant to help guide you and let you understand the application the audience would like to see designed. Think about the the user experience/user interations and show us your solutions!
Files
- 4-Fit-Club.pdf = Wireframes and Application inspiration
- Color-Palettes-Daft-Punk.pdf = Color palette to use/reference
- 4-Fit-Club-Images-2014-03-28.zip = Stock images you can use (or you can find alternatives)
Design Problem
Sports Concept - "Fit-Club"
This mobile design concept is designed for anyone who is looking to get in shape. Choose individual workouts, or select a targeted, structured program to help you get lean, toned and strong. Add running to boost your results. Customize workouts with the drills you prefer. See the results, and celebrate your progress with your friends. Featuring more than 100 workouts by Trainers and world-class athletes, with all the instruction and motivation you need to blast through your fitness goals. Take control of your training with Fit Club.
Color Palette - "Daft Punk"
See download: Use one or a combination of these color palettes. *Remember...we're looking for a sleek, clean, modern looking design
Mobile Application Target Audience - "Bruce Wayne"
- Corporate user who needs to stay focused on their fitness between high profile meetings, travel and weekend get-aways
- Might have a alter ego
Mobile Storyboards - Portrait View
- Design screens for iPhone 5 portrait display (640 x 1136)
- Assume this is native application
1) Welcome Page
- Application landing and login screen
- Use an eye catching photo that relates to the APP concept
2) Side Bar and Navigation
- How does the user navigate this application?
- Include navigation that you think fits with the APP concept
3) Awards & Goals
- This page will house a users achievements and goals from their workout progress.
- Think of progress meters and gamification of awards, levels, and goals
4) Profile
- This page is a basic profile page that has a users vital statistics and goals. User should be able to “share” this with other members of the APP and their friends to show their progress in their workouts.
5) Fitness Tracker
- This page will house show a users progress in a graphic way. Show progress meters for goals and achievements and recent workouts
6) Workout Program
- This page is a detailed workout program with exercise descriptions and videos that take a user on a step by step process thru a workout
7) Presentation Screen
- Create a presentation screen of your mobile application!
- Place your designs within an iPhone template! Showcase your submission
- This will be shown to the conference attendee's
- 1400x788 (16:9 Ratio)
Design Considerations
- Focus on the design being a great mobile experience - the application should be designed for iPhone
- DO NOT copy the wireframes (if you do.. everyone's designs will look the same!) focus on creating your unique approach to this project and the user experience
- Give importance to the overall layout and think on how a user would interact with the content on the page.
Target Audience
- Presentation screen = LIVE audience attendee's!!
Judging Criteria
- How well you design the provided design challenge
- Cleanliness of your graphics and design.
- Design and User Experience.
Submission & Source Files
Preview Image
Create your preview image as one (1) 1024x1024 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Please upload PNG images in a zip file with all requested contest requirements stated above. Number your files (01, 02, 03, etc) this will help review them in order.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop or Illustrator and saved as layered PSD/AI files.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics, images (sizes or colors) or modify overall colors.
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.