Дизайн и вёрстка сайта БГИИК

По заказу Белгородского государственного института искусств и культуры мы придумали, нарисовали и сверстали новую версию сайта.

Демонстрация вёрстки

В оформлении сайта прослеживаются народные мотивы и фирменный красный паттерн института.

Главная страница:

Главная страница сайта Белгородского государственного института искусств и культуры

Главная страница выполнена в виде плиток с различными ресурсами: страницами, новостями, информацией. Буквицы в плитках формируются автоматически, на основании первой буквы заголовка. Цветные тени помогают визуально разделять тематику содержимого.

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

Логотип решили не менять, чтобы сохранить преемственность (для таких кардинальных изменений ещё не пришло время), но немного осовременили его и перекрасили в нужный цвет.

Меню выполнено в той же стилистике с уже узнаваемым паттерном и буквицами:

Меню с паттерном и буквицами

Прочие страницы:

Прочие страницы


При переносе вёрстки на движок университета дизайн был упрощён, а некоторые аспекты вёрстки опущены:

  • Шапка сайта не наша.
  • Подвал (футер) тоже другой и висит в воздухе.
  • Тонкое подчёркивание ссылок в шапке должно заходить за буквы, а не перечёркивать их.
  • Тени на плитках обращены в другую сторону, цветовое кодирование тематик упущено.
  • Непонятная бегущая строка. Она не нужна.
  • Буквицы (большие буквы, набранные другим шрифтом) должны автоматически составляться из первой буквы заголовка, а не составляться непонятно как. Буквицы находятся сверху, и лента должна сортироваться по ним.
  • Оформление внутренних разделов неверно.
  • Меню второго уровня сделано анимацией. Заходишь в какой-нибудь раздел, а меню снова сворачивается, и непонятно, как посмотреть соседние пункты подменю
  • Всю анимацию, кроме слайдера, лучше убрать. Это подчеркнёт серьёзность организации. Анимация в данном случае только мешает восприятию информации.
  • Элементы-теги (новости, анонсы, факультеты, творческие коллективы, бизнес-инкубатор, электронные издания) должны быть разбросаны по странице, в зависимости от тематики события, а не просто висеть сверху.

Добавлено : Сайт приведён в почти полное соответствие с нашим дизайном.