Challenge Summary
Welcome to Sky Zone Mobile App UI Design Challenge. This challenge is focused on creating design concepts/visual ideas to create a world-class mobile application for Sky Zone.
For this challenge you are provided with a design direction to help you understand what we are looking for and some reference materials for inspiration.
In this challenge we are looking for DESIGN CONCEPTS on how this Application could work. What should the user see and experience when using the application, how should they navigate between sections, etc.
Round 1
Submit your design for a Checkpoint feedback:
1. Potential User: Home Screen (Logged Out).
2. New/ Existing User: Home (Logged In) -- My Profile.
3. Existing User -> My Achievements.
4. Existing User -> My Sky Bucks.
- 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 Checkpoint feedback:
1. Potential User: Home Screen (Logged Out).
2. New/ Existing User: Home (Logged In) -- My Profile.
3. Existing User -> My Achievements.
4. Existing User -> My Sky Bucks.
5. Existing User -> My Sky Friends.
6. Existing User -> Leaderboards.
- 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)
Challenge Description:
For this challenge, we will be working with Sky Zone to build a world-class mobile app. The project goal is to improve experience for new and existing Sky Zone customers. Overall we need to ensure that Sky Zone continues to be on the cutting���edge of its customer experience and stay connected to their customers when they are not at a park. At a high level this APP will be used by Sky Zone customers to further enhance their visit and relationship with Sky Zone.���The app will have two primary functions:
1) making it easy for customers to purchase jump time (tickets for a Sky Zone visit).
2) creating a social environment around Sky Zone that keeps them coming back repeatedly through gamification/badges for achievements (i.e. - # of minutes jumped), friend connections, leaderboards and other mobile socialization conventions.
We want the overall impression of the Sky Zone app to be a “wow factor” for our target user. The takeaway is that Sky Zone and the Sky Zone App are world class and cutting edge, so our designs should reflect that.
For this design challenge we want you to concentrate on the mobile views of this APP with the device requirements being iPhone 6 (iOS 8) and Galaxy 5S (Android) for device dimensions. As a reminder, this is a native app, and so look and feel of the designs should reflect that.
We are looking for the [topcoder] design Community to help us with this extremely important application!
Design Guidelines:
- For Design material please use the following:
-- Logos (visit skyzone.com)
-- Colors:
--- Orange: #fd732b
--- Blue 1: #0056b7
-- Blue 2: #3399CC
Key documents provided:
- Draft screen inventory and screen flow for the application (Sky Zone Mobile App Storyboard v1.png)
- In addition, reference skyzone.com for information about the company and a general sense of their brand.
Design Concept Goals:
- How should this application look?
- How quickly can the user find what he/she wants?
- The application should be easy to use.
- Think simple but effective solutions! Have fun creating this - let us know how you think it should work!
- We want this to be MODERN application design!
Screen Sizes:
- Mobile Resolution: Design for iPhone 6 Retina Display 750px x 1334px.
Make sure you create graphic in 'shape' format, so when resize for retina versions, graphic still look sharp!
User Case Scenario #1:
Potential Guest:
A Potential Guest is someone who has downloaded the application but does not yet have an active app profile. They are most interested in getting information about Sky Zone and determining if they want to visit / sign up. We should be focused on clear information, concise marketing, and converting that Potential Guest into a Customer. There are three main goals for a user who has first downloaded the app and has not logged in: 1) Make it easy to find a Sky Zone and purchase jump time, 2) Make it easy to learn about Sky Zone and why it’s awesome and 3) Make it easy to understand the value of the app and the features available if you create an account. NOTE: they do NOT have to have an account to purchase jump time!!
User Case Scenario #2:
First-time Guest / Jumper:
This is a person who has the app and will be jumping at a Sky Zone location for the first time. They want a sign up process that is as fast as possible so that they can get jumping! They are interested in planning their jumping schedule and connecting with other Sky Zone friends through the app, and they may be more interested in scheduled events/classes. We want them to quickly recognize that they can earn cool badges by completing certain activities, easily connect with people they meet at Sky Zone, and reserve and pay for future visits from the app.
User Case Scenario #3:
Repeat/Existing Guest / Jumper:
This is a repeat visitor who is all about scheduling time and tracking stats. They want to track their progress and be rewarded for their loyalty to Sky Zone. Over time, they've developed a group of Sky Zone friends that they want to connect with and compete with, and they've started to embrace all of what Sky Zone has to offer. They want an app that helps them feel connected when they're away from the park. They want an easy way to purchase and pay for jump time and to share their accomplishments with their Sky Zone friends and on social media.
Suggested Screens:
1. Potential User: Home Screen (Logged Out)
- Actions which must be available to user on this screen are:
-- Find a Location and Purchase Jump Time.
-- Learn about Sky Zone.
-- Learn about the Sky Zone app.
-- Create a Sky Zone Account.
-- Login to Sky Zone app (returning users).
- Key driver: make it easy to purchase jump time, and get people who purchased jump time to create an account
2. New/Existing User: Home (Logged In) -- My Profile
- This is the user’s home screen upon successful login to the app.
- This should be a profile view that lists the customer’s name, handle (userid) and picture; loyalty status; number of badges achieved; and Sky Bucks balance.
- From this screen, the user should be able to easily navigate to Buy Jump Time, Update Profile, View/Add Sky Bucks and credit cards/gift cards, View/Add My Friends, View My Achievements and set goals, and View Leaderboards.
- There should be a wow factor for this screen, plus an ease of navigation and global view of what the app offers.
3. Existing User -> My Achievements
- This section of the app with contain information related to the user’s achievements and activity at Sky Zone including:
-- View My Badges and View Available Badges + Share My Badges feature.
-- My Goals
-- Loyalty Progress
-- Invite Friends to a challenge.
-- View Jump History.
4. Existing User -> My Sky Bucks
- This section is for users to purchase “Sky Bucks” for use on jump time or other products (think of this as a reloadable gift card on your phone), associate credit cards or gift cards to their account, check their Sky Bucks balance, and view transaction history.
- Key items users will do in the section are:
-- Add/Update payment information details (Credit Card fields).
-- Purchase/replenish credits to balance for Sky Bucks.
-- View Transaction History.
-- View current Balance.
-- Add a Gift Card and Pay with a Gift Card (add to balance).
5. Existing User -> My Sky Friends
- In this section of the App the user will:
-- View Friends.
-- Find and Invite Friends via Facebook, Twitter and their mobile device Address book.
-- Add friends via: SMS and Email.
-- Add friends via proximity (find nearby).
-- View Friends’ Profiles and Challenge Friends.
6. Existing User -> Leaderboards:
- Leaderboards: For a single Sky Zone Park, For ALL Parks, My Friends.
- Feature to add and maintain a list of “My Parks” for the user.
- Key Leaderboards: 1) Most Minutes Jumped and 2) Most Jumps.
Target Audience:
- Customers who visit Sky Zone locations.
Judging Criteria:
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.
- Your design should possible to build and make sense as a mobile application.
Submission & 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.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file, or Adobe Illustrator as a layered AI file.
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.
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.