Сайт морской транспортной компании
Интересный сайт для транспортной компании..
При его создании использовалась афигееееенная панарамная картинка, которая красиво прокручивается к каждому ключевому пункту сайта..
Сайт: selet-marine.com
Концепт, дизайн: Дизайн-студия Пилигрим
Руководитель проекта: Сергей Шишкин
Дизайнер: Сергей Сезонов
Верстка, написание кода: Я
Это главная страница нового сайта..
Основа сайта - прокрутка панорамы, я пытался красиво ее передать гифкой, но ее размеры становились просто огроменными, поэтому здесь привожу просто слайдшоу, а смотреть ее лучше на самом сайте..
Прокрутку я писал сам.. Нужен был эффект ускорения сдвига картинки с последующим плавным замедлением и остановкой.. Для этого я специально подобрал параболическую функцию..
Что бы картинка красиво прокручивалась, надо было отказаться от привычного перехода по ссылкам - страница должна была оставаться та же.. Поэтому все нужное содержимое подгружается аяксом при первом открытии, а потом просто показывается пользователю при клике..
На сайте есть страницы и помимо основных, вот например страница контактов, не менее важная, но не нуждающаяся в позиции в панараме..
На сайте присутствуют всплывающие контактные формы - написать сообщение можно в любой момент, без собственного почтового ящика и перехода на другую страницу..
Компания работает и за пределами России, поэтому для иностранных матросов и клиентов есть своя версия сайта..
А это История разработки дизайна сайта.. Очень интересно посмотреть на весь процесс метаморфоз..