Официальные страницы сайта исполнены в строгом дизайне. В таком стиле подана информация о самом комплексе, его руководителях, финансовая отчётность, контактные данные пресс-центра.
Мы тщательно подошли к проработке удобства использования сайтом.
Значительная часть сайта посвящена представлению интересной пользователям информации и рассказу об исторических фактах, связанных со строительством комплекса.
В этом разделе содержатся актуальные новости. Цветом в календаре выделятся важные даты в истории компании. Отдельные интересные факты вынесены в блок «Знаете ли вы, что?». Чтобы оставаться в курсе событий, можно подписаться на рассылку о новостях комплекса.
Эти разделы тщательно проработаны при внешней простоте исполнения. Мы использовали интересный эффект при наведении на изображения. При просмотре видеозаписей и увеличении фотографий рельефное затемнение фона не бросаются в глаза, наоборот, поддерживая общий имидж сайта.
Изюминкой сайта стала интерактивная схема комплекса защитных сооружений, размещённая на главной странице, а также промо-страницы, которые мы разработали специально для этого проекта.
Обзорная карта комплекса совмещает в себе несколько функций. Это не только общий вид на дамбу с высоты птичьего полета. Здесь мы реализовали настоящую мини-экскурсию для посетителей сайта. Благодаря интерактивным элементам пользователь может увидеть расположение основных частей комплекса, их фотографии и краткую информацию о дамбах, водо- и судопропускных сооружениях, скоростной автодороге и автомобильном тоннеле.
Прокручивая страницу вниз, пользователь в хронологическом порядке видит исторические факты и сведения об истории наводнений города. Эта атмосферная страница выполнена с применением эффекта параллакса и анимации. Иными словами, переходя от даты к дате, всё глубже погружаясь под воду, как некогда и жители Петербурга, испытавшие на себе все ужасы наводнений.
Историческая сводка об основных этапах строительства комплекса представлена с использованием архивных чёрно-белых фотографий. На этой странице мы также добавили анимационные эффекты: элементы перемещаются, «бегут» годы. Фотографии были предоставлены нам заказчиком и обработаны уже нашим дизайнером. Мы продумали эффекты параллакса при прокрутке страницы.
Этот раздел сайта посвящён политике компании в области поддержания благоприятной экологической обстановки в акватории Невской губы и Балтийского моря. При подготовке дизайна мы остановились на ярких чистых цветах с большим количеством воздуха. Схемы очистных сооружений, фотографии птиц и рыб подбирались дизайнером специально для этой страницы. Заказчик со своей стороны предоставил изображение с закатом и видом на залив, размещённое в верхней части страницы.
Подробнее читайте на нашем сайте: http://bquadro.ru/portfolio/websites/kzs?utm_source=cmsmagazine&utm_medium=cases&utm_campaign=kzs
Проведите конкурс среди участников CMS Magazine
Узнайте цены и сроки уже завтра. Это бесплатно и займет ≈5 минут.