Challenge Summary
Welcome! We need your help to design the look and feel of a native mobile application targeted to iPhone. It’s an interactive map which will help users to find specific elements in a company campus.
Round 1
For your R1 deliverables please submit the following requirements under “Storyboards Requirements” section:
1) Splash Screen. At 320 x 480px.
2) Map Screen. At 320 x 480px / 480 x 320px.
3) Floor Map Screen. At 320 x 480px / 480 x 320px.
4) Settings. At 320 x 480px.
Feel free to add some notes (jpg or text file) to comment your design features for the client.
Number your screens (01, 02, 03 etc.) – it’s easier to review.
Round 2
Final design will contain the mentioned requirements under “StoryboardsRequirements” section plus any updates from client feedback.
1) Splash Screen.
2) Map Screen
3) Floor Map Screen
4) Settings
Feel free to add some notes (jpg or text file) to comment your design features for the client.
Number your screens (01, 02, 03 etc.) – it’s easier to review.
The primary goal of this contest is to design screens that show the look and workflow of an iPhone application that users need to locate items on certain area of the company. It’s an idea+design challenge because we need you to come up with suggestions for improvements, starting with our detailed concept below.
The design of the app should be clean, concise, and relevant. It will be used by people that are unfamiliar with their location, might be running late to a meeting, and need a trusted guide to get them to their destination.
Branding and Guidelines
- Design screens for iPhone regular screen at portrait / landscape view 320 x 480 px / 480 x 320 px; RBG color mode at 163 pixels per inch.
- Design screens for iPhone retina display at portrait / landscape view 640 x 960 px / 960 x 640 px; RBG color mode at 326 pixels per inch.
- You shouldn’t scale down or up between any screen size designs because that scaling misses pixel perfection.
- The brand/look of the application must follow UI_Guidelines.pdf. It should be uncluttered. Colorful without being garish.
- The application icon is attached, AppIcon.png.
- Declare your fonts according to the Studio font’s policies.
Storyboards Requirements
Our concept is based on Mockup.pdf. Your submission must solve the following design challenge BUT remember you’re encouraged to find and propose improvements, that’s an asset that may help you to win the contest.
Concept
- First, we need a nice splash screen design when launching the app.
- When the application opens it will be centered on the users GPS location if they are within the boundaries of the campus. If they outside the boundaries of campus, it will open centered on the campus.
- The app allows to pinpoint your current location on the campus.
- Each of the buildings will have an annotation above it (6300, 6330, Garage A, Garage B, etc). See reference CampusSample.png.
- Map should be detailed enough to show each building and all walking paths.
- Provide locations and way to look up various campus amenities: Retail outlets, PC repair clinic, fitness center, ATM, cafeterias, etc.
- The amenities will either have a persistent annotation along with the building or will have the ability to toggle them on and off.
- In-building map displaying conference rooms in all buildings and all floors.
- When a user clicks on a buildings annotation, they should be able to select a specific floor and see a new screen that displays a pinch-and-zoom-able floor map. In this version of the map application, I would simply like to use stubbed images...6300 3rd Floor, 6220 2nd Floor, etc.
Deliverables for review
By the end of the contest we expect to receive the following items/screens in the required dimensions in portrait and landscape orientation.
1) Splash Screen.
2) Map Screen
3) Floor Map Screen
4) Settings (maybe to toggle what amenities are displayed).
Target Audience
Employees and regular visitors to the company campus.
Judging Criteria
- How well you implement the design following the provided guidelines.
- How intuitive is your solution?
- User Experience.
Submission File
All requested contest requirements/screens as JPG or PNG files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD files.
Preview Image
Create a 1024x1024 JPG or PNG file in RGB color mode and place a screenshot from your submission within it.
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.