Техническое задание на шестидесяти страницах описывало всё: брейкпоинты адаптивной вёрстки, поведение каждой страницы при перестроении, требования к просмотру на экранах с высокой плотностью пикселей и ряд других особенностей вёрстки. Особое внимание мы уделяли читабельности и перестраиванию текста на разных устройствах. Спустя 260 часов вёрстки и разработки сайт был адаптирован под четыре базовых разрешения — он учитывает особенности интерфейсов самых распространенных моделей десктопов, планшетов и смартфонов.
Главная страница, анимированная при скроллинге на десктопах, на смартфонах перестраивается, становится статичной и полностью скрывает список направлений деятельности компании, что значительно упрощает работу с сайтом на мобильных устройствах.
Плитка реализованных проектов в портфолио компании динамически перестраивается на десктопах при изменении размера окна браузера. Контент подстраивается под предпочтения пользователя даже без перезагрузки страницы.
Раздел с публикациями о MegaLabs в СМИ предлагает различные способы навигации на смартфонах (подгрузка новостей в конец ленты) и более крупных экранах (постраничное перелистывание). Таким образом, адаптивный сайт учитывает разный пользовательский опыт на разных устройствах.
Раздел вакансий полностью функционален на всех устройствах. Будущий сотрудник MegaLabs может откликнуться на вакансию даже из метро или с беговой дорожки фитнес-клуба.
В результате проведенных нагрузочных тестирований была оптимизирована вёрстка и настроена серверная часть сайта. Теперь сайт MegaLabs.ru под стать самой компании — быстрый, технологичный и современный.
Проведите конкурс среди участников CMS Magazine
Узнайте цены и сроки уже завтра. Это бесплатно и займет ≈5 минут.