Challenge Summary
Welcome to Midas - Employee Directory Innovative Responsive Design Concepts Contest. This contest is focused on creating the initial design concepts based on the requirements mentioned below. For this project, you will be creating responsive storyboards i.e. for web as well as mobile.
About the Project:
The goal of this Employee Directory is to create a simple application that helps users to easily reach out to other employees/non employees. We envision professional looking, mordern, non-cluttered forms and very easy to use designs because users are not technical. The users would be employees, contractors, vendors, operators, non-technical person. Visually speaking - we are expecting this Corporate Directory should be self-explanatory and appealing.
Round 1
Your Initial Designs Concepts for review. For Round 1 - please submit the below pages:
- Search (mobile and desktop)
- Profile (mobile and desktop)
Notes.jpg: Any comments about your design for the Client
NUMBER YOUR SCREENS (01, 02, 03 etc.) - it’s easier to review with the client.
Round 2
Final Designs (with all required feedback implemented) for review.
Notes.jpg: Any comments about your design for the Client
NUMBER YOUR SCREENS (01, 02, 03 etc.) - it’s easier to review with the client.
The main aim of this contest is to create a responsive storyboards based on the requirements given below. This Employee Directory should be easy to use and reduce the learn-ability, at the same time provide the details which user is looking for in an easy and an understandable format.
IMPORTANT!! Design Concepts Requirements:
- We are looking for a Simple, Modern, Fresh, and yet serious (Corporate).
- We want a very clean design, avoid over populating areas with UI elements.
- Please follow the attached branding guidelines.
- We require you to create web layouts (>= 1024px) and mobile layouts (>=320px).
- Please use a placeholder for logo.
- Please be sure to read the judging criteria (success and failure criteria) of this contest.
- Need to make sure all items in th SRS has been implemented.
- Though the features mentioned below are from the SRS - you can use it as a checklist to make sure all requirements are covered from it.
- Please make sure everything is consistent in your designs.
Required Pages and Features:
General:
- We need to have Translation feature for the entire directory i.e. the phone directory should support all character sets like Japanese, French, German and should have translation feature. So, we need a translation feature at a global level (probably in the header) to translate the language used for the directory.
Search:
- This Search page should allow users to search for Employees and Non-Person Entities (Conference Rooms, Fax Machines, Tenants, Services), Please see below for more details on this.
- Do we need a way to indicate what the user will be search for? i.e. either Employees or Non-Person Entities.
- Depending on what the user wants to search, we need to list corresponding search results, so it could be either Employees list or a Non-person entities list.
- Include a Type Ahead Functionality, when searching for the names - we need to show matched text in a drop-down (auto-suggest options).
- Apart from the basic search, we also need to provide "Advanced Search" options to search for users. please see below for more details on the advanced search.
Advanced Search:
- It should search based on First Name, Last Name, Email, Department, office locations (City, State and Country), buildings, floors, Phone Number.
- Provide capability to look for people based on language proficiency, building, floor.
- Provide enhanced search features to enable search for Conference Rooms, Fax Machines, Tenants, Services and other Non Person Entities based on location (country, state, city, building, floor).
Search Results:
We need to display the search results which could list:
- Employee's First and Last Name
- Presence Indicators: The directory should allow for accepting the current physical location of the resource. We also need to show the availability status (Available, Away, Busy) of the user in Search Results as well as in their profile. However user will not be able to control their current availability status here in Employee Directory, as it is just imported from an Instant Messaging/Chat system.
- The search results will show the Primary Phone Numbers of the Employee.
- Please do not provide edit function/link here in the search results.
- Quick Profile View: We need some option here in search results page that allows the user to show a quick view of the employee's profile, show us how we need to show this option.
- Link to main Profile: We need to link each employee in the list show to their respective profile.
Non-person records search results:
- When user searches for a Non-Person Entities (Conference Rooms, Fax Machines, Tenants, Services), then we need to show the search results table with the following
- We need a way to display these four items "Conference Rooms, Fax Machines, Tenants, Services" with their respective location information.
- Location information could include Country, State, City, Building, Floor, Contact Phone, Contact Person.
- We need you think on how to show the four non-person entity with their availability locations, should we have a filter for the search?
Profile:
- We need to provide the ability for the user to edit their profile.
- We need to have the following details in the User Profile, we are looking for your help on how to organize these information.
Basic Details:
- Users should be able to show their picture (a thumbnail profile image).
- We need to show the user first name and last name.
- Allow users to add their nickname.
- Presence Indicators: We also need to show the availability status of the user in Search Results as well as in their profile. (See Presence Indicators under search results)
- Need to display employee’s designation and examples would be Job Title, Corporate Officer Title, and an area for comments to provide additional information about the person’s job.
- Need the ability for the user to add “What he/she is currently working on”, Is he/she client facing? (Options are yes/no)".
Location and Time Zones:
- We need to show user “Current Location” which could include office location (address), building, floor, and cubicle number.
- Also need to show user “Permanent Location” which could include office location (address), building, floor, and cubicle number.
- So when a user searches for a particular employees profile then they should also be able to see the user location on a map and show driving st directions/map view should be displayed. If available, a floor plan of the building where a user works should also be pulled in.
- Add a field(s) for landmark where the employees can enter a description of the landmark of where they are located, so that we can easily reach out to the associate.
- Allow employees to add cubicle location landmark and also a photo of their cubicle.
- The time zone of the person should be displayed.
- Also show the time difference between the person calling and the person whom you are looking up.
Telephone Numbers:
- Employee may have one or more phone numbers associated with their record.
- Some may have offices in multiple locations, each with an office phone.
- They may have corporate owned cell phones, Bring Your Own Device (BYOD) phones or personal phones.
- Some resources may also have administrative assistants whose number should also be associated with their record.
- If a mobile number is company provided, an indication stating that its company provided should be made against that mobile number. Probably we can add an icon to indicate the numbers, which are owned by the company.
- The Directory will be integrated with client’s online chat, so the numbers shown in the directory will support ‘Click to Dial’ functionality – just clicking the phone numbers will dial to the person. So we probably can show an icon to indicate this “Click to Dial” functionality for all phone numbers being displayed.
Emergency Contact Information:
- A user need to specify Emergency Contact Phone, Location and Business Recovery status - these details will be used in case the employee have to move to an emergency location in event of a disaster.
Hierarchy and Matrix Reporting:
- Based on the Employees Role (Designation) in the company we need to show the reporting hierarchy structure up to the company CEO level. Clicking on the person name in the hierarchy should display that person’s contact information. This is a dynamic search. Clicking on someone in the graphical hierarchy then displays that employee's information and their hierarchy.
- Include Matrix Reporting in addition to Reporting Hierarchy. It’s more important to show what project/team they are working on, less so who they report to directly, since the functional reporting structure is more relevant.
Functionalities in Profile Page:
Privacy Features:
- Provide features for users to restrict what information / fields that other employees should see when they search for their contact information.
- Also provide options to control on who can see and cannot see based on business rules.
Working Hours and Out-of-Office Details:
- We need a way for the employee to mention their normal working hours/days and when they would be out of office.
- Think on what fields need to be included here.
Admin:
An Admin has specific functionalities and has the ability to perform any of the functionalities shown above, so in addition to the above functionalities, they will also have the following
- Admins will have a unique feature to set preferences.
- Any employee profiles can be edited by an admin.
- Admins will have the ability to turn on/off any of the fields shown in the employee profile.
- They will also have the capabilities to set other security related options.
- They will be able to view a history (log) of what actions/changes has been done in the past to the employee database and who modified, when it was modified need to be shown as a table - so an admin is also expected to search through the history - think on how to provide the search.
- Explore the SRS Document to see if you can add any other required from the SRS.
Target Audience:
Client Company Employees, Contractors, Consultants, Vendors, and Operators
Judging Criteria:
- How well you create the corporate directory pages.
- Cleanliness of your graphics and design.
- Design looks and User Experience.
Success Criteria:
- Innovative design for mobile and desktop version meeting all the requirements in SRS
- Designs are appealing with page styles and contemporary
- Admin functionalities are addressed
- Usability aspects are considered
- Completely different from earlier wireframes contest
Failure Criteria:
- Not all the requirements in SRS are met
- Designs are plain/simple and not contemporary
- Admin functionalities are not considered
- Usability features are not considered
Submission & Source Files:
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on other winning placements.
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.