Здравствуйте, уважаемые дизайнеры!
Основная задача: нарисовать качественный дизайн главной страницы сайта Центра Адаптивного Спорта.
Сейчас у них есть сайт: http://csi-ugra.ru/
Мы производим модернизацию, редизайн и немного улучшили логотип -https://yadi.sk/i/_nqzYUONuKoKk (ссылка на лого)
Имеется утвержденный прототип главной страницы: http://6duomh.axshare.com/#p=home_v2
Обрисовывать 1 в 1 его не нужно, но вся информация, которая в нём содержится, должна сохраниться.
Сайт будет резиновым: мин. ширина 1000px, макс. 1400 px.
Краткое описание прототипа:
Шапка
В самой верхней строке шапки содержится счетчик (отсчет до паралимпийских игр в РИО). Его можно оформить в стиле РИО, добавить логотип и использовать фир. цвета, НО при этом эта строка не должна забирать весь акцент на себя.
Далее следует строка с логотипом. Так как в логотипе уже содержится надпись "Центр Адаптивного Спорта" текста рядом не будет. Три иконки справа в вверхнем углу - при наведении видно, что они обозначают.
Вы можете компановать информацию не так как в прототипе, главное, чтобы это было красиво и приятно для восприятия.
Навигационное меню - при наведении показаны выпадающее меню, его также необходимо включить в дизайн.
Контентная область
Начинается слайдером - без комментариев.
Далее следует блок новости и блок "Календарь мероприятий" - в этом блоке есть фильтрация в виде табов и в виде выпадающего списка. У блока есть внутренний скролл.
Фото и видео - без комментариев.
Далее 4 прямоугольника - это баннеры. Они сейчас есть на старом сайте, необходимо их перерисовать.
Интерактивная карта - самый сложный элемент на странице. Карта ХМАО-Югры с отмеченными на ней МО. При наведении на Ханты-Мансийск вы можете видеть плашку с информацией и ссылками. Нужно нарисовать и карту и плашку. Активный МО должен как-то выделяться (hover and active effects)
Виды спорта - в этом блоке должны быть пиктограммы видов спорта. Вверху блока табы для переключения по виду инвалидности. Также данные пиктограммы должны отличаться еще по двум признакам - паралипийские и не паралимпийские. Можно сделать это цветом или какой-то пометкой. Список видов спорта можно посмотреть здесь: http://csi-ugra.ru/vidy-sporta. Также у всех пиктограм должны быть ховеры, т.к. по нажатию будет осуществляться переход на детальную страницу.
Далее следует блок с инфографикой. Она в приложенных файлах.
По футеру - всё должно быть понятно.
Ожидаю ваших решений!
Подробнее читайте тут: http://godesigner.ru/answers/view/51