Challenge Summary
Welcome to Randivoo Mobile Application Storyboards Contest. On this contest we need you to design screens for an innovative mobile application by following a defined branding. It’s quite simple, just 13 screens mostly UI forms. Enjoy!
Round 1
For your R1 deliverables please submit the following requirements under “Storyboards Requirements” section.
2. Login
3. Main User Page
4. Sites (4.1 and 4.2)
6. Beacon Options (Admin)
8. Choose Beacon (Admin)
9. Set Beacon Information (Admin)
10. Open Door
Feel free to add some notes (jpg or text file) to comment your design features for the client.
Number your screens as shown in the requirements list (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. Login
3. Main User Page
4. Sites
5. Admin Login
6. Beacon Options (Admin)
7. Beacons List (Admin)
8. Choose Beacon (Admin)
9. Set Beacon Information (Admin)
10. Open Door
Feel free to add some notes (jpg or text file) to comment your design features for the client.
Number your screens as shown in the requirements list (01, 02, 03 etc.) – it’s easier to review
The primary goal of this contest is to design screens that represent the workflow of a biometric mobile application for iPhone. We’re looking forward to see a modern and fresh look. You’re provided iPad screens of another application from Randivoo, which you need to extract the essence branding and guidelines for this mobile application.
In overview, this application will be able to unlock a door simply by walking up to it using your social identity. How cool is the idea of “logging into a building” and it knowing who you are, your likes and dislikes, and could tailor interactions you have with it? By knowing who you are, the building could know which doors you have access to.
Branding and Guidelines
- Design screens for iPhone retina display, 640 x 960 px at RBG color mode at 326 pixels per inch. All screens require portrait view only.
- Use Randivoo Logo with mobile word as the main application branding. You’re encouraged to improve the part “mobile”. We feel it needs better treatment.
- Use powered by BrivoLabs logo somewhere in the application. Probably in footer or somewhere else you suggest it would be a good fit.
- Capture colors and branding identity from the provided RandivooiPadApp.zip.
- We’re looking for a very fresh design, modern and plain. You should follow the new iOS7 design philosophy (thin, depth, sleek). However, keep in mind we want an eye-catchy design, making good use of background colors (non simple white please).
- Find attached the iPhone UI Kit for guidance about the look of iOS7 UI components.
- Declare your fonts according to the Studio font’s policies.
Storyboards Requirements
You are provided with rough mockups of the application – Wireframes.zip. It shows the workflow of the application. You’re strongly encouraged to rethink this in order to provide an easy-to-use experience for the user.
1. Splash Screen
- Keep it simple. No animations or loaders.
2. Login
- No need to design anything regarding to Salesforce/Google authentication process. This will be processed by an external app. Just so you know.
3. Main User Page
4. Sites
4.1. List of Sites
4.2. List of Doors and Schedules
5. Admin Login
- Make sure to provide error messages on failed login data.
6. Beacon Options (Admin)
7. Beacons List (Admin)
- See Beacon/Door Info
8. Choose Beacon (Admin)
- Get creative! This is where you must add some thoughts to get attention. This must be really easy to understand and attractive at the same time.
9. Set Beacon Information (Admin)
- Add a “Test” button next to "Submit". When pressing this button, an open door command will be sent; you must display a message for success or failed attempt.
10. Open Door
- See “When app is opened and in Range of Valid Estimote”.
- When the user opens the app (once he/she is authenticated), the name of the beacon appears at the top of the screen and a big button saying "Open Door" will show and then a success/fail message will appear after it being pressed.
Target Audience
Every day people. If there are people scanning a badge or using some sort of identity to gain access to a door, they are all potential users of this app.
Judging Criteria
- How intuitive is your solution?
- User Experience.
- Originality.
Submission File
All requested contest requirements/screens as JPG or PNG files at 72dpi.
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.