Challenge Summary
Welcome to the Spark Mobile Home Deck Design Challenge! In this challenge, we are looking for your mobile design concepts to help drive consumer engagement resulting increased awareness and usage of the Spark Mobile Home Deck.
Round 1
Please submit your initial designs for checkpoint review, including at least the following screens:
- Home Deck Screen
- Weather Detail
Round 2
Please submit your final designs after incorporating checkpoint feedback, include all screens listed in requirements.
Design Overview:
The required page is the “Home Deck” or home page that consumers will see the very first time they open the browser on their mobile device. The initial design should focus on Android devices with the Chrome Browser and iOS devices with the Safari browser.
We want this home deck to be useful and configurable so the consumer will see the benefit of continued use. Our goal is twofold: to increase use (make it sticky) and provide an engaging environment for consumers to quickly find the information and links to content they are seeking.
In the end, we are looking for an easy to use home deck (web page), focused on a great user experience. Think of modern UX design and how cool this consumer based mobile page could look and work. We are looking for simple, elegant and beautiful design.
Design Consideration:
- Design Size: Android: 2560 px X 1440px (Galaxy Note)
- Please make sure your UI elements are created in vectors/shape, so it can be easily edited later for some smaller/bigger devices.
User Scenario:
- As a user the Home Deck is the default web page when I open my browser on my mobile device.
- As a user I want to be able to search the web via google from the Spark Web Home Page
- As a user I want to be able to quickly see top news and go in to read the full article
- As a user I want to be able to quickly see my local weather and go in and see the forecast for the week
- As a user I want to see apps that may be of interest to me. Clicking them leads me to the appropriate app store
- As a user I want at least 3 quick access buttons to websites I visit frequently on the Spark web home page
- As a user I want quick access to my bookmarks from the Spark Web Home page
- As a user I want to be able to see what pages I have open on other tabs from the Spark Web home page
- As a user I want quick access to my browser history from the Spark Web home page
- As a user I want quick access to my search history from the Spark Web home page
- As a user reading a news article, I want to be able to quickly and easily see the next news article and read it
- Overall - As a business owner, I want to engage users to keep them coming back to the home page and stay to read news or weather while on the page
Supporting Documents:
- AppWall.png - design reference for App Wall design
- CurrentSparkHomeDeck.png - existing home deck design
- ExampleWebMockup.png - design reference, this is the kind of design that client likes
Required Screens:
1. Home Deck Screen:
This should function similar to how the Chrome frequently visited page works. Primary Links from this page:
1. Search - ability to search the web powered by Google
2. App Wall - link to an App Wall that works like the Google Play store with a list (grid like view) of Apps the consumer may like - example of the App wall design reference attached
3. My Account - This will link to the users Spark Mobile account information and profile.
4. Weather - current conditions via API
5. News - current headlines via content API
6. Shop - This will link to Spark Mobile devices and accessories the consumer can purchase
7. Community - Link to Twitter and Facebook streams
8. Support - Link to Spark FAQ’s and Customer support
9. Add Site - ability to add personal user content and links
There should be space at the top and bottom of the page for Banner Ads.
Also, keep in mind that Spark has partners and it should be white labeled so that the partners can brand in their color scheme and logo (white label with ease)
Pages such as ‘News’ and ‘Weather’ should have additional “detail” pages where you could see the weather details/forcast or the news article. From those pages you should be able to easily navigate back or see other news articles and go read them.
2. Login Screen
Fields for username, password, forgot password - this can either be a separate screen or a modal within the other screens. The UX is up to you.
3. FAQs
- Use dummy text for this page, it will be a set of questions and answers about how the Spark home deck works
4. News Detail
- Detailed page, from where the user clicks on a link for a news article or feature
5. Weather Detail
- This is a detail page for when the user clicks on a thumbnail of weather information.
References:
- Google Material Design
Branding Guidelines:
- Primary Color: #FFE100
- Fonts: Open to designers
- Logo: Use Placeholder for now
Target Audience:
- Spark mobile users
Judging Criteria
- How well you design the provided design challenge requirement.
- Cleanliness of your graphics and design.
- Design and User Experience.
- Is your design responsive and easy to use?
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.