общее описание проекта

ТЕХНИЧЕСКОЕ ЗАДАНИЕ
на разработку сайта
компании «Альфа – Инжиниринг»
(программисту)
www.alfa-engineering.ru
Дата: 06.01.2016
Объем: 8 страниц
+7 (926) 900 16 22
+38 (097) 999 67 67
ОБЩЕЕ ОПИСАНИЕ ПРОЕКТА
О компании
Компания «Альфа-Инжиниринг» занимается проектированием и установкой
инженерных систем в частных домах (коттеджах). К инженерным системам относятся:
 Отопление.
 Котельные.
 Водоснабжение.
 Канализация.
 Электроснабжение.
 Вентиляция и кондиционирование.
 Системы безопасности и контроля доступа.
 Слаботочные системы (ТВ, интернет и т.п.).
 Система «Умный дом».
Задачи для программирования
Верстка
Требования:
 Знание и использование HTML, XHTML, XML, DHTML, CSS2, JavaScript, Media
queries.
 Отличные навыки верстки на слоях.
 Чистый, семантически верный код.
 Валидация. Соответствие стандартам W3.org.
 Знание особенностей браузеров, умение адаптировать веб-страницы под них.
 Кроссбраузерность тестировать в последних версиях следующих браузерах: IE,
Opera, Firefox, Google Chrome, Microsoft Edge (предыдущие версии также
желательно учесть).
 Опыт реализация сложной «резины».
 Безупречная оптимизация и нарезка графики. Отличное знание Photoshop.
 Полная поддержка png24 в IE.
 Учет моментов SEO при резке макета.
 (!) Прописывание альт–текстов всем элементам навигации, картинкам и
навигационным элементам.
© 2016 Orgdesign.ru — студия органического дизайна
1
Макеты предоставляются в формате .psd со слоями. Макеты представлены в трех
версиях для адаптивной верстки.
*
*
*
(!) Итоговый макет должен быть полной копией дизайн-макета.
Придерживаться пропорций при растяжении согласно дизайну.
Единообразие всех страниц при верстке: повторяющиеся элементы (пути, меню, шапка,
подвал и пр.) должны находиться в точности на тех же местах (при дизайне возможны мелкие
погрешности), единообразные элементы – аналогично.
Междустрочные расстояния в тексте, заложенные в дизайне, соблюдать.
Наименование графических файлов и html-страниц согласно их содержанию, сортировка
файлов аккуратно по папкам согласно их смыслу.
Прописывать тег <title> согласно наименованию страниц, от частного к общему,
например: «Команда — Инженерные системы Альфа-Инжиниринг»,
Все надписи по возможности делать текстами, если это не какой-то художественнодекоративный шрифт.
Верстка адаптивная. Обратить на это внимание. Предоставляется 3 варианта макетов.
*
*
*
После первичной верстки могут быть некоторые корректировки, не превышающие
объем ТЗ на 15% (доработки).
Программирование
Cms-система: Битрикс «Старт» (?).
СТРУКТУРА ВЕБ-САЙТА
Карта сайта
1. Отопление
 Котельные.
 Радиаторное отопление.
 Теплые полы.
 Комбинированные системы.
 Системы обогрева кровли и площадок (снеготайка).
2. Водоснабжение
 Холодное и горячее водоснабжение.
 Водоподготовка и очистка воды.
 Канализация.
 Система предотвращения протечек воды.
© 2016 Orgdesign.ru — студия органического дизайна
2
 Дренаж.
 Автополив участка.
3. Вентиляция, кондиционирование
 Приточно-вытяжная вентиляция.
 Кондиционирование.
 Воздушное отопление.
 Воздушное охлаждение.
4. Электроснабжение
 Электроснабжение и освещение.
 Системы бесперебойного стабилизированного электроснабжения.
 Системы аварийного электроснабжения.
 Установка генераторов.
 Системы резервного питания.
 Электробезопасность.
5. Безопасность и контроль доступа
 Система оповещения.
 Система видеонаблюдения.
 Система контроля доступа.
 Система охраны периметра.
 Аварийно-техническая сигнализация.
6. Слаботочные системы
 Эфирное и кабельное ТВ.
 Усиление сигнала GSM.
 Локальные сети.
7.
«Умный дом»
 Климат-контроль.
 Управление освещением.
 Управление звуком.
 Управление жалюзи.
 Управление видеонаблюдением.
 Управление доступом.
 Управление водоснабжением.
 Дистанционное управление инженерными системами.
8. Как мы работаем
© 2016 Orgdesign.ru — студия органического дизайна
3
 Команда
 Цены
 Сдано заказчику (портфолио).
 Отзывы.
 Контакты.
Общее
 Шапка:
 Логотип, телефоны +7 495 761 64 79, кнопка «Обратный звонок» (вызывает модуль
callbackhunter), под ссылкой «Обратный звонок» добавить «Заказать расчет» - открывает
всплывающее окно заставку.
 Меню – гамбургер: Главная, Цены, Контакты, Сдано заказчику, Отзывы + меню по
разделам.
 Разделы по направлениям – ссылки с центральной картинки.

Отопление.

Водоснабжение

Канализация.

Электроснабжение.

Вентиляция и кондиционирование.

Системы безопасности и контроля доступа.

Слаботочные системы (ТВ, интернет и т.п.).

Система «Умный дом».
При клике на меню переходим в соответствующий раздел.
 7 ПРИЧИН РАБОТАТЬ С АЛЬФА – ИНЖИНИРИНГ:
Пиктограммы и текст.
Текст для блока:

ЭКОНОМИЯ РЕСУРСОВ. Экономьте с комфортом! Зачем тратить лишние
деньги и избыточные ресурсы? Наши системы настроены на разумное и
экономное использование. Мы помогаем сохранить Ваши деньги и беречь
природные богатства Земли.

ЭКОЛОГИЧНОСТЬ. Мы используем безопасные и экологически чистые
технологии. Мы заботимся о здоровье вашей семьи, ваших детях и
окружающей среде.
© 2016 Orgdesign.ru — студия органического дизайна
4

ДОСТУПНОСТЬ + ВЫСОКОЕ КАЧЕСТВО. Мы любим свою работу, поэтому
стремимся к взаимовыгодному сотрудничеству с нашими клиентами. При
высоком качестве услуг мы удерживаем доступные цены.

СИСТЕМНЫЙ ПОДХОД. В инженерии крайне важно соблюдать технологию.
Вам может показаться занудством, но мы работаем по четко выстроенной
схеме, где все начинается с проекта. Наши инженеры разрабатывают проект
инженерных систем вашего дома с учетом индивидуальны особенностей. И
только после согласования деталей и установления сроков выполнения
работ, мы приступаем к монтажу.

ИННОВАЦИОННЫЕ ТЕХНОЛОГИЯ. Развиваться, опережая время  принцип
нашей компании. Мы следим за развитием технологий на рынке инженерных
систем и эффективно используем все новые разработки.

ОБСЛУЖИВАНИЕ. Современные инженерные системы – сложные механизмы,
которым иногда требуется внимание специалиста. Мы внимательно следим
за делом своих рук и всегда готовы провести необходимые
профилактические работы.

КОНСУЛЬТАЦИИ в режиме 24/7. Мы всегда рядом и на связи. У вас возникли
вопросы? Проконсультируем бесплатно.
 «ПРОФЕССИОНАЛЬНЫЕ ИНЖЕНЕРНЫЕ РЕШЕНИЯ»: несколько примеров из портфолио
«Сдано заказчику». Примеры распределены не по названиям объектов, а по категориям. При
нажатии открывается страница портфолио с выборкой по данной категории (см. дизайн).
 КАК ВЫБРАТЬ СИСТЕМУ. Анонсы 2-3 статей по теме (до 350 знаков).
 БРЕНДЫ. Блок с логотипами компаний, оборудование которых используется. Список
предоставляется.
 Подвал:
•
Контакты: телефоны, адрес, банковские реквизиты (для Я. Каталога).
•
Лайки социальных сетей: ВК, ФБ, Google+
•
О нас – краткий текст о компании, ссылка на форму обратной связи.
Текст о компании:
Альфа-инжиниринг – профессиональные решения в области проектирования и
установки инженерных систем. Наши специалисты имеют более чем 20-летний опыт
работы и профессиональные навыки. Мы знаем, как эффективно организовать
инженерные коммуникации в вашем доме, квартире, офисе, крупном
производственном помещении или точке общепита. Мы экономим ваши деньги и
время. Закажите бесплатный звонок (ссылка для вызовы виджета callbackhunter) и
узнайте подробности!
© 2016 Orgdesign.ru — студия органического дизайна
5
Основные разделы
 Обязательные элементы для всех страниц:
 Основное меню (в виде гамбургера). Важно: на внутренних страницах в
гамбургер убирается все меню целиком.
 Кнопка «Заказать бесплатный звонок»
 Кнопка «Наверх»
 Примеры работ (слайдер)
 Подвал: контакты, поиск по сайту, «Поделиться в социальных сетях»
 Статистика: Я. Метрика и GA.
 Типовые разделы и подразделы (по направлениям деятельности):
 Текстовый раздел: заголовок, основная мысль раздела, текст, разделенный на
смысловые блоки.
 Подменю раскрывается отдельным списком.
 Слайдер с фото примеров.
 Материалы по теме: анонсы 2 статей.
 Блок для видео.
 Как мы работаем:

Команда:
Фото + фио + должность.
Небольшой текст – описание.

Цены:
Текст.
Интерактивный блок с пакетами услуг. При наведении мышки выбранный блок
«приподнимается» и меняет цвет контура.

Сдано заказчику (портфолио):
Галерея работ в виде альбомов с превью и названием. Каждый альбом
открывается на отдельной странице (по принципу карточки товара), где должна
быть следующая информация:





Фотогалерея
Текстовое описание с разбивкой на абзацы.
Возможность вставки видео
Отзыв клиента.
Отзывы:
Видео и фото - отзывы о работе компании.
Каждый отзыв должен быть оформлен:
© 2016 Orgdesign.ru — студия органического дизайна
6
 Заголовок (название проекта и имя автора. Например: Елена, коттедж в
поселке «Певчее»).
 Краткое описание проекта (250 символов).
 Фото или видео отзыва.

Контакты:
Телефоны, банковские реквизиты.
Форма «НАПИШИТЕ НАМ».
Поля формы: Имя, Телефон, e-mail, текстовое поле. Все поля обязательные для
заполнения.
Дополнительные элементы
 Полупрозрачный баннер – заставка с переходом к форме заказа.
Открывается при каждом посещении сайта и ведет на форму заказа расчета
стоимости услуг.
«Сделайте расчет стоимости Вашего заказа бесплатно!»
ПОСЧИТАТЬ
Поля формы:
 Имя (контроль ввода логически соответствующего текста)
 Телефон (контроль ввода по маске)
 E-mail (контроль ввода по маске, с контролем домена *.ru; *.com и т.п.)
 ОТПРАВИТЬ.
После отправки пользователь видит сообщение:
СПАСИБО за Ваше обращение.
Наши специалисты свяжутся с вами в ближайшее время.
Если у вас срочный вопрос, позвоните по телефонам:
Языковые версии: Все материалы сайта публикуются на русском языке.
Администрирование и управление сайтом
Веб-сайт разворачивается на программной платформе «1С – Битрикс» версия «Старт».
Административный интерфейс стандартный. Предусмотреть 2 уровня доступа:

Администраторский – полный.

Пользовательский: только редактирование контента.
© 2016 Orgdesign.ru — студия органического дизайна
7