Meet another Webnauts project — IOD (Intellectual Outstaffing & Development), which provides outstaffing and outsourcing services. And which badly needed a modern and user friendly platform.

What for? To sell the services of IT specialists.
Who for? For Western companies that want to quickly hire the right specialist and make the right choice.

By answering these questions, we managed to create a convenient and practical website that qualitatively presents (and therefore sells) the IT team and solves the problems of customers.

Interface coding

Where design ends, front-end development begins.

HTML, CSS and JavaScript are the three pillars of the front-end on which the user interface stands. With the help of these languages, we have turned design layouts into a tangible web product.

In order to simplify and structure the code, we used a kind of CSS extension — the Sass preprocessor scripting language and its SCSS syntax. And to insure the code from errors and make the site work properly, we were helped by the Git (Global Information Tracker) version control system.

However, this is not all. The front-end development was based on the Vue.js JavaScript framework, as well as the Nuxt.js Vue.js framework. These technologies allow you to create powerful web applications for Vue.js, including Alibaba, GitLab, 9Gag, and now the IOD website.

In addition, in the development of the client part of the platform, we used such libraries as:

Vuex — for managing the state and storing site data.
Vue router — to sync the site URL with the rendered web page.
vuejs-paginate — for paginating the site.
vue-click-outside — to respond to clicks outside the interface element (in our case, this is a dialog box with an application form):

Responsiveness

We have completely taken control of the design and adapted the layouts so that the site looks organic on the screen of any type of device. Sometimes adaptivity requires simplification or even cutting off secondary blocks or animations. However, in this project, we managed to keep all the elements and animation effects.

As a result, we rebuilt the blocks in such a way as to correctly convey the meaning and not violate the logic of the site. In addition, each item is large and clickable, and along with the competent placement of elements, it allows you to effortlessly switch between items and conveniently explore all the content, whatever the size of the display.

Webnauts

Write a review for Webnauts

Please fill the form below

Budget

Quality

Schedule

Communication