Challenge Summary
Welcome to Cooperage Coffee - Employee Onboarding UX Design Concepts Challenge!!
In this challenge, we are looking for your mobile design concepts to simplify/improve the user experience of "onboarding" new employees. This typically process has many boring and uninteresting parts. Our goal is twofold: to expedite their experience and engage a new employee by connecting them with future peers while completing required actions in an enjoyable experience. We want to make the new employee feel like part of "Cooperage Coffee" before their day 1 in this company. Our focus is on the corporate employee for this challenge, employees working in the actual coffee store will be addressed in a later effort.
Cooperage is codename of the client.
We want to showcase how easy it is to engage the [topcoder] design studio community and demonstrate how well you can take ideas and turn them into great design and user experience concepts! Cash in on this great opportunity to prove your design skills and get a great portfolio piece in the process. Best of luck to you all!
Round 1
Submit your initial screens for Checkpoint feedback
0) Splash Screen
1) Welcome Page
2) Employee Benefits and Videos
3) New Employee Action Items
Feel free to add any other additional screens which are necessary to explain your concept.
Notes.jpg: Any comments about your design for the Client
Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Your Final designs for all the required page with all checkpoint feedback implemented.
Feel free to add any other additional screens which are necessary to explain your concept and flow
Notes.jpg: Any comments about your design for the Client
Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
The purpose of this challenge is to come up with the initial design directions for this mobile based application that will help new employees to experience the values of becoming a part of "Cooperage Coffee" corporate office before their first day. This application will make the onboarding process simple with a great user experience.
About Onboarding Process:
Onboarding, also known as organizational socialization, refers to the mechanism through which new acquire the necessary knowledge, skills, and behaviors to become effective organizational members and insiders. You can learn more about onboarding process here http://en.wikipedia.org/wiki/Onboarding.
Through this application, we are looking to make this process simple and effective, thereby new employee gets comfortable and feels like they are part of the company even before they join.
Design Considerations:
- We are looking for fresh, innovative and modern design concepts..
- Note that these new employees will be a part of a corporate and not focussing on employees at the "cooperage" (client) coffee store, so think corporate in your designs!!
- Focus on the design being a great mobile experience - the application should be designed for iPhone
- Give importance to the overall layout and think on how a user would interact with the content on the page.
- Please use the logo and branding guidelines from the attached design direction document
Mobile Storyboards - Portrait View:
- Design screens for iPhone 5 portrait display (640 x 1136)
- Assume this is native iOS application
Challenge Downloads:
- Design Direction.pdf.zip = Color palette to use/reference, etc..
- Images.zip = Stock images you can use (or you can find alternatives)
Required Screens:
The main goal of this challenge is to take the below given requirements and design a simple, clean mobile user experience (UX)!
0) Splash Screen
- What should be shown in this screen, a logo?
- You may grab the example logo from the attached design direction document..
- Show your ideas for this page and be creative!
1) Welcome Page
- User landing page/dashboard
- How will navigation be shown?
- Show link to build profile/social identity?
- Link to New Employee Action Items screens or notifications?
- Search?
- What else does this app need?
2) Employee Benefits and Videos:
- List the benefits of working with "Cooperage Coffee"
- Links to short videos teaching them everything from "Cooperage Coffee" values
3) New Employee Action Items:
- List of items to be completed by the new employee need to be displayed in this page and probably link each item to their respective screen.
- Allow the new employe to take a picture of their check to set up direct deposit (please show this in your screens - keep it simple)
- Give new employees more instructions to other stuff like background checks, drug screenings, etc..
- It will also be good to show stuffs like "the resume which you submitted doesn't have a photo, upload an image here.."
- Based on the above - do you think, having a checklist works best here? - looking for your thoughts/ideas..
4) Navigation Solution:
- Please design a navigation solution for this application.
- What items would you suggest for the navigation, so users can reach appropriate screens.
5) My Team:
- This screen lets me get to know the people I will work with before I start. All the "Cooperage Coffee" Employees feel good stuff is really important.
- Showing all other "Cooperage Coffee" folks in LinkedIn in same city and talk to the rest of the story.
- Pictures and bios of the team I'll be interacting with on a day to day basis, that helps break the ice before I even walk in the door on my first day.
- How can they connect me with a peer/mentor?
6) Store:
- Virtual tour of store or menu..?
- Pre-day 1 activities like visiting a store (maybe the app has a free drink on it)
- Allow them to grab a picture of themselves in store with coffee?
Target Audience
- New Employees/Hires for the Client's Corporate office and this design is not focussing on employees at Coffee Store..
Judging Criteria
- How well you design the provided design challenge
- 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 images in a zip file with all requested contest requirements stated above. Number your files (01, 02, 03, etc) this will help review them in order.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop or Illustrator and saved as layered PSD/AI 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.