СТУДИЯ ДИЗАЙНА «PEACH»
Главная страница сайта
Для Северо-Западной Танцевальной Ассоциации
В этой презентации мы хотим показать вам дизайн главной страницы сайта. Мы предлагаем представление информации с использованием смелой уверенной типографики, подкрепленной яркими фотографиями и графическими элементами.
Главные впечатления: уверенность, профессионализм, современный подход и динамика.
Главный баннер
и меню
В качестве фона баннера мы предлагаем использовать видео.

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

Пример изменения логотипа при прокручивании можно увидеть на сайте www.newcastlenow.org.au/.
Ярким примером закрепления меню в верхней части окна браузера является сайт www.arenadanceclub.ru.
Основная часть страницы
При наведении на новость слева выезжает яркая полоска. Такой эффект придает сайту яркость и динамику.

Пример анимации появления полоски вы можете увидеть в главном баннере этого сайта
https://parall.ax.
Внизу блока календаря есть кнопка «Весь календарь». При нажатии пользователь переходит в соответствующий раздел сайта.
Новости

Изначально мы предлагаем разместить на странице 4 новости.

Новость может размещаться как с фотографией, так и без неё. Для гармоничного визуального восприятия новости мы предлагаем делать заголовок и текст анонса не очень большими.

Фон

На фоне страницы располагаются голубые полоски, соответствующие фирменному стилю компании. Они не статичны: с помощью параллакс эффекта создается впечатление многослойности страницы, где на одном слое находится текст, а на другом полоски и при скролле страницы они прокручиваются с разной скоростью. Пример: http://www.culturalsolutions.co.uk.

Календарь

Справа от блока новостей располагается календарь. В нём автоматически отражаются ближайшие 8 событий с учётом актуальной даты входа на сайт.

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

Студия дизайна «Peach»
г. Ярославль, 2017 год
Made on
Tilda