Responsive web app for a Recruiting company

I was hired by Jymber to design and develop a custom front-end for a responsive web app built in CakePHP. The responsive web app is built for a recruiting company and works with their applicant database, allowing staff to easily manage job openings and candidates in a more user-friendly way.

A user-friendly, mobile-friendly design was a must so that staff can access candidate and job information and perform tasks on their computers, phones and tablets.

My role on the project was user interface design and front-end development. I worked to develop the HTML in the CakePHP view files with the application-rendered markup, as well as hand-coding the CSS to work with the server-rendered HTML.

The front-end framework is custom and semantic using a LESS-based grid system.

The application features dynamic forms that animate form sections in as needed. The forms were designed to be enjoyable and quick to fill out. Forms were designed with the power user in mind, allowing tech savvy staff to quickly fill out forms with keyboard-friendly inputs.

All jQuery functionality is custom except for select plugins to deliver maintainable, reusable, bloat-free front-end code.

Launched 🚀 December 2013

Back-end Development CSS Design Front-end Development JavaScript Responsive Web Design Web Development
Landing page features a list of jobs.

Landing page features a list of jobs.

All pages are optimized for mobile users.

All pages are optimized for mobile users.

The Job Frame page focuses on the description and requirements for the role.

The Job Frame page focuses on the description and requirements for the role.

All parts of the website can be easily navigated, viewed and edited by desktop and mobile users alike.

All parts of the website can be easily navigated, viewed and edited by desktop and mobile users alike.

The Job Frame page has a section on culture fit to learn about the team and find the perfect candidate.

The Job Frame page has a section on culture fit to learn about the team and find the perfect candidate.

General job information in an easy-to-read format.

General job information in an easy-to-read format.

The job description page is optimized for mobile phones so staff can interact with job information on-the-go.

The job description page is optimized for mobile phones so staff can interact with job information on-the-go.

Candidate information for each job is presented in an easy-to-read format suitable for desktop and mobile users alike.

Candidate information for each job is presented in an easy-to-read format suitable for desktop and mobile users alike.

Forms are user-friendly and a joy to fill out, providing supplementary information where needed.

Forms are user-friendly and a joy to fill out, providing supplementary information where needed.

Forms were designed with the power user in mind, allowing tech savvy staff to quickly fill out forms with keyboard-friendly inputs.

Forms were designed with the power user in mind, allowing tech savvy staff to quickly fill out forms with keyboard-friendly inputs.

Datepickers, range sliders and a variety of select fields makes forms enjoyable to fill out.

Datepickers, range sliders and a variety of select fields makes forms enjoyable to fill out.

Forms were designed with the power user in mind, allowing tech savvy staff to quickly fill out forms with keyboard-friendly inputs.

Forms were designed with the power user in mind, allowing tech savvy staff to quickly fill out forms with keyboard-friendly inputs.

The candidate response page displays data in a table that is fluid and responsive.

The candidate response page displays data in a table that is fluid and responsive.