Challenge Summary
Welcome to Employee Finder Application Responsive Design Concepts Challenge. In this challenge, we would like to develop an easy to use application for employees of a very large company (think fortune 50 account with tens of thousands of employees) to find employees and explore the corporate org chart associated with that person. Ideally would be able to click into that person and find contact info, etc and be able to dial/email.
Round 1
For your R1 deliverables please submit the following screens:
0) Navigation
1) Splash Screen Page
2) Search Results Page
3) Organization Chart Page
- Readme.jpg: Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Final Design plus any Checkpoint feedback:
0) Navigation
1) Splash Screen Page
2) Search Results Page
3) Organization Chart Page
4) View Full Contact Information Page
- Readme.jpg: Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Challenge Details:
A very large, fortune 50 company is looking for an employee-friendly way for other employees to find other employees and explore the org chart associated with them. The design should have a mobile-first approach and expectations are employees will be accessing from their iOS phone. Other nice features could include shortcuts to explore the org chart associated with frequently viewed people (e.g. CEO, CFO, employee business unit SVP, etc).
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Note: We don’t have any branding guidelines; so feel free to suggest the colors.
Required Screen Sizes:
- Tablet Resolution: Design for iPad Air 2 Retina Display 2048px x1536px.
- Mobile Resolution: Design for iPhone 6 Retina Display 750px x 1334px.
Design Goals:
- Think how quickly the user can find what he is looking for?
- The application should be easy to use.
- Think simple but effective solutions!
- We are looking for Modern mobile designs including best UI practices, make sure the application is visually appealing.
- We are looking for a responsive design to adapt to different smartphones screen sizes and resolutions.
Suggested User Story (feel free to suggest or remove features)
- James is an employee within a very large firm.
- James wants to find other employees in his firm and explore the org chart associated with them.
- James opens the application and sees a branded splash screen with search options.
- James enters an employee name in search filed and now sees either list of employees that match the search or the employee entry.
- James also can explore the org chart associated with that person.
- Finally James can view full contact information and initiate contact like press to dial or open an email.
Storyboard Requirements:
- We would like you to suggest features/screens that this app should incorporate
0) Navigation:
- Think of how the user should navigate this application? Keep in mind this App should be easy to use and understand.
1) Splash Screen Page:
- The user opens the application and sees a branded splash screen.
- We need a search input filed in this page, so the user can search for employee names.
2) Search Results Page:
- Here the user sees either list of employees that match the search or the employee entry.
3) Organization Chart Page:
- The user should be able to explore the org chart associated with the person he selects from search results page.
- Organization chart examples, dont copy any of the designs, they are just for referrence:
https://www.google.com/search?q=org+chart&es_sm=91&source=lnms&tbm=isch&sa=X&ei=O8JwVIbJKdPfaLyygtAO&ved=0CAgQ_AUoAQ
4) View Full Contact Information Page:
- In this page the user can view full contact information and initiate contact like press to dial or open an email.
Important:
- Keep things consistent; all graphic styles should work together.
Target Audience:
- All levels of business employees within a very large firm, who wants to find other employees and explore the org chart associated with them.
Judging Criteria:
- Cleanliness of your graphics and design.
- Creativity, user experience and ease-of-use around exploring the org chart is key to the success as it must be engaging to the employee.
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, or Adobe Illustrator as a layered AI 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 checkpoint feedback.
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.