Challenge Summary
Welcome to the BrivoLabs - Randivoo Kiosk App for iPad UI Challenge!
The goal of this challenge is to design a UI for the Randivoo Kiosk iPad App based on the provided workflow diagram, wireframe, and description outlined below.
In this challenge, we are looking for great design and user experience iPad app with at least 6 screen groups of very minimal elements and almost identical screens.
Round 1
1) Initial submission design with of the following screens:
- Welcome screen
- check in with QR code scan (slide 6)
- check in with Email (slide 7)
- check out with QR code (slide 3)
- check out with Email (slide 4)
- NDA with message (slide 15)
- take a photo (slide 20)
- final message (slide 23)
2) Any note for the client about your submission
3) Number your submission (01, 02, 03, etc...) for easy client's review
Round 2
1) Final submission design with all the screens mentioned in the Requirement section plus any checkpoint updates.
2) Any note for the client about your submission
3) Number your submission (01, 02, 03, etc...) for easy client's review
Randivoo kiosk app is a professional Visitor Experience System that manages a large amount of tasks typically handled by a receptionist or security guard including checking in guests upon arrival and notifying host of visitors arriving via automated alerts. This app reduces waiting time and offers a professional, easy to use, and elegant first impression to incoming guests.
Example Scenario:
Let say John Doe users to his business for a meeting, John opens up his browser and creates the invites via Salesforce. He choose the date, time, and person/persons he want to come. Then he send this off and all the invitees will receive an email with the meeting information and QR code. When the specific date/time comes, the user will arrive at the event. They will see an iPad and walk up to it to check in. The app will provide options how to check in as described in the provided pdf wireframe.
The overall goal of this challenge is to create the UI design of the check-in kiosk app for iPad with guidelines outlined below.
Required Screens
1. Welcome
- slide 1 from the provided pdf wireframe
- this is the screen that has the Check In and Check Out buttons
2. Check In
This part will have the following screens:
- check in with QR code scan (slide 6)
- check in with Email (slide 7)
- check in with Email part 2 (slide 8)
- check in with Email error (slide 9)
- check in with QR code scan error message (slide 12)
- check in with QR code scan - bad QR (slide 14)
3. Check Out
This part will have the following screens:
- check out with QR code (slide 3)
- check out with Email (slide 4)
- check out message screen (slide 5)
4. Non-Disclosure Agreement
- NDA with message (slide 15)
- NDA without message (slide 16)
- NDA video (slide 18)
5. Take a photo
- take a photo (slide 20)
- taking photo (slide 21)
- photo taken (slide 22)
6 Final Message
- final message (slide 23)
- final message with building policy declined (slide 24)
Design Goals and Guidelines
- Allow users/customers to apply their own background image and branding, we have provided sample images for customer's white labelling
- Buttons and overall look of the app should maintain a light flat touch
Reference Documents
- Randivoo v2 KIOSK wireframe 2-6 NOTED.pdf
- Randivoo v2 Workflow 2-6.pdf
- Sample white labeling images
Screen Sizes
- iPad Standard Size: 1024 x 768px (Landscape mode)
- Use shape format on your .psd so we not lose quality when resize into iPad Retina version (2048 x 1536px).
Branding Guidelines
- The app should not be too UI specific, it should allow users to use iPad for this application.
- Please follow the provided Branding Guilines document.
Target Audience
- Business professionals
Judging Criteria
- Cleanliness of your graphics and design.
- Design and User Experience.
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/JPEG images in a zip file with all requested contest requirements stated above.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop or similar and saved as layered PSD 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.