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

Николай17 лет в сервисе
Данные заказчика будут вам доступны после подачи заявки
08.07.2013

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

Сайт Строительной компании «ФЕАМ» - 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 Шесть пиктограмм горизонтального верхнее меню:

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

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

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

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

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

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

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

    HTML

    Заявки фрилансеров