Challenge Summary
Welcome to Halo Landing Page Design Concepts Challenge. This challenge is focused on creating design concepts/visual ideas to create an introductory marketing page for the Halo Developer Community.
We currently do not have any formal requirements. We are looking for you to provide design concepts. This is the first step in planning our user experience!
In this challenge we are looking for DESIGN CONCEPTS on how this could work. What should the user see and experience when visiting the landing page?
Round 1
Submit your design for a Checkpoint feedback:
1. Landing page.
- 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 any Checkpoint feedback:
1. Landing page.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Concept Description:
We would like your help in designing an introductory marketing page for the Halo Developer Community. The community is a collection of developers who are shaping the way Halo products are used in the future. With this page we are targeting potential community members to get them excited about the new offering from Halo. The main action we want them to take on this page is to give us their email address so Halo can market and communicate with them. This initial look and feel exploration is then going to be rolled out into the actual design of the developer community so we are looking for designs that have flexibility and creative legs!
Think of this as a long one page scrolling site that has bright and attractive graphics. We are planning on developing this page on Wordpress and would like you to consider unique ways of which to display the page content including parallax design.
Design Guidelines:
- Design Direction (Halo-Design-Direction.pdf.zip).
Color palette:
- Blue
-- PMS 547 C
-- #00395A
- Gray
-- PMS Cool Gray 9 C
-- #919295
- Putty
-- PMS 7528 C
-- #E7E0D2
- Metallic Silver
-- PMS 877
-- #8A8D8F
- Additional Colors:
-- #657545
-- #5f1971
-- #91742e
-- #711a19
-- #9b4e16
Design Concept Goals:
- How quickly could you find information?
- Think simple but effective solutions! Have fun creating this - let us know how you think it should work!
- We want the user to understand what’s going on from the first glance.
User Case Scenario:
The Target User: A talented developer who is passionate about music
Chris is a developer and avid music lover, loves high-technology, and wants to extend the functionality of sound systems. He has been a user of Halo products and comes across this marketing page from a social link on his facebook feed. One of Chris’s friends has liked the Halo Developer Community and Chris is interested finding out more about the community.
Upon landing on the page, Chris gets a good overall impression of the community and is eager to sign up. He reads about some top level benefits of becoming part of the community, views available APIs, reads other community member feedback on their experience, and signs up to become part of the community.
Chris’s initial impression of the community is a strong one and he is looking forward to sharing his talents and passion with the community.
Suggested Screens:
1. Halo Marketing Info Landing Page
- This is a marketing driven page that serves as an introduction to the Halo developer community. It provides high level detail and funnels site users down their appropriate paths to relevant content. This should be a long scrolling single page design as well as consider using parallax slider animations. Other possible page content could include quotes from community members, event information, high level benefits, and social sharing links.
- Main calls to action are to give your email address for more information
- We would like you to suggest features that this landing page should incorporate
Target Audience:
- Potential Halo Developer Community Members.
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.