Challenge Summary
Welcome to Randivoo Mobile Application Profile and Welcome Storyboards Design Challenge. On this challenge we need you to design a few screens to represent user profiles and a welcome tutorial-like scenario, following the existing branding of the application. Best of lucks!
Round 1
For your R1 deliverables please submit all the requirements listed under “Storyboards Requirements” section.
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 “Storyboards Requirements” section plus any updates from client feedback.
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 challenge is to design screens that represent the workflow of two scenarios, profile page and sliding welcome screens. This is a biometric mobile application for iPhone with a defined branding to follow. Focus on creating a solid user experience.
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.
- Download the Randivoo Application Storyboards to use as baseline and branding guidance. You should follow the new iOS7 design philosophy (thin, depth, sleek).
- Declare your fonts according to the Studio font’s policies.
Storyboards Requirements
You are provided with the original files of the application design. You need to go through the provided mockups (Reference.zip) and create new files to represent the following features. You’re strongly encouraged to rethink this in order to provide an easy-to-use experience for the user. These mockups are solely a reference; feel free to suggest different layouts and option.
1) Profile
- Follow Profile Mockup.pdf for reference to create this page. It must display all of the features described in the mockup.
- You are encouraged to rethink the layout to serve the best purpose UX wise.
- Below user name, add a field to display the name of company the user works for.
Slider
- Show a slider navigation to swipe between different profile cards.
Beacon Setup
- The icon should look like this. Don’t copy anything, use it as reference.
Notifications
- Design an icon that represents the notification feature.
- When the notifications panel is expanded/visible, show two variations. One screen for a message with “currently not assigned to any invite”. And another one with a list of sample notifications, for instance “Door X has been checked in twice” or lorem ipsum messages.
1.1) Tutorial
- Using the profile as base, we need to create a design to explain the users how to use the new features of the application. We envision drawings of arrows and cool written messages.
- Create the necessary amount of screens to represent how to use each one of the features above. This is open to suggestions.
- There is a rough example you can see at Profile Tutorial Mockup.png.
2) Welcome Screens
- Create welcome screens with a bold representative background picture, application logo, a message, a “Sign In” button and the slider dots. Use the following content (one screen per feature, 4 total).
- We envision each slide to have one picture as background with UI items as shown on this article. Use them as reference only, don't copy anything.
Get Invited
Click the "Add to Rändivoo Mobile" button in your invitation email
Unlocking Doors with Presence
Arrive at the time of your meeting and have access to visitor-enabled entryways simply by walking up to it using Bluetooth Low Energy!
Check In
No longer sift through your email to find the QR Code to check in at Rändivoo Kiosk. Easily pull up the QR Code within the app!
Frictionless Experience
No longer knock or have to wait outside if the receptionist is unavailable. Gain access and notify your contact of your arrival. The backgrounds can be placeholders for this contest.
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.