Разработать дизайна сайта строительной компании

Техническое задание на разработку дизайна сайта

Сайт Строительной компании «ФЕАМ» - http://www.sklad-pro.ru/

Дизайн-макет сайта должен быть представлен в виде набора графических файлов

(PSD с разделением по слоям).

Этапы разработки дизайн‐макета

1. Техническая проработка ТЗ (передаются имеющиеся графические материалы, идеи, пожелания);

2. Разработка образа дизайн-макета (несколько вариантов);

3. Приемка графического образа дизайн-макета (один из нескольких для дальнейшей работы);

4. Исправление замечаний по дизайн-макету;

5. Окончательная приемка дизайн-макета.

Предусмотреть:

1. Сайт должен быть фиксированным, адаптирован под разрешение 1024x768 (учитывая скрол).

2. Над шапкой сайта, должна быть полоска меню для административной информации (пример. http://www.feam.ru/).

3. В левом верхнем углу – кликабельный логотип.

4. В правом верхнем углу – контакты (доступны для копирования). Предусмотреть, что будет два номера, один из них - бесплатный для регионов – это нужно выделить!

5. На каждой странице в шапке сайта должен быть заметный теглайн.

6. В шапке сайта предусмотреть размещение двух пиктограмм (Бесплатная консультация и обратный звонок).

7. Для страницы “Бесплатная консультация” нужен дизайн формы (см. пример. http://feam-restoran.ru/consult-order.html). Этот дизайн формы также будет использоваться и на других страницах по необходимости.

8. Шапка сайта должна меняться в зависимости от выбранного раздела. *1

9. Под шапкой меню должно быть горизонтальное меню (пиктограмки *2) – там будут самые важные услуги предоставляемые компанией.

10. Хлебные крошки на каждой странице под горизонтальным меню, перед текстом.

11. Заголовок страницы H1 крупным (пример. http://feam-restoran.ru/proektirovanie.html).

12. Заголовок Н2 будет меньше H1, но должен быть в его стиль.

13. Трех уровневое раскрывающееся левое меню (выбранный пункт должен быть выделенным, при этом видны и предыдущие уровни этого меню, см. файл sklad.JPG).

14. При наведении мышки на кликабельный элемент (пункт меню, ссылка, кнопка) - должен меняться цвет этого элемента (или еще как-то выделяться).

15. Под телом сайта (под текстом) предусмотреть место для превьюшек объектов 3-4 картинки превьюшки с краткой информацией.

16. Подвал сайта должен быть большим.

17. В подвале сайта в левом нижнем углу – повтор контактов из правой верхней части сайта.

18. В подвале сайта в правом нижнем углу – логотип компании, и адрес.

19. В центральной части подвала – будут логотипы наших партнеров. И возможно информация как мы работаем.

20. В правой колонке должен быть отражен наш опыт и выполненные объекты.

21. Форма заявки. Предположительно в правом блоке.

22. Отзывы. Слайдер с меняющимися отзывами.

23. Весь шрифт на сайте должен быть без засечек (Calibri, Tahoma), размер стандартный – 12.

24. Нужно нарисовать стилизованные под дизайн - кнопки (пример. Заполнить заявку на расчет - http://www.sklad-pro.ru/sendvich-paneli.html) и раскрывающуюся форму, куда пользователи вводят свои данные.

25. Предусмотреть дизайн таблиц на сайте – они должны выделяться, вписываясь в дизайн.

26. Нарисовать элемент маркировки списков в тексте (

27. На странице каждого объекта (под текстом и фото) должен быть элемент с информацией и кнопка, что можно запросить коммерческое предложение и отправить нам (см. пример. http://feam-restoran.ru/porto-malteze.html).

Элементы, стили, которые нам нравятся на других сайтах:

http://www.biteks.ru/ - горизонтальное меню пиктограмками.

http://www.modkon.ru/projects/warehouses/ - горизонтальное меню пиктограмками.

http://www.templatemonster.com/demo/39625.html - ярлык под логотип.

http://krysha-pro.ru/ - подвал, как мы работаем.

http://www.templatemonster.com/demo/44528.html - подвал, кликабельные пункты категорий.

http://www.metal-building.ru/stroitelstvo_skladov/skladi.html - элемент - мы уже построили.

http://www.virson.ru/

Что нужно еще от Вас:

Готовы выслушать конструктивные предложения: как можно избавиться от правого блока, при этом не потерять информативности тех элементов, которые там расположены.

Примечания:

*1 На какие разделы сайта нужен персональный дизайн:

• Проектирование

• Монтаж сэндвич-панелей

• Двери и ворота

• Овощехранилища

• Фруктохранилища

• Холодильное оборудование

*2 Шесть пиктограмм горизонтального верхнее меню:

• Холодильные склады

• Теплые склады

• Холодные терминалы

• Овощехранилища

• Фруктохранилища

• Распределительные центры

ЦЕНУ ВЫШЕ УКАЗАННОЙ В ПРОЕКТЕ ГОТОВЫ ОБСУЖДАТЬ, НО ДИЗАЙН ДОЛЖЕН БЫТЬ НЕ РЯДОВЫМ.