- •Оглавление
- •Общее описание проекта
- •Состав и содержание работ
- •1. Очередность работ
- •1. Содержимое страницы
- •Меню сайта
- •Карта сайта
- •Повторяющиеся элементы на всех страницах сайта
- •2. Подвал сайта
- •Главная страница
- •Страница «о продукте»
- •1. Содержимое страницы
- •Страница «Производство»
- •1. Содержимое страницы
- •Страницы «Экологичность», «Технологичность», «Качество воды», «Контроль этапов»
- •1. Содержимое страницы
- •Страница «История валенок»
- •1. Содержимое страницы
- •Страница «Конкурсы»
- •1. Содержимое страницы
- •Страница «Контакты»
- •1. Содержимое страницы
- •Страница «Где купить»
- •1. Содержимое страницы
- •Страница «ошибка 404»
- •1. Содержимое страницы
- •Страница «Карта сайта»
- •1. Содержимое страницы
- •Страницы «Лицензия», «Правила пользования»
- •1. Содержимое страницы
- •Заставка к сайту
- •1. Принцип работы
- •Административная часть сайта
- •1. Содержимое страницы
- •2. Вход в административную часть
- •Тестирование
- •Требования к верстке
- •Используемые технологии и языки программирования
Меню сайта
Пункты и подпункты основного меню сайта:
Главная
О продукте
Технология производства
- Экология
- Технологичность
- Качество воды
- Контроль этапов
История валенок
Конкурсы
- Прошедшие
- Действующие
Контакты
Где купить (hide)
(- раскрывающиеся пункты меню)
Карта сайта
Юзабилити
Креативный интригующий сайт с удобным интерфейсом. Элементы управления должны иметь достаточный размер, без необходимости страница не должна перегружаться.
Должно быть интересно переходить по ссылкам меню и видеть необычный дизайн.
Структура сайта логична. Лёгкая навигация по сайту.
Рекомендации по дизайну
1. Стилистическое решение
Дизайн сайта должен быть ярким, стильным, с множеством крупных изображений, но в то же время удобным и функциональным. При нажатии ссылки пользователь должен слышать хруст снега.
2. Цветовая гамма веб-сайта
Основная цветовая гамма - бело-голубая (корпоративный стиль), в элементах может использоваться любой из оттенков основных цветов. Оттенки и насыщенность цветов могут быть изменены дизайнером для сочетания с другими цветами сайта.
3. Общие требования к текстовым шрифтам
Необходимо использовать широко распространённые шрифты, имеющиеся на компьютерах большинства пользователей Интернет.
Текст должен читаться без напряжения глаз.
4. Примеры текстов и изображений
Изображения и тексты для использования в дизайне только сделанные своими фотографом и копирайтером, на фото должна присутствовать эмблема сайта. Примеры http://www.gc-diamond.com/news/details/pressroom/novaya-vodka-valenki/
Повторяющиеся элементы на всех страницах сайта
Шапка сайта
Шапка сайта состоит из двух элементов, горизонтальной и вертикальной полос.
Первый элемент, горизонтальная полоса, содержит:
- сменный баннер с лозунгами компании. Можно перещелкивать вручную.
- иконка «Valenki silver» с их характеристикой
- иконка «Valenki gold» с их характеристикой
Второй элемент, вертикальная полоса, содержит:
- логотип компании
- вертикальное главное меню сайта
Шапка имеет вид:
2. Подвал сайта
Подвал сайта содержит:
- Столбец с указанием карты сайта, компании и ссылками на лицензию, правила пользования, контакты
- Обязательная надпись «чрезмерное употребление алкоголя вредит вашему здоровью»
- Мотивационное послание к присоединению в соцсетях. Иконки соцсетей: facebook, vk, google, twitter
- Кнопка поиска
- Информация где разработан сайт
Главная страница
Теги <title> Водка «Валенки» - www.valenkivodka.com </title>
1. Содержимое страницы
Повторяющиеся элементы, такие как шапка, футер.
Большой блок с меняющимися рекламными баннерами с возможностью перехода в соответствующие разделы. Иконки для перелистывания баннеров.
Текстовое представление продукта.
Модульная сетка главной страницы
Вариант модульной сетки при ширине экрана 320 пикселей (мобильные телефоны портретная ориентация)
Вариант модульной сетки при ширине экрана 480 пикселей (мобильные телефоны альбомная ориентация)
Вариант модульной сетки при ширине экрана 600 пикселей (небольшие планшеты портретная ориентация)
Вариант модульной сетки при ширине экрана 800 пикселей (небольшие планшеты альбомная ориентация)
Вариант модульной сетки при ширине экрана 768 пикселей (планшеты уровня Apple IPad 2-3, mini портретная ориентация)
Вариант модульной сетки при ширине экрана 1024 пикселей (планшеты уровня Apple IPad 2-3, mini альбомная ориентация)
Вариант модульной сетки при ширине экрана 1280 пикселей (широкоформатные мониторы)
Вариант модульной сетки при ширине экрана 1600 пикселей (широкоформатные мониторы)
