Challenge Summary
Welcome to the FCBH Internet.org Mobile Screen Design Challenge.In this challenge, we are looking to create a simple, low-bandwidth site that meets the participation and technical guidelines that govern the “Free Basic Platform” of internet.org. Internet.org is a web platform which allows users to access the internet with very low bandwidth. Many users of internet.org will have only 2G phones and mobile browsers without javascript capability. The output of this challenge is going to be a primarily text based site that gives users access to Bible text and audio, but is largely focused on raising awareness of Bible.is. The maximum size of any image on the site should be 200 KB and there shouldn’t be many of them. The complete details of the technical limitation/specifications of the site can be found in this doc: https://developers.facebook.com/docs/internet-org/participation-guidelines
We are looking for you to define the initial design direction for this application by using best UX practices.
Good luck! We are looking forward to your designs!
Round 1
1) Home Page
2) Text version of the book of John
3) Download Bible App
- For Round 1, we would like to see the screens in these sizes normal and large
- Readme.jpg: Provide notes about your submission
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
1) Home Page
2) Text and audio version of the book of John
3) Download Bible App
4) Sharing
- Present screens in all three sizes xlarge, normal, and large
- Readme.jpg: Provide notes about your submission
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Purpose of this challenge is to design a simple website for Bible.is awareness and content which meets the participation and technical guidelines that govern the “Free Basic Platform” of internet.org.
Design Guidelines:
- Looking for a modern design interface!
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
- Reference the brand guide
- Reference the Bible.is website and mobile app.
- Please make sure all UI elements are vectors, so we could resize to any required resolution!
- Stay within the participation requirements of internet.org as they impact your design https://developers.facebook.com/docs/internet-org/participation-guidelines
- Stay within the technical requirements of internet.org as they impact your design https://developers.facebook.com/docs/internet-org/platform-technical-guidelines
Required Design Sizes:
We want to make sure the design looks best as a mobile website. In terms of viewport size, this site will be targeting android mobile devices of varying sizes:
- - - xlarge screens are at least 720px x 960px
- - - Large screens are at least 480px x 640px
- - - Normal screens are at least 320px x 470px
Required Screens:
We need below screens to be designed for this application..
1) Home Page: (e.g. http://www.bible.is/)
- Logo
- Welcome Message
- Menu items
- - - Book of John
- - - Download Bible App
- - - Link out to the Audio Website
- - - Link out to About Bible.is
- - - Sharing
2) Book of John: (http://www.bible.is/ENGESV/John/1/D)
- Texts version of the Book of John
- Scroll up and down
- Chapter selection
- Launch small audio file (less than 1 meg)
- When audio finishes a pop up that would direct the user to Bible.is
- Back button to the home page
3) Download Bible App:
- Message on the benefits of the app
- Link to download and install the app
- Space to enter email address for emailed Bible content
- Space to enter phone number for SMS Bible content
- Back button to the home page
4) Sharing: (http://www.bible.is/share)
- Message about sharing
- Links to...
- Share on Facebook
- Share on Twitter
- Share via email
- Back button to the home page
Target Audience:
- People in areas of the world that do not have dependable internet access that are serviced by internet.org
Judging Criteria:
We will be judging on:
- How well does your design align with the objectives of the challenge
- Overall Design and User Experience
- Your entry must perform well in a low bandwidth environment. Your submission should be as lightweight as possible without javascript and with optimized imagery.
- Must conform to the Participation Guidelines of internet.org
https://developers.facebook.com/docs/internet-org/participation-guidelines
- Must conform to the Techical Guidelines of internet.org
https://developers.facebook.com/docs/internet-org/platform-technical-guidelines
Submissions and 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. See more information about Final Fixes.
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.