/hackathon-design-web

MVP HR landing page for the Yandex Practicum team.

Primary LanguageJavaScript

Project "Design & Web hackathon"

Link to the project

Description:

MVP HR landing page, which tells about the vacancies of support experts and work in Yandex Practicum. Support experts are mentors and reviewers who work part-time at the training courses of the Workshop.

The goals of the landing:

  • the page is intended to increase the conversion rate in response to vacancies and increase the level of audience engagement by optimizing usability, attractive design, engaging interface, and improving the perception of textual information.
  • the growth of recognition and attractiveness of the HR brand of the Workshop in a wide media space due to the openness of experts functionality and a clear positioning of the values of their work.

The project participants:

About the project:

Collective hackathon with students of the “Interface Designer" course to create MVP HR landing page, which tells about the vacancies of support experts and work in Yandex Practicum.

The project was made to train team development skills.

Technology stack:

  • HTML5
  • CSS
  • BEM
  • ES6
  • Webpack
  • Git

Technical information:

  • The page is adapted for devices with an extension from 320px to 1440px;
  • In the development of the site were used grid and flex technologies;
  • In the development of the site was used the JavaScript programming language;
  • Button animation was created using CSS;
  • Page navigation was implemented using CSS and JavaScript;
  • Video materials were inserted using iframe technology;
  • Animation of sliders on the page was implemented using Swiper.js;
  • File structure: BEM Flat;
  • The project was reorganized using the Webpack module builder.

Enjoy your viewing!