Upload
others
View
29
Download
0
Embed Size (px)
Citation preview
2013
Центр разработки
программного
обеспечения EDISON
www.edsd.ru
www.edsd.biz
www.electrooffice.com
[ТЕХНИЧЕСКОЕ ЗАДАНИЕ И КОНЦЕПЦИЯ
ДИЗАЙНА
КОРПОРАТИВНОГО САЙТА
MICRODIGITAL]
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.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
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
3
1 Общие сведения
1.1 Доменное имя
www.microdigital.ru, www.md-ip.ru.
1.2 Основные задачи
Информационная поддержка клиентов, дилеров, партнеров.
Предоставление наглядной информации о продукции.
Имиджевые цели.
Сайт, как источник информации для партнеров, прессы и т.д.
Укрепление приверженности клиентов торговой марке.
1.3 Фирменный стиль компании
Основной цвет Бордовый (Р194).
Фирменный шрифт Europa.
Логотип:
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
4
2 Технические требования
Система управления сайтом: Bitrix – Эксперт.
Веб-сервер: Apache 2.2.8.
Язык программирования: PHP.
СУБД: MySQL 5.0.51.
Расширения: eAccelerator 0.9.5.
Требуется настройка DNS записей, почтового сервера.
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
5
3 Контент сайта
Требуется разработать качественные тексты, осуществить профессиональную художественную и
орфографическую корректировку текста.
Объем текстовой информации: 20 страниц.
Контент разрабатывается силами Заказчика.
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
6
4 Верстка
Требования к верстке макета интернет-сайта.
Минимальная ширина рабочего поля браузера, при котором необходимо обеспечить
полноценное отображение страниц, составляет 1000 пикселей.
Ширина рабочей области растягивается до 1200 пикселей.
Верстка div-ами.
Интернет-сайт должен корректно отображаться в последних версиях следующих браузеров:
Internet Explorer;
Opera;
Chrome;
Safari;
Mozilla Firefox.
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
7
5 Позиционирование на рынке
Компания MICRODIGITAL inc. осуществляет производство и продажу оборудования для
видеонаблюдения (обеспечения безопасности). Отличительные качества компании заключаются в
следующем:
передовые технологии;
клиентоориентированность;
прямые поставки из Кореи;
широкая линейка оборудования;
наличие на российских складах;
высокая надежность;
высококачественные комплектующие;
различные ценовые категории под различные задачи;
техническая поддержка и консультации по выбору оборудования под различные задачи;
гарантийный и постгарантийный сервис.
Основные конкуренты:
http://www.smartec-cctv.ru;
http://www.infinity-cctv.ru.
Во время разработки интернет-сайта следует учитывать, что основными его посетителями станут
клиенты компании, а именно, монтажники, инсталляторы, торговые дома на территории России,
осуществляющие заказ крупным оптом.
Оборудование производится в Корее. Компания демонстрирует хорошие продажи в Европе,
Америке, Юго-Восточной Азии, России, Украине, Казахстане.
Уровень цен сравним с аналогами.
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
8
6 Структура сайта
Концептуальная модель сайта.
1. Главная.
2. О компании.
2.1. Сертификаты.
2.2. Новости.
2.3. Сервисный центр.
3. Статьи и публикации.
4. Блог.
5. Каталог.
5.1. Детальная страница товара.
6. Техническая поддержка.
6.1. Загрузки.
7. Дилеры.
8. Поиск.
9. Контактная информация.
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
9
7 Главная страница
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
10
На главной странице представлены.
1. Логотип компании.
2. Слайд-шоу в верхней части страницы, на котором представлено оборудование, производимое
компанией. Частота смены слайдов должна соответствовать среднему времени прочтения информации в
правой части слайда + несколько секунд на просмотр фотографии слайда. Количество секунд
необходимо установить экспериментальным путем.
Набросок слайда:
Помимо фотографий на слайдах должно присутствовать и видео, демонстрирующее возможности камер
наблюдения (запись интересных моментов, ночная съемка, возможности zoom’a и т.п.). Смена слайда,
содержащего видео, должна происходить после окончания проигрывания ролика.
Слева от поля с подписью на слайдах с видеороликами должна присутствовать кнопка «скрыть панель с
описанием». Это должно выглядеть примерно следующим образом:
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
11
При наведении на ролик должны появляться элементы управления — кнопка play\pause, полоса,
отображающая время показа ролика, кнопка управления разрешением ролика, кнопка перехода в
полноэкранный режим.
3. Ниже — главное меню с выпадающими слоями подменю.
4. Далее представлены разделы каталога, обозначенные хорошо отретушированными фотографиями.
Размеры блоков с фото могут быть различными в зависимости от потребностей выделить ту или иную
группу товаров (см. раздел Страница каталога). Фотографии должны либо представлять оборудование в
окружающей обстановке, либо давать отличный ракурс каких-либо узнаваемых деталей предмета:
или
При сужении верстки блоки с разделами ведут себя как слова в предложениях, размещаясь на
следующих строках. При наведении на фотографию или подпись с названием раздела появляется слой,
содержащий подразделы:
5. Ниже расположена Лента новостей компании со стрелками прокрутки влево-вправо для включения
следующего набора новостей.
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
12
При сужении верстки количество колонок с новостями меняется с 4-х на 1200 пикселях до 3-х на 1000
пикселях. В промежуточном варианте колонки сжимаются. По клику на заголовок новости — переход в
подробное описание.
6. В подвале — логотип, телефон, поиск по сайту.
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
13
8 Каталог товаров
В каталоге реализована возможность загрузки цен из XLS. Заполнением каталога необходимо
заниматься подрядчику (фотографии, ретушь, тексты и т.п.).
8.1 Структура каталога
Видеокамеры.
Цветные камеры День/Ночь.
Черно-белые камеры.
Скоростные поворотные камеры.
HD-SDI-видеокамеры.
IP-видеокамеры.
Цифровые регистраторы.
Регистраторы.
HD-SDI-регистраторы.
IP-регистраторы.
Пульты управления.
LCD мониторы.
Объективы.
Объективы.
Мегапиксельные объективы.
Аксессуары.
IP-серверы.
Адаптеры.
Аксессуары для цифровых регистраторов.
Аксессуары HD-SDI.
Тестер для CCTV.
8.2 Страница каталога с перечнем разделов
Представление аналогично главной странице. Размеры блоков могут быть различными в зависимости
от потребностей выделить ту или иную группу товаров.
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
14
При наведении курсора на раздел появляется список подразделов.
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
15
8.3 Страница подраздела в каталоге
Необходимо разработать фильтр продуктов. Пример на странице
http://www.axis.com/ru/products/video/selector/index.php. Фильтр будет представлен в левой части
страницы, там, где это необходимо в соответствии с параметрами оборудования, находящимся в
данном разделе.
Справа — список товаров с ценами. При прокрутке вниз происходит автоматическая подгрузка
следующих элементов каталога, но не более 2 — 3 страниц в общей сложности, т.к. необходимо дать
пользователю сайта возможность докрутить до футера и использовать находящийся там поиск и
информацию.
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
16
8.4 Элемент каталога
В карточке товара представлена возможность загрузить документацию, посмотреть чертежи с
размерами и запросить обновление прошивки по почте.
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
17
9 О компании
Страница «О компании» содержит текстовую информацию о компании, а также ссылки на
сертификаты и последние публикации.
В левой части присутствует меню с перечнем подразделов.
Сертификаты.
Новости.
Сервисный центр.
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
18
10 Статьи и публикации
Данный раздел содержит список статей и публикаций компании, а также публикаций в прессе.
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
19
11 Сертификаты
В данном разделе представлены сертификаты компании.
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
20
12 Блог
Необходимо реализовать блог для размещения тематических статей компании. Представление в
блоге аналогично представлению в статьях и публикациях:
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
21
13 Сервисный центр
Страница с описанием и контактными данными сервисного центра компании.
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
22
14 Дилеры
Страница содержит карту дилеров, у которых можно приобрести продукцию компании, с
возможностью поиска по ним (Яндекс или Google).
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
23
15 Контакты
Контактные данные и карта проезда (Яндекс или Google).
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
24
16 Техническая поддержка
Наличие модуля технической поддержки. Необходимо развернуть тикет-систему Битрикса.
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
25
17 Загрузки
На данной странице представлены выпадающие списки для подбора необходимых загрузок.
EDISON. Центр разработки программного обеспечения
+7 (499) 500-14-94
http://www.edsd.ru
26
18 Мобильная версия сайта
Во время верстки необходимо учитывать возможность просмотра веб-сайта на мобильных
устройствах.