Challenge Summary
Welcome to the Retail Hand Tool Selection Helper iPad App Storyboard! Greenlee is interested in creating a mobile app to assist consumers and sales people in selecting the proper tools for the job.The expectation of the app is that the user will be taken through a series of questions/criteria that are tied to a decision tree that will direct the user to the appropriate tool and accessories based on the users answers. Product specifications, images, and additional collateral information will be provided.
Round 1
1. Initial designs of at least of the following screens
- Home page - Test & Measurement Start
- Pages related to Outlets
- Pages related to Switches
2. Any note for the client about your submission
Round 2
1. All the final designs pages with all the features mentioned in the Requirement section.
2. Any note for the client about your submission
Primary Goal & Design Considerations
The primary goal of this application is to design iPad application, based from the provided wireframe(the downloading link for wireframe is provided in the forum).
We are interested in ideas on how to display the content effectively that will be easy to navigate on an iPad. You will be given HTML wireframes for the flows and the pages we need and with the features outlined below. You should think about iPad interactions, any functionality should needs to be represented in your designs. We are also open to new ideas you might have.
General Guideline:
-
We are looking for a native iOS GUI, the app should use as the native/iOS User Gestures. It is critical that your design takes advantage of user gestures - multi-touch, swipe, pinch, grab, tapping, etc. Please clearly document how you intend users to physically interact with your interface. For guidelines on iOS standard, please refer to this iOS Standard page.
-
Your designs must be unique and cannot mimic other apps or characters (real or fictional).
-
Size: iPad 2 - 1024-by-768-pixel resolution at 72 pixels per inch (ppi)
-
Orientation: You are going to design both iPad app orientations (Landscape and Portrait)
Requirements
We need the following screens keeping in mind the iOS standard.
1. Home page - Test & Measurement Start
- design the main screen.
- it should provide entries to Outlets, Switches and HVAC creatively.
2. Pages related to Outlets
Outlets Home page
- it provides links to "outlet troubleshoot" and "check newly installed or moved outlet"
- one way of going back to home page - using back button or other element respecting swiping behavior.
- it includes breadcrumb.
Outlet - Troubleshoot
- it has ways of linking to "GT-12", "Outlet - DMM" and "Voltage and Continuity" screens.
- one way of going back to Outlets Home page.
- it includes breadcrumbs.
GT-12
- Non-contact self-testing voltage detector detail page
- it provides the link to "GT-12 image" screen and link back to "Outlet - Troubleshoot" screen
GT-12 Image
Voltage and Continuity
- it provides links to "compare voltage tester", "GT-65" and "GT-95".
- please refer to wireframes for more info.
GT-65, GT-95, GT-65 Image, GT-95 Image
Voltage & Continuity Compare
- it is used to compare voltage tester.
- link back to "Voltage and Continuity" screen and links to "GT-65" and "GT-95" screens.
Outlet - Install or Move
- it provides the link to "GT-10 GFI" screen and the link going back to "Outlets Home Page".
GT-10 GFI, GT-10GFI Image
Outlet - DMM
- it provides links to "DM-25", "DM-45", and "DMM Compare" sceens.
- it provides back button to "Outlet - Troubleshoot" screen.
DM-25, DM-45, DM-25 Image, DM-45 Image
DMM Compare
- it compares digital multimeters.
- it provides links to "DM-25" and "DM-45"
- breadcrumbs and link back to "Outlet - Troubleshoot" screen
3. Pages related to Switches
Switches Home Page
- it provides links to "Switch - Troubleshoot" and "Switch - Install or Move" screens
Switch - Troubleshoot
- please refer to provided wireframes.
Switch - Install or Move
- please refer to provided wireframes.
4. Pages related to HVAC
HVAC Home Page
- it asks what you want to do. user can choose different things to do.
- provides breadcrumbs and link back to home page.
HVAC - Check Breaker
- it is to check breaker continuity using products like GT-65, DM-25 and DM-45.
- Users can view product info of these products.
HVAC - Breaker Finder
- it to find breakers and panels using
- Users can view product info
CS-8000, CS-8000 Image
HVAC - Check Current
- User can check current on blowers or compressors with this product.
- User can also view the product info
CM-450, CM-450 Image
HVAC - Check Fuses
- User can check breaker continuity using diffferent products
- User can also view the product info
- it includes breadcrumbs and link back to HVAC home screen
HVAC - Check Line Voltage
- user can compare different multimeters
- users can view the info for different multimeters
- it includes breadcrumbs and link back to HVAC home screen
HVAC - Check Motor Capacitors
- this screen is similar to "HVAC - Check Line Voltage" screen
DM-65, DM-65 Image
DM-45 DM-65 Compare
- it compares different multimeters
HVAC - Check Thermostat
- check breaker continuity using different products.
- users can view product info
HVAC - Check Temp at Register
- please refer to wireframes for more details.
TG-1000, TG-1000 Image
Branding Guidelines
- The Greenlee downloadable catalog(http://www.greenlee.com/catalogs.shtml) and this flash catalog(http://www.electricsmarts.com/smartecat/c/home?coid=19542)
- For color scheme and theme, refer to provided storyboard.
Target Audience
- Sales team
- Potential customers
Judging Criteria
Your submission will be judged on the following criteria:
- Cleanliness of your graphics and design
- User Experience
- Use iOS Standard style&function as much as possible when designing the application
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
All Requested Contest Requirements stated above in a 24 bit PNG format
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop, Adobe Illustrator, and saved as layered format.
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.