Сайт - магазин по продаже SMM-услуг.
Наша цель — это продавать уcлуги блоггеров. Своеобразная биржа. Покупатель с помощью сайта размещает заказ: например, хочет купить 10 постов в ЖЖ. Зарегистрировавшиеся ранее блоггеры находят заказ и продают свою площадку.
Нам нужно создать макет главной страницы, максимально похожий на
http://fbviro.com с незначительными изменениями (см. ниже). По стилю, дизайну, шрифтам— максимально опираться на дизайн приведенного сайта.
Структура сайта
За пример берется
http://fbviro.com/ с которого практически полностью копируется структура и внешний вид страницы, но с некоторыми изменениями. Структура нашей главной страницы:
- Шапка
- Слайдер
-Меню-таблица
- Текстовой блок
- Подвал
Шапка
Слева вверху 2 текстовых блока с контактной информацией. Справа меню:
- Главная
- Сервисы
- FAQ
- Контакты
Нужно показать эффект при наведении: кнопки подсвечиваются цветной плашкой, затеняются, и меняется цвет шрифта. Логотип словесный, т.е. над просто подобрать шрифт и сделать надпись REPOST.AM
Слайдер
Слайд 1 для заказчиков.
Вместо ноутбука на сайте-референсе иллюстрация: мегафон с вылетающими из него значками лайков (Фейсбук), значков «друзья» (Фейсбук), значками репостинга (из Твиттера). Опираться на аналогичную иллюстрацию в прикрепленных документах
megafon.png. Значки небольшого и примерно одинакового размера. Не меньше 20 штук.
Слайд 2 для блоггеров.
Аналогичный слайду 1 по виду, на нем так же картинка с мегафоном, но лайки заменить вылетающими из мегафона значками валют, как на референсе
megafon.png. Доллары, рубли, евро. И слева место для текстового блока и кнопкой логина.
Переключение между слайдами происходит по нажатию на стрелку. Стрелка имеет подпись “Блоггеру”. При нажатии на нее, слайд перелистывается.
Меню-таблица
Стилистически пусть будет похожей, как на сайте
http://fbviro.com, но с другим функционалом и наполнением. В динамическом меню-таблице должно быть 4 столбца:
- facebook
- twitter
- livejournal
- instagram
В состоянии покоя выделена первая закладка Facebook, а ниже блок заполнен описанием того, что эта сеть готова предоставить: репосты, фоловеры, лайки и пр. Подробнее структуру можно посмотреть в
menu.png в прикрепленных документах. При выборе другой соц. сети в закладках меню, наполнение будет другим.
Текстовый блок
Идентичен должен быть сайту: подберите, пожалуйста, те же шрифты, цвета. Контент иконок сформирую впоследствии.
Подвал
Дублирует шапку. Слева логотип. Справа пункты меню, как в шапке.
Используется палета:
http://www.colourlovers.com/palette/580974/Adrift_in_Dreams