Основные задачи • Информационная поддержка клиентов, дилеров, партнеров. • Предоставление наглядной информации о продукции. • Имиджевые цели. • Сайт, как источник информации для партнеров, прессы и т.д. • Укрепление приверженности клиентов торговой марке.

1. 2013
Центр разработки
программного
обеспечения EDISON
www.edsd.ru
www.edsd.biz
www.electrooffice.com
[ТЕХНИЧЕСКОЕ ЗАДАНИЕ И КОНЦЕПЦИЯ
ДИЗАЙНА
КОРПОРАТИВНОГО САЙТА
MICRODIGITAL]

2. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
2
Оглавление
1 Общие сведения........................................................................................................................................3
1.1 Доменное имя.....................................................................................................................................3
1.2 Основные задачи................................................................................................................................3
1.3 Фирменный стиль компании.............................................................................................................3
2 Технические требования..........................................................................................................................4
3 Контент сайта............................................................................................................................................5
4 Верстка.......................................................................................................................................................6
5 Позиционирование на рынке...................................................................................................................7
6 Структура сайта ........................................................................................................................................8
7 Главная страница......................................................................................................................................9
8 Каталог товаров ......................................................................................................................................13
8.1 Структура каталога:.........................................................................................................................13
8.2 Страница каталога с перечнем разделов........................................................................................13
8.3 Страница подраздела в каталоге.....................................................................................................15
8.4 Элемент каталога .............................................................................................................................16
9 О компании..............................................................................................................................................17
10 Статьи и публикации..............................................................................................................................18
11 Сертификаты...........................................................................................................................................19
12 Блог ..........................................................................................................................................................20
13 Сервисный центр ....................................................................................................................................21
14 Дилеры.....................................................................................................................................................22
15 Контакты..................................................................................................................................................23
16 Техническая поддержка .........................................................................................................................24
17 Загрузки ...................................................................................................................................................25
18 Мобильная версия сайта ........................................................................................................................26

3. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
3
1 Общие сведения
1.1 Доменное имя
www.microdigital.ru, www.md-ip.ru.
1.2 Основные задачи
 Информационная поддержка клиентов, дилеров, партнеров.
 Предоставление наглядной информации о продукции.
 Имиджевые цели.
 Сайт, как источник информации для партнеров, прессы и т.д.
 Укрепление приверженности клиентов торговой марке.
1.3 Фирменный стиль компании
 Основной цвет Бордовый (Р194).
 Фирменный шрифт Europa.
 Логотип:

4. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
4
2 Технические требования
Система управления сайтом: Bitrix – Эксперт.
Веб-сервер: Apache 2.2.8.
Язык программирования: PHP.
СУБД: MySQL 5.0.51.
Расширения: eAccelerator 0.9.5.
Требуется настройка DNS записей, почтового сервера.

5. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
5
3 Контент сайта
Требуется разработать качественные тексты, осуществить профессиональную художественную и
орфографическую корректировку текста.
Объем текстовой информации: 20 страниц.
Контент разрабатывается силами Заказчика.

6. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
6
4 Верстка
Требования к верстке макета интернет-сайта.
 Минимальная ширина рабочего поля браузера, при котором необходимо обеспечить
полноценное отображение страниц, составляет 1000 пикселей.
 Ширина рабочей области растягивается до 1200 пикселей.
 Верстка div-ами.
Интернет-сайт должен корректно отображаться в последних версиях следующих браузеров:
 Internet Explorer;
 Opera;
 Chrome;
 Safari;
 Mozilla Firefox.

7. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
7
5 Позиционирование на рынке
Компания MICRODIGITAL inc. осуществляет производство и продажу оборудования для
видеонаблюдения (обеспечения безопасности). Отличительные качества компании заключаются в
следующем:
 передовые технологии;
 клиентоориентированность;
 прямые поставки из Кореи;
 широкая линейка оборудования;
 наличие на российских складах;
 высокая надежность;
 высококачественные комплектующие;
 различные ценовые категории под различные задачи;
 техническая поддержка и консультации по выбору оборудования под различные задачи;
 гарантийный и постгарантийный сервис.
Основные конкуренты:
 http://www.smartec-cctv.ru;
 http://www.infinity-cctv.ru.
Во время разработки интернет-сайта следует учитывать, что основными его посетителями станут
клиенты компании, а именно, монтажники, инсталляторы, торговые дома на территории России,
осуществляющие заказ крупным оптом.
Оборудование производится в Корее. Компания демонстрирует хорошие продажи в Европе,
Америке, Юго-Восточной Азии, России, Украине, Казахстане.
Уровень цен сравним с аналогами.

8. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
8
6 Структура сайта
Концептуальная модель сайта.
1. Главная.
2. О компании.
2.1. Сертификаты.
2.2. Новости.
2.3. Сервисный центр.
3. Статьи и публикации.
4. Блог.
5. Каталог.
5.1. Детальная страница товара.
6. Техническая поддержка.
6.1. Загрузки.
7. Дилеры.
8. Поиск.
9. Контактная информация.

9. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
9
7 Главная страница

10. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
10
На главной странице представлены.
1. Логотип компании.
2. Слайд-шоу в верхней части страницы, на котором представлено оборудование, производимое
компанией. Частота смены слайдов должна соответствовать среднему времени прочтения информации в
правой части слайда + несколько секунд на просмотр фотографии слайда. Количество секунд
необходимо установить экспериментальным путем.
Набросок слайда:
Помимо фотографий на слайдах должно присутствовать и видео, демонстрирующее возможности камер
наблюдения (запись интересных моментов, ночная съемка, возможности zoom’a и т.п.). Смена слайда,
содержащего видео, должна происходить после окончания проигрывания ролика.
Слева от поля с подписью на слайдах с видеороликами должна присутствовать кнопка «скрыть панель с
описанием». Это должно выглядеть примерно следующим образом:

11. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
11
При наведении на ролик должны появляться элементы управления — кнопка playpause, полоса,
отображающая время показа ролика, кнопка управления разрешением ролика, кнопка перехода в
полноэкранный режим.
3. Ниже — главное меню с выпадающими слоями подменю.
4. Далее представлены разделы каталога, обозначенные хорошо отретушированными фотографиями.
Размеры блоков с фото могут быть различными в зависимости от потребностей выделить ту или иную
группу товаров (см. раздел Страница каталога). Фотографии должны либо представлять оборудование в
окружающей обстановке, либо давать отличный ракурс каких-либо узнаваемых деталей предмета:
или
При сужении верстки блоки с разделами ведут себя как слова в предложениях, размещаясь на
следующих строках. При наведении на фотографию или подпись с названием раздела появляется слой,
содержащий подразделы:
5. Ниже расположена Лента новостей компании со стрелками прокрутки влево-вправо для включения
следующего набора новостей.

12. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
12
При сужении верстки количество колонок с новостями меняется с 4-х на 1200 пикселях до 3-х на 1000
пикселях. В промежуточном варианте колонки сжимаются. По клику на заголовок новости — переход в
подробное описание.
6. В подвале — логотип, телефон, поиск по сайту.

13. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
13
8 Каталог товаров
В каталоге реализована возможность загрузки цен из XLS. Заполнением каталога необходимо
заниматься подрядчику (фотографии, ретушь, тексты и т.п.).
8.1 Структура каталога
Видеокамеры.
 Цветные камеры День/Ночь.
 Черно-белые камеры.
 Скоростные поворотные камеры.
 HD-SDI-видеокамеры.
 IP-видеокамеры.
Цифровые регистраторы.
 Регистраторы.
 HD-SDI-регистраторы.
 IP-регистраторы.
Пульты управления.
LCD мониторы.
Объективы.
 Объективы.
 Мегапиксельные объективы.
Аксессуары.
 IP-серверы.
 Адаптеры.
 Аксессуары для цифровых регистраторов.
 Аксессуары HD-SDI.
 Тестер для CCTV.
8.2 Страница каталога с перечнем разделов
Представление аналогично главной странице. Размеры блоков могут быть различными в зависимости
от потребностей выделить ту или иную группу товаров.

14. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
14
При наведении курсора на раздел появляется список подразделов.

15. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
15
8.3 Страница подраздела в каталоге
Необходимо разработать фильтр продуктов. Пример на странице
http://www.axis.com/ru/products/video/selector/index.php. Фильтр будет представлен в левой части
страницы, там, где это необходимо в соответствии с параметрами оборудования, находящимся в
данном разделе.
Справа — список товаров с ценами. При прокрутке вниз происходит автоматическая подгрузка
следующих элементов каталога, но не более 2 — 3 страниц в общей сложности, т.к. необходимо дать
пользователю сайта возможность докрутить до футера и использовать находящийся там поиск и
информацию.

16. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
16
8.4 Элемент каталога
В карточке товара представлена возможность загрузить документацию, посмотреть чертежи с
размерами и запросить обновление прошивки по почте.

17. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
17
9 О компании
Страница «О компании» содержит текстовую информацию о компании, а также ссылки на
сертификаты и последние публикации.
В левой части присутствует меню с перечнем подразделов.
 Сертификаты.
 Новости.
 Сервисный центр.

18. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
18
10 Статьи и публикации
Данный раздел содержит список статей и публикаций компании, а также публикаций в прессе.

19. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
19
11 Сертификаты
В данном разделе представлены сертификаты компании.

20. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
20
12 Блог
Необходимо реализовать блог для размещения тематических статей компании. Представление в
блоге аналогично представлению в статьях и публикациях:

21. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
21
13 Сервисный центр
Страница с описанием и контактными данными сервисного центра компании.

22. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
22
14 Дилеры
Страница содержит карту дилеров, у которых можно приобрести продукцию компании, с
возможностью поиска по ним (Яндекс или Google).

23. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
23
15 Контакты
Контактные данные и карта проезда (Яндекс или Google).

24. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
24
16 Техническая поддержка
Наличие модуля технической поддержки. Необходимо развернуть тикет-систему Битрикса.

25. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
25
17 Загрузки
На данной странице представлены выпадающие списки для подбора необходимых загрузок.

26. EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
web@edsd.ru
26
18 Мобильная версия сайта
Во время верстки необходимо учитывать возможность просмотра веб-сайта на мобильных
устройствах.