Challenge Summary
Welcome to LUX6 Challenge - 48HR GE Open Innovation Mobile Design Challenge. This is the sixth in a series of Live User Experience Design Challenges we are running! We are very excited to provide this new design opportunity for the [topcoder] design studio community to showcase your FAST!! design skills!
You may or may not know that GE has a long history of embracing open innovation and doing incredible work through contributors from around the globe. Now, it’s your turn!
GE is looking for brand new design concepts that will allow them to both showcase their existing open innovation library and welcome in new solvers and contributors to any of their ongoing challenges. They are seeking your creativity and bold designs as they look to completely re-imagine the mobile and web design interfaces.
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 mobile design problem and design a simple, clean mobile user experience (UX)!
Challenge Prizes
- Along with the posted prizes we will award/send [topcoder] t-shirts to all submitters!
Challenge Timeline
The challenge will start Saturday July 26 @ 1PM EDT
- Challenge Start at 1:00 PM EDT 7/26/14
- Challenge Ends at 1:00 PM EDT 7/28/14
Rolling Checkpoint Review
- Adam Morehead (adroc) and GE will provide a design review if you submit your initial designs by 9AM EDT 7/27/14
- We will provide any design feedback/guidance - You must watch the forum for your feedback!
Challenge Resources
For this challenge we are providing simple wireframe and design guidance for you!
Files
- LUX6-wireframes.pdf = Wireframes and Application inspiration
- REMEMBER: DO NOT COPY the wireframes exactly
- The wireframes are meant to help guide you and let you understand the application the audience would like to see designed. Think about the user experience/user interactions and show us your solutions! You can do something different or whatever you think make sense of this mobile application.
Design Problem
- This is our site target: http://www.ge.com/about-us/openinnovation
- We want to focus on “Mobile first design” and design an engaging! responsive website that showcases the GE Open Innovation projects and allows potential customers the ability to dive into the different solutions and learn more about GE Open Innovation.
Primary Goal:
- Design a vibrant, fluid, beautiful, image and content first showcase for Open Innovation challenge that GE has already run (showcase).
Suggestion 1: Think about a content consumption mobile application - When I open up my “Pulse’ App (content aggregator) I am immediately shown large, beautiful imagery and a story to read - go deeper into. There is other functionality evident, but the main attraction is the first ‘story’ they want me to see - this would be a good direction for this showcase application.
Suggestion 2: Avoid asking a user to click on something that says ‘showcase’ - the think the user should be shown that first showcase/imagery to begin (again with easy, beautiful navigation to search, swipe or arrow to other examples, find out how to engage (etc.)
Secondary Goal:
- A user needs to see Current/Open Projects
- A user needs to be able to see (visually compelling) what types of challenges are open right now
- Challenges fall into 3 categories - Grand Challenges, Quests, and RFPs (think icons!)
- This section must allow a user to participate, including an easy registration form where the user can tell GE and the community what type of user they are.
~
LUX6 DETAILS
Concept Description & User Story
The GE OpenView application is the perfect showcase for GE’s ambitious Open Innovation challenges. Users are greeted with bold visuals, compelling imagery, and a human story tied to the challenge that engages the user and inspires them to learn more!
In modern, mobile interactive ways, users can easily explore the various featured showcases, decide to dive into individual challenge stories for more detailed information on that particular challenge, share any of the content socially, tweet to the individual contributors who won the challenges, and even explore current and future challenges by following or registering to compete in that challenge!
Combining the most visual & intuitive content exploring experiences with social features that focus on community, sharing, and joining projects, the GE OpenView application makes it easy and beautiful to see and read what is going on with GE’s Open Innovation program!
Application Name(s)
- Come up with a name “GE Innoview” “GE OpenView” etc.
- Anything creative you might think makes sense.
Conference Questions
We asked a series of questions to the conference audience to help “inspire” some aspects of the application.
Logo Inspiration - "Dolphin"
- Dolphin is the inspiration for our Open Innovation Hub logo.
- Do not use an actual Dolphin but think of the shapes, curves, sleekness that a Dolphin represents.
- Application Logo should not copy traditional GE logo, but it should pair well with it
Color Palette - "Tennis"
Our color scheme will be based in green (which works nicely with GE blue)
- You can pick other colors that you think represent “tennis” if you want
Design Inspiration - "The Red Hot Chili Peppers"
- The overall design inspiration should be bold, incorporate larger than life imagery and personality
~
Suggested Screens
Mobile Storyboards - Portrait View
- Design mobile screens for iPhone 5 portrait display (640 x 1136)
- Design desktop screens for (1024 x 768)
- Assume this is responsive but we want to see “mobile first” design and features
- We are looking for 6 mobiles screens plus 2 desktop screens.
- We are also looking for 1-4 presentation screens. Pick/design what you think will "showcase" this site and your design. These screens will be presented to the audience.
- You can create alternative screens to the one's listed if your inspired by this project/application
00) Application Logo
- Create a simple logo for your application
- Something simple and clean that doesn't distract from your screen designs
- Application Logo should not copy traditional GE logo, but it should pair well with it
1) Initial landing screen (mobile and desktop)
- This is the landing page for this Open Innovation Showcase
- We do not need a login screen - the site will be open
- A user should quickly view “showcase” stories or existing current/open Projects
- A user can ask for more information (and tell GE if they are 1) solver; 2) seeker; 3) media; 4) other)
- Navigation
- Search
- What other cool things could this site/mobile view do? Think about social interactions with the showcase, challenges etc.
2) Navigation Solution
- Design a navigation solution
- Think about swipes, taps and clicks
- Think how it adjusts for mobile and then to the larger screen (focus on mobile first)
Potential navigation items:
- Showcase
- Projects (Current/Closed)
- Winners (Bio's)
- Join (Our Community)
- How to Engage
- Don't forget things like user profile, home etc
3) Showcase/Innovation History (mobile and desktop)
- Note the user should engage with this content from the first page
- Project summaries
- Outcomes achieved
- Winners with bios, pictures, about, location
4) Get Engaged
- Join our community
- Click all that apply: 1) solver; 2) seeker; 3) media; 4) other (please explain)
- Enter information about themselves
- Accept terms & conditions
5) Active Engagements
- Current Challenges (See site for content and also zip file attached)
- Page showing active challenges and details
Active Examples:
GHG Emission Reduction: https://ninesights.ninesigma.com/web/ecomaginationinnovation/
GE & Saudi Aramco Ecomagination Challenge: https://www.ninesights.com/community/ecomagination/forum
Ergonomic Switch Design: https://www.ninesights.com/community/ergonomic-switch/forum
Past Examples:
Flight Quest: https://www.gequest.com/c/flight
Jet Engine Bracket Challenge: http://grabcad.com/challenges/ge-jet-engine-bracket-challenge
Spiral Wound Reverse Osmosis Water Filter Assembly: https://www.ninesights.com/community/spiral-wound-membrane/forum
Production Quest: https://www.ninesights.com/community/ge-digital-printing/forum
6) Search
- Search will be key to this application
- Quickly get and dive into the different projects and solutions
- Search can return showcase items, projects, users, media types
- Think of a cool way to interact with the search (visualization?)
- Any other ideas?
7) Designer Pick
- Show us an idea you have for this site.
- What could be a cool feature?
- Does the camera work for uploads and project usage?
- Does a logged in user get a dashboard?
- Do we show trending projects and registrations?
- What do you think might be cool for this site (and would make it useful to you if you were looking into GE Open Innovation Challenges?)
One of the great results of the LUX challenges are some of the “features” and “ideas” the community suggests in these applications
8) Presentation screen (1-4 screens if possible)
- IMPORTANT!
- Create a presentation screen(s) of your mobile application!
- Place your designs within an iPhone and brower template! Showcase your submission!
- This will be shown to the conference attendee's
- Make sure your presentation screen is included in your submission files
- 1024x768 (4:3 Ratio)
Design Considerations
- Focus on the design being a great mobile experience
- 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.
Cool Image Concepts
- Link 1
- Link 2
- Link 3
- Link 4
GE Logo
Don't forget the GE monogram symbol: Feel free to incorporate it in some way
- Watermarks
- Tie the curviness into design elements
- Refer back to GE in some way
- Make sure its subtle and well done if your going to try it.
Audience
- Challenge Audience: create a presentation screen = we want to present your user experience solution to our conference attendee's
Judging Criteria
- How well you design for the ideas presented in this LUX challenge!
- Cleanliness of your graphics and design
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
We most likely will not have Final Fixes - Have fun!!
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.