Официальная часть

Официальные страницы сайта исполнены в строгом дизайне. В таком стиле подана информация о самом комплексе, его руководителях, финансовая отчётность, контактные данные пресс-центра.

Внимание к деталям

Мы тщательно подошли к проработке удобства использования сайтом. 

• Навигация. Главное меню закреплено в верхней части экрана, оставаясь видимым при прокрутке страниц. Благодаря этому решению пользователям легко перемещаться по сайту.
• Удобство восприятия. Благодаря разделению материалов сайта на отдельные блоки, выделенные цветом и дополненные качественными фотографиями, большой объём информации легко читается и воспринимается. Всё продумано для удобства пользователей: подзаголовки, списки, быстрые ссылки на подразделы и пр.
• Простота коммуникации. Удачно размещённые ссылки на пресс-центр и контакты позволяют быстро связаться с представителями организации. При возникновении вопроса можно отправить его через форму обратной связи.

Информационные разделы

Значительная часть сайта посвящена представлению интересной пользователям информации и рассказу об исторических фактах, связанных со строительством комплекса.

Новости

В этом разделе содержатся актуальные новости. Цветом в календаре выделятся важные даты в истории компании. Отдельные интересные факты вынесены в блок «Знаете ли вы, что?». Чтобы оставаться в курсе событий, можно подписаться на рассылку о новостях комплекса.

Видео- и фотогалереи

Эти разделы тщательно проработаны при внешней простоте исполнения. Мы использовали интересный эффект при наведении на изображения. При просмотре видеозаписей и увеличении фотографий рельефное затемнение фона не бросаются в глаза, наоборот, поддерживая общий имидж сайта.

Промостраницы

Изюминкой сайта стала интерактивная схема комплекса защитных сооружений, размещённая на главной странице, а также промо-страницы, которые мы разработали специально для этого проекта.

Обзорная карта комплекса совмещает в себе несколько функций. Это не только общий вид на дамбу с высоты птичьего полета. Здесь мы реализовали настоящую мини-экскурсию для посетителей сайта. Благодаря интерактивным элементам пользователь может увидеть расположение основных частей комплекса, их фотографии и краткую информацию о дамбах, водо- и судопропускных сооружениях, скоростной автодороге и автомобильном тоннеле.

История наводнений

Прокручивая страницу вниз, пользователь в хронологическом порядке видит исторические факты и сведения об истории наводнений города. Эта атмосферная страница выполнена с применением эффекта параллакса и анимации. Иными словами, переходя от даты к дате, всё глубже погружаясь под воду, как некогда и жители Петербурга, испытавшие на себе все ужасы наводнений.

История строительства

Историческая сводка об основных этапах строительства комплекса представлена с использованием архивных чёрно-белых фотографий. На этой странице мы также добавили анимационные эффекты: элементы перемещаются, «бегут» годы. Фотографии были предоставлены нам заказчиком и обработаны уже нашим дизайнером. Мы продумали эффекты параллакса при прокрутке страницы.

Экология

Этот раздел сайта посвящён политике компании в области поддержания благоприятной экологической обстановки в акватории Невской губы и Балтийского моря. При подготовке дизайна мы остановились на ярких чистых цветах с большим количеством воздуха. Схемы очистных сооружений, фотографии птиц и рыб подбирались дизайнером специально для этой страницы. Заказчик со своей стороны предоставил изображение с закатом и видом на залив, размещённое в верхней части страницы.

Подробнее читайте на нашем сайте: http://bquadro.ru/portfolio/websites/kzs?utm_source=cmsmagazine&utm_medium=cases&utm_campaign=kzs

Перейти на сайт