Website of the outstaffing company IOD | Webnauts Design

IOD

Type:

CORPORATE

Services:

CRM Software and SaaS design, Logo design, identity and brand development

Task

Develop branding and website design for the internal product of our company – outstaff services for individual employees or teams.

Users need to be able to easily and quickly select the right candidate. To do this, at least, it is necessary to implement a flexible search for given specializations, a clear demonstration of the employee’s experience and the current status of “busy/available”.

WHEN DEVELOPING THE DESIGN, WE USED THE “JOBS TO BE DONE” METHOD — THE FOCUS IS NOT ON THE BENEFITS OF OUR PRODUCT, BUT ON THE SOLUTION TO THE USER’S PAIN.

We carried out a series of studies that allowed us to stand “on the other side” and better understand the motives and requirements of customers. Outstaff services are quite popular, so a competitive and visual analysis of the niche was also conducted: it helped to identify the main structural and visual solutions in this area.

IOD

GENERAL STYLISTICS

The design of the site is made in minimalism inspired by the Swiss style. Its basic principle is nothing superfluous.

  • simplicity and conciseness
  • precision and functionality
  • easy readability
  • free space
  • modular grids
  • sans-serif fonts
  • asymmetry in block placement
  • use of photographs
IOD

SEARCH AND FILTER OF PERFORMERS

The search for a specialist is a key function of the project, so we paid a lot of attention to it.

A preliminary survey of users was conducted. It made it possible to identify the most important characteristics that are of interest to employers. This list is placed at the top of the catalog, so you can find the perfect performer in a few clicks.

An interactive cursor that enlarges when hovering over active elements (which can be clicked) is used as a tooltip.

IOD

SPECIALIST’S PAGE

The most important information about an employee is in front of your eyes.

The left side, including a photo and specializations, is always pinned to the screen. Only the right side scrolls, which contains a list of projects, certificates, and completed courses.

Thanks to smooth and modern animation, the profile is easy to study. Micro animations of elements add life and make the site interesting and memorable.

THE IOD WEBSITE IS ADAPTED FOR 3 SCREEN RESOLUTIONS, ALLOWING THE CUSTOMER TO FIND THE PERFORMER FROM ANY AVAILABLE DEVICE.

IOD
IOD
IOD
IOD
IOD