Разработали адаптивный сайт MegaLabs. Перестроили контент и сценарии под десктопы, планшеты и смартфоны без потери читаемости и функций.
Создали адаптивный сайт технологической компании: сохранили читаемость и функциональность на десктопах, планшетах и смартфонах.
Подобные проекты особенно хочется сделать идеально. По принципу Парето 20% времени мы делаем весь сайт, а 80% — оттачиваем результат.
Андрей РыжкинТехнический директор AGIMA
Проект в цифрах
60
страниц занимало техническое задание
260
часов вёрстки и разработки
4
базовых разрешения поддерживал адаптивный сайт
Задача
Направления MegaLabs
Нужно было рассказать о цифровом контенте, медиа, финансовых услугах, мобильной рекламе, облачных решениях, M2M и геосервисах. Основным каналом коммуникации с клиентами выбрали адаптивный сайт.
Адаптивная вёрстка
Техническое задание
ТЗ на 60 страницах описывало брейкпоинты, поведение каждой страницы при перестроении и требования к просмотру на экранах Retina. Особое внимание уделили читаемости и перестроению текста.
Четыре разрешения
За 260 часов вёрстки и разработки сайт адаптировали под разрешения 1024, 768, 480 и 320 пикселей.
Сценарии на разных устройствах
Главная страница
На десктопе главная страница анимируется при прокрутке. На смартфонах она становится статичной и полностью скрывает список направлений деятельности компании.
Портфолио
Плитка реализованных проектов динамически перестраивается при изменении ширины окна браузера без перезагрузки страницы.
Публикации в СМИ
На смартфонах новости подгружаются в конец бесконечной ленты, а на десктопе работает постраничная навигация.
Вакансии
Раздел полностью функционален на всех устройствах: кандидат может откликнуться в том числе со смартфона.
Отзыв
Андрей Рыжкин, технический директор AGIMA
Подобные проекты без сложной функциональной нагрузки могут казаться простыми, поэтому их особенно хочется сделать идеально: отточить все отступы, шрифты, перестроения на всех разрешениях. И порой такое желание выливается в следование принципу Парето: 20 % времени мы делаем весь сайт и 80 % времени «вылизываем» результат. Приятно потом, оглянувшись назад, увидеть действительно качественный результат работы.
Результат
Быстрый, технологичный и современный сайт
После нагрузочных тестов команда оптимизировала вёрстку и настроила серверную часть сайта.
Команда AGIMA
Андрей Рыжкин
Технический директор