HRbox
[ This is just a concept ]
Few years ago I was involved in this project which consist of creating a tool that allows you to manage your HR with ease.
This tool was mainly conceptualized for desktop but this could be easily translate into a nice mobile application as well.
Main task for me was to create an appealing and beautiful UI but at the same time make it functional and easy to use.
Navigation Elements
Sidebar
The sidebar navigation allows you to easily navigate between boxes like Applicants, iOS Team, Employees – it will be very easy to know everything about your HRbox.
This navigation is very flexible and could be easily expanded for future growth of the team.
Last but not least Notifications and Settings are available right away at the top of the sidebar for a quick access.
“Peoplebar” Navigation
The peoplebar navigation allows you to easily see who is part of the boxes you’ve previously created – the badge tells you how full your box is.
A selection allows you to see all the details – and more – about that person. Also the filter action allows you to sort your list as you might prefer.
Tabs
These allows you to see all the details about a colleague, a new hire or a potential candidate.
You can also favorite a person that you contact often, add documents like resume, NDA, cover letter, and chat – all in the same spot.
Action Elements
Add
A main actions represented in the sidebar navigation is the “+” icon: it allows to add a new box or and a new person in a specific location.
Positioned right above a specific column of the full UI makes it clear what that icon will do – beside it’s clear glyph representation.
Search
Another main action is the search action which is available at the bottom of the people list. Being on top and always visible, it makes it available right when you need it.
Misc
Other main actions are available in the document section for a specific person added to a box. You can upload, edit, delete and send. These actions are depending on the section of the UI where they are placed.
Tabs Sections
The deepest navigation in the UI are the tabs. They represent specific details, and more, about a person, candidate, or employee.
The Details section allow to fill up the section with the most relevant information regarding a person, including personal information, experiences and education.
In the Document section you can store any type of document you need to have handy.
The Chat allows you to connect directly with someone directly on the same context as previous tabs.