Challenge Summary
Welcome to the Miranda Retail - 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 speed up their experience and engage a new employee by connecting them with their new teammates while completing required actions in an enjoyable experience. We want to make the new employee feel like part of "Miranda Retail" before their day 1 in this company. Our focus is on the corporate employee for this challenge, employees working in the actual retail store will be addressed in a later effort.
To make this easier for you to jump in, we’re providing the winning designs from a previous challenge for the same kind of app, and we just need you to apply branding for Miranda Retail to the screens!
Note: Miranda 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!
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 "Miranda Retailers" corporate office before their first day. This application will make the onboarding process simple with a great user experience.
About the 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 the corporate office and not focussing on employees at the "Miranda Retailers" (client) retail stores, 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
- Remember: the focus is to provide a re-design of the provided source example based on the Miranda branding - it's not just changing colors, it's making it feel like the app belongs to Miranda!
Mobile Storyboards - Portrait View:
- Design screens for iPhone 5 portrait display (640 x 1136)
- Assume this is native iOS 7.1 application
Challenge Downloads:
- Design Direction.pdf.zip = Color palette to use/reference, etc..
- Starting_Files.zip = PSDs of a previous winning design that we need redesigned using Miranda Retailers colors and branding
Required Screens:
The main goal of this challenge is to take the below given requirements and the source example application design and design a simple, clean mobile user experience (UX)!
0) Splash Screen
- What should be shown in this screen, a logo? Some background patterns fitting with the client style and approach?
- 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) 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..
3) My Team:
- This screen lets me get to know the people I will work with before I start. All the "Miranda Retailers" Employees feel good stuff is really important.
- Showing all other "Miranda Retailers" 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?
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.
- This should be a part of the content pages, not a separate page
Target Audience
- New Employees/Hires for the Client's Corporate office and this design is not focussing on employees at retail 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.