Визитка INTERNATIONAL PARKING SYSTEMS
Задача: Разработать визитку для компании INTERNATIONAL PARKING SYSTEMS, которая предлагает решить проблему парковок в городах при помощи запатентованной автоматизированной системы SPACE PARKING OPTIMIZATION TECHNOLOGY.
Технологии: HTML5, CSS3, библиотека для постраничного скроллинга fullpage.js.
Решение: заказчик предоставил вместе с техническим заданием текстовые файлы с информацией на двух языках, которую необходимо было отобразить на главной странице. Ознакомившись с техническим заданием, дизайнер разработал прототип будущего сайта, где схематично расположил текстовую информацию, разделив её на отдельные блоки.
После внесения правок и утверждения прототипа дизайнер приступил к отрисовке макетов. Дизайн выполнен с использованием 2-х основных цветов, чёрного и оранжевого, с использованием в оформлении блоков соответствующих изображений с автомобилями и парковками. Главная страница реализована на языке разметки HTML5 при помощи JavaScript библиотеки fullpage.js. Данная библиотека позволяет выполнять постраничный скроллинг блоков при помощи мыши или с использованием навигационной панели, что делает страницу похожей на презентацию. К ключевым блокам главной страницы можно переходить также через главное меню в шапке, а галерея реализована на отдельной странице. В галерее можно просмотреть фотографии, увеличив их на весь экран, скачать изображения или включить слайд-шоу для автоматического просмотра всех фотографий. Сайт адаптирован под мобильные разрешения для удобного просмотра контента с мобильных устройств. Браузер Chrome версии 39 и выше для Android поддерживает изменение цвета вкладки, поэтому находясь на сайте с Android-устройств вкладка браузера окрашивается в один из основных цветов сайта - оранжевый.