Дизайн главной веб-студии (современный дизайн)

in-marketing.ru

1. Адаптивность и отзывчивость шаблона
Шаблон Сайта должен быть навёрстан блочным методом. Блоки должны быть 100% по ширине и 100% видимого экрана по высоте. Визуально при прокрутке видимый общий блок должен состоять из следующих блоков:
1. Блока верхнего меню – 10% от размера экрана по высоте
2. Блока контентной части – 85% экрана по высоте
3. Блока-футера – 5% экрана по высоте
На главной странице Сайта должно находиться 4 общих блока:
1. Блок со слайдером
2. Блок с текстом «О компании»
3. Блок с некоторыми проектами
4. Блок с контактами
2. Детальный разбор страницы
2.1 Меню
Меню должно быть выполнено в виде блока 100% ширины мягко-голубого цвета с белыми надписями. Пункты меню следующие (в перечислении слева направо):
1. Услуги
2. Цены
3. Наши работы
4. О компании
5. Контакты
6. Новости
Суммарная длина пунктов не более 1024 пикселей. Меню располагается посередине относительно ширины сайта.
2.2 Слайдер
Выполняется на белом фоне. В верхнем левом углу (с отступом) содержит логотип компании с номером телефона (справа относительно логотипа, величиной с логотип, шрифт телефона такой же, как у логотипа).
В центре слайдера – вырезанная фигура человека. На каждом из слайдов (слайдов должно быть несколько) должна быть концепция, в соответствии с которой человек должен что-то делать (какое-то соответствующее действия, аналогия или аллюзия).
Слайдов пять:
1. Создание сайтов
2. Продвижение сайтов
3. Поддержка сайтов
4. Создание логотипов
5. Акция! (позже будет решено, какая акция)
Слайдер должен иметь тонкие уголковые стрелки прокрутки и «точки»-переключатели внизу (как можно более незаметные). В слайдере необходимо подразумевать эффект параллакса
2.3 «О компании»
Блок должен быть с белым текстом и красиво оформленным заголовком. Фон блока должен быть текстурированным.
2.4 Проекты
Необходимо сделать представление из 6-8 проектов с привлекательной кнопкой «Показать все», ведущей на страницу с Портфолио
2.5 Контакты
Необходимо сделать представление из трёх карт с контактными подписями (т.е. карта и подпись к ней, с указанием адреса и названия офисов «Москва», Московская область», «Украина»). Номер телефона, почта и другая контактная информация должны быть одинаковыми.
2.6 Футер
Цвет футера на усмотрение исполнителя но при наведении на него должен выделяться другим цветом. Должен содержать контактные данные, ссылку на форму обратной связи и кнопки социальных сетей. Как вариант футер можно оформить красивой каёмкой, например, зазубренностями - на усмотрение дизайнера

http://www.artox-media.ru/
http://www.welcomseo.ru/
http://www.darvin-studio.ru/

Приглушенные

Пастельные

• Для пп. 2.3-2.5 должны быть унифицированные красивые заголовки
• Шрифты использовать, по возможности, нестандартные, но и не те, которые нельзя в последующем обработать для веба (выбрать можно на сайтах Google Fonts или Font Squirrel).
• Все линии – тонкие, в том числе на логотипе (сделать лого из тонких линий). Чаще оперировать контурами и силуэтами.
• Презентационные надписи оформлять в тонкие шрифты
• Шрифтами не перебарщивать, не более 3, максимум – четырёх шрифтов
• Цвета, которые можно использовать: розовый, голубой, светло-серый, белый. От цветовой концепции сайта не отходить. Не использовать яркие, сочные цвета.
• Использовать минимализм, подобный минимализму Apple в iOS7. Также можно использовать визуальное оформление на основе iOS или Windows 8