Evacom
Компания Evacom занимается эвакуацией автомобилей в Москве и Подмосковье: в круглосуточном режиме спасает тех, кто оказался в сложной дорожной ситуации.
Задача
Разработать полезный сайт для компании «ЭВАКОМ». Сделать акцент на удобстве пользования сайтом с мобильного телефона и планшета.
Решение
На главной странице пользователь может самостоятельно рассчитать примерную стоимость эвакуации своего автомобиля.
![<p><b>Главная страница</b></p> <p>Чтобы рассчитать ориентировочную стоимость эвакуации, необходимо выбрать тип своей машины в интерактивном слайдере и задать нужные параметры в калькуляторе.</p>](https://s29805.cdn.ngenix.net/upload/iblock/14d/x14d0286c51a66d1e67d06eb325fa658d.jpg.pagespeed.ic.lVtwuZZd30.jpg)
![<p><b>Рисуем скетч</b></p> <p>Набрасываем примерную структуру главной страницы. </p>](https://s29805.cdn.ngenix.net/upload/iblock/8df/x8df56ca9fab4edd0d95680ba33a7df9b.jpg.pagespeed.ic.jRrLUk9gA8.jpg)
![<p><b>Внутренние страницы практически не афишируются, потому что в случае срочной эвакуации пользователю будет не до них</b></p> <p>Главная задача, которую решают внутренние страницы — оптимизация для поисковых систем.</p>](https://s29805.cdn.ngenix.net/upload/iblock/6be/x6be71902c8989e906f8909661db933e3.jpg.pagespeed.ic.Y4NJegDcZ3.jpg)
![](https://s29805.cdn.ngenix.net/upload/iblock/a24/xa248c3766cbefdae0119ee2e69f3dcfd.jpg.pagespeed.ic.39kJFp7R04.jpg)
![](https://s29805.cdn.ngenix.net/upload/iblock/e66/xe66f6c5b7ab848d6fba943a908180bdf.jpg.pagespeed.ic.xveTRH0Sgj.jpg)
![<p><b>Сайт Evacom на планшете и смартфоне</b></p>](https://s29805.cdn.ngenix.net/upload/iblock/b61/xb61749b502e782f26a7a047d578bd617.jpg.pagespeed.ic.Nnz0LwW69L.jpg)
Результат
Сайт получился лаконичный, простой, с приятными эффектами. Реализован адаптивный дизайн.
Адаптация сайта под мобильные устройства всегда сопровождается массой «тонкостей». Для каких-то проблем есть готовые решения, для других приходилось придумывать и тестировать решения самому. В процессе работы над проектом написал несколько JS-плагинов, включающихся в режиме большого и маленького разрешения — они динамически меняются при изменении размера окна или ориентации страницы.