Документ содержит техническое задание на разработку сайта для центра развития речи «Говори легко!», который будет предоставлять услуги для детей и взрослых. Основные требования включают интуитивный интерфейс, адаптацию под мобильные устройства и возможность дальнейшего расширения функционала, включая блог и интернет-магазин. Также описываются структура сайта и его наполнение, включая образовательные материалы, занятия и информацию о центре.

1. Страница ( из (1 9
Техническое задание
на разработку сайта
Страниц всего: 13
Тема: Центр развития речи для детей и взрослых
Эксплуатационное назначение: информирование об услугах
Цветовая схема: подумать
Дедлайн: 1 сентября 2015 г.
Первичен текст, иллюстрации/примеры даны просто для
облегчения понимания.
ЦЕНТР РАЗВИТИЯ РЕЧИ «ГОВОРИ ЛЕГКО!»

2. Страница ( из (2 9
СОДЕРЖАНИЕ:
ПОЯСНИТЕЛЬНАЯ ЗАПИСКА (ЦЕЛЬ, ЗАДАЧИ, КОНЦЕПТ ЦЕНТРА)
СТРУКТУРА ПРОЕКТА:
1. ТЕРМИНЫ И ОПРЕДЕЛЕНИЯ
2. ЭКСПЛУАТАЦИОННОЕ И ФУНКЦИОНАЛЬНОЕ НАЗНАЧЕНИЕ
3. ТРЕБОВАНИЯ К НАДЕЖНОСТИ
4. ТРЕБОВАНИЯ К ХОСТИНГУ
5. НАПОЛНЕНИЕ КОНТЕНТОМ
6. ГЛАВНАЯ СТРАНИЦА
7. ДАННЫЕ И СПИСКИ
8. СДАЧА И ПРИЕМКА
ЗАКЛЮЧЕНИЕ
ПОЯСНИТЕЛЬНАЯ ЗАПИСКА
ЦЕЛЬ
Создание сайта для Центра развития речи «Говори легко!» (Далее по тексту - Центр).
ЗАДАЧИ
1) Согласовать цветовую схему
2) Хочется, чтобы даже молодая бабушка могла разобраться в структуре сайта, посмотреть
фотографии и записать на занятия внука или дедушку (нарушения речи после инсульта)
3) Разместить сайт на wordpress с учетом возможности в будущем прикрутки небольшого форума
(или коллективного блога) и мини интернет-магазина. Над необходимостью пока думаем. Главное,
чтобы возможность в принципе изначально была.
4) Оптимизировать для разных устройств. Для карты яндекс/гугл - масштабирование не плюсом/
минусом, а приближением/удалением с помощью жестов (пальцами).
КОНЦЕПТ
Центр для детей открывается осенью 2015 года. Центр для взрослых открывается в 2017 году, но
логопеды будут выезжать на дом ко взрослым и в 2015 году. Главная страница - 2 понятные кнопки/
ссылки с переходами на детский и взрослый сайты. Домен один и тот же, технически планируется
сделать так: deti.domen.ru & razvitie.domen.ru
Чтобы было понятно, о чем идет речь:
ЦЕНТР РАЗВИТИЯ РЕЧИ «ГОВОРИ ЛЕГКО!»

3. Страница ( из (3 9
Таблица 1.
СТРУКТУРА ПРОЕКТА
ТЕРМИНЫ И ОПРЕДЕЛЕНИЯ
Центр - это Центр развития речи для детей и взрослых «Говори легко!»
ДЦ - это детский Центр.
ВЦ - это взрослый Центр.
Сайт - это информация, размещенная на домене www.govori-legko.com, а также
совокупность информации, расположенной на поддоменах www.deti.govori-
legko.com для ДЦ и www.razvitie.govori-legko.com для ВЦ.
ДС - это раздел сайта для ДЦ (www.deti.govori-legko.com)
ВС - это раздел сайта для ВЦ (www.razvitie.govori-legko.com)
ЭКСПЛУАТАЦИОННОЕ И ФУНКЦИОНАЛЬНОЕ НАЗНАЧЕНИЕ
Назначение сайта - информирование об услугах и привлекать новых клиентов.
Хотелось бы сделать это следующими средствами:
- основное содержание сайта с фотографиями, видео, текстами;
- информационные статьи и новости - то, что потом будет пополняться;
Занятия для детей Занятия для взрослых (концепт 2017 г)
логопедические занятия:
а) в группах б) индивидуально
логопедические занятия индивидуально/в
группах, в нашем центре/с выездом на дом
группа кратковременного пребывания (как
логопедический садик на 4 часа)
постановка голоса
младшая группа: раннее развитие, монтессори (игры
и занятия психолога с детьми)
ораторское искусство
средняя группа: развитие речи, общие развивайки проведение презентаций
старшая группа: чтение, подготовка к школе ведение переговоров
группы «особый ребенок» (аутизм, задержка и др.) актерское мастерство для бизнеса
арт-терапия (песочная терапия, музыкальная терапия) другие спецкурсы
детская театральная студия с акцентом на развитие
речи и эмоциональное раскрепощение
Семинары для родителей и педагогов
ЦЕНТР РАЗВИТИЯ РЕЧИ «ГОВОРИ ЛЕГКО!»

4. Страница ( из (4 9
- кнопка/форма на каждой странице «Записаться на занятия» (или просто
«записаться» или любая другая с тем же посылом - измерять конверсию и AB-
testing будем потом делать);
- кнопка/форма подписки на каждой странице раздела «база знаний» («Подписаться
на базу знаний» или что-то подобное);
- отзывы и предложения (мне нравится, как эта функция реализована в
всплывающем окне на главной странице сайта снизу слева: www.azalo.net - тут
что-то с сертификатом, но в сафари все ок).
При нажатии кнопок „Подписаться“ и «Оставить отзыв», страница не
перезагружается (с помощью AJAX?).
ТРЕБОВАНИЯ К НАДЕЖНОСТИ
Не планируется высокая нагрузка на сайт на текущий момент. Но случаи бывают
разные, если мы решим включать форум для родителей и интернет-магазин, лучше
предусмотреть теоретическую возможность нагрузки. Сайт должен предусматривать
базовую защиту от основных видов атак: межсайтового скриптинга (XSS), SQL-
инъекций, CSRF-уязвимостей. Для надежности необходимо настроить бэкапы
(облачные? + возможность скинуть на диск).
ТРЕБОВАНИЯ К ХОСТИНГУ
Вообще не знаю, мы открыты для предложений. Скорее всего, нам нужен небольшой
PHP-хостинг. Ну или (в зависимости от конкретного проекта с учетом его
расширения) лучше что-то средне-стандартное, чтобы дальше проблем было по
минимуму. Нашла на хабре требования: 1) Хостинг с дисковой квотой не менее 330
Мб, 2) Хостинг с PHP5 и установленным модулем apache Rewrite, 3) База данных
MySQL версии 5 и выше с модулем InnoDB.
НАПОЛНЕНИЕ КОНТЕНТОМ
Создание контента, который позволит начать эксплуатацию сайта (без текстов).
Создать и передать учетную запись для администратора сайта. Сделать возможную
на текущий момент перелинковку.
ГЛАВНАЯ СТРАНИЦА
С кнопками для перехода на два сайта (детский и взрослый) - www.baby-club.ru тут
пример решения (я была там маркетологом, предложила вариант с кнопками), но не
очень удачный дизайн от студии Лебедева. Нам нужен относительно нейтральный
дизайн, над текстом подумаем, скорее всего что-то вроде:
«ХОТИТЕ УЛУЧШИТЬ РЕЧЬ
РЕБЕНКУ ИЛИ ВЗРОСЛОМУ?»
ЦЕНТР РАЗВИТИЯ РЕЧИ «ГОВОРИ ЛЕГКО!»

5. Страница ( из (5 9
Таблица 2. Краткое описание ДС и ВС.
Детский сайт: веселенький. Взрослый сайт: солидный.
Меню интуитивное, удобное, без
лишнего, сверху.
Меню интуитивное, удобное, без
лишнего, сверху.
страница 1:
о центре
текст о нас, наша миссия, с
какими категориями нарушений
мы работаем, какие методики
используем. Можно вообще
сделать по всем правилам
хорошего лендинга.
Фотографии Центра, которые
удобно листаются на любом
устройстве.
страница 1:
о центре
текст о нас, наша миссия, с какими
категориями нарушений мы
работаем, какие методики
используем. Можно вообще
сделать по всем правилам
хорошего лендинга.
Фотографии Центра, которые
удобно листаются на любом
устройстве.
страница 2:
наша
команда
Можно сделать так, чтобы я сама
могла создать нового педагога
или удалить?
1) фотографии педагогов в
кружочках/шестигранниках/не
квадратно, 2) краткое описание
компетенций, 3) регалии, награды,
благодарности (текст или фото?)
страница 2:
наша
команда
Можно сделать так, чтобы я сама
могла создать нового педагога или
удалить?
1) фотографии педагогов в
кружочках/шестигранниках/не
квадратно, 2) краткое описание
компетенций, 3) регалии, награды,
благодарности (текст или фото?)
страница 3:
занятия и
цены
перечень занятий, 1 фото для
каждого занятия для наглядности,
цены на видном месте.
страница 3:
курсы и
цены
перечень занятий, 1 фото для
каждого занятия для наглядности,
цены на видном месте
страница 4:
база знаний
1. семинары родителям (анонсы
сверху, база знаний по
прошедшим семинарам с
видео с канала ютуб - ниже)
2. семинары педагогам (анонсы
сверху, база знаний с видео -
ниже)
3. статьи родителям
4. статьи педагогам
страница 4:
база знаний
1. статьи
2. семинары (анонсы сверху, база
знаний по прошедшим
семинарам с видео с канала
ютуб - ниже)
страница 5:
новости
здесь самое важное -
возможность выгружать фото с
мероприятий и видео с канала
ютуб. Возможность
самостоятельно добавлять
новости. Остальное - далее по
тексту описания.
страница 5:
новости
здесь самое важное -
возможность выгружать фото с
мероприятий и видео с канала
ютуб. Возможность
самостоятельно добавлять
новости. Остальное - далее по
тексту описания.
страница 6:
контакты
с интерактивной картой Google
(Yandex)
страница 6:
контакты
с интерактивной картой Google
(Yandex)
Подвал Общие требования Подвал Общие требования

6. Страница ( из (6 9
ДАННЫЕ И СПИСКИ
Привожу совместное описание для ДЦ и ВЦ, поскольку различий почти нет.
Главная страница 00.
00.1. Создаем «конверсионныей путь». Главная страница будет страницей
сегментации. Здесь пользователь определяет, куда ему дальше идти.
00.2. Хочется, чтобы было очевидно: две большие кнопки посередине, в зоне
видимости без прокрутки. Не сбоку, чтобы сомнений у пользователя сайта вообще не
возникало. Акцент (цветовой или другой) пока на детской кнопке. Грубо говоря,
чтобы даже бабушка могла разобраться в том, что нужно сделать.
00.3. Новостной блок. См. раздел новости. Здесь отображаются последние 3
новости - одна из раздела общие новости Центра, вторая из раздела новостей о ДЦ,
третья - из раздела новостей о ВЦ.
00.4. Что должно быть?
• логотип
• телефон
• две кнопки
• новости
Страница 1. О Центре (это основная страница предложения).
1.1. На видном месте сразу форма заказа (очевидной красной кнопкой или
небольшой, но заметной формой - записаться на бесплатное занятие - тут данные:
ваше имя, телефон, e-mail, после записи всплывающее окно страницы благодарности
и внизу посередине ссылка на базу знаний).
1.2. Новостной блок - см. раздел новости.
1.3. Видео - должна быть предусмотрена возможность администратора сайта
добавить/скрыть рекламное видео с информацией о центре. Сразу этого видео у нас
не будет. Делаем ч/з ютуб.
1.4. Фотографии. Фотографии Центра, которые удобно листаются на любом
устройстве. Легкая галерея. Мне нравится адаптивная и бесплатная мозаичная
галерея с возможность ю загрузки видео из ютуба: http://wpdemo.web-dorado.com/
gallery/ Но готова к другим предложениям :)
1.5. Логотип. С него переход на главную страницу (страницу сегментации), а не
страницу «о Центре».
1.6. Что должно быть:
• логотип
• меню страниц
• телефон
• текстовый блок
• видео
• фото
• новости

7. Страница ( из (7 9
Страница 2. Наша команда
Фото всей команды + краткий текстовый блок. Сразу не заполним, наверное, но
надо, чтобы он был / было возможно его добавить.
Кратко в виде инфографики «Как мы работаем?» - мне задача подумать.
Далее педагоги.
Создание/удаление педагога администратором сайта.
Что должно быть:
• фотографии педагогов в кружочках/шестигранниках/ромбиках/не прямоугольно
• текстовый блок для краткого CV (с возможностью создавать пункты, списки -
несколько вариантов кроме «точек»)
• регалии, награды, благодарности (лучше сканы, но как сделать красиво??)
Страница 3. Курсы/занятия и цены
Возможность добавления и удаления курсов администратором сайта.
Что должно быть:
• превьюшка курса с названием, несколько превьюшек складываются в мозаику
• при открытии курса - фотографии с занятий (5-15 шт), текстовый блок с
описанием, возможность добавить видео, цены, возможность добавить временные
акции
• должна быть возможность разделить каждый курс на 2-8 подкурсов: например,
занятия логопеда - индивидуально / в группе, с выездом на дом; летний лагерь - 3
разных по возрасту группы будут в следующем году…
Страница 4. База знаний
4.1. Хочется, чтобы на странице, где отображается одна статья, сбоку был список
«похожих статей». Похожие статьи - это статьи, которые можно отнести к
определенным разделам.
База знаний для ДС База знаний для ВС
База знаний для родителей:
Нарушения речи
Методы, применяемые в Центре
Занятия дома
Видео семинаров для родителей
База знаний:
Нарушения речи
Ораторское мастерство
Методы, применяемые в Центре
Занятия дома
Видео семинаров
База знаний для специалистов:
Нарушения речи (тут будут научные статьи)
Научные разработки (методики)
Видео семинаров для педагогов

8. Страница ( из (8 9
Страница 5. Новости
5.1. Надо отобразить на главной странице (общей) под кнопками «Последние
новости» (последние 3 новости - одна из раздела общие новости Центра, вторая из
раздела новостей о ДЦ, третья - из раздела новостей о ВЦ).
5.2. Для ДС и ВС отобразить новости на странице 1 «О Центре». Тут новости
расположены в пределах зоны видимости без прокрутки, если решите сбоку, то
лучше справа. Видно последние анонсы 3-5 новостей + при нажатии на кнопки/
ссылки раскрываются все новости или происходит перевод на страницу новостей ДС
или ВС.
5.3. Что должно быть:
• Атрибут «категория новости» - тут не знаю, правильно ли я выражаю само
понятие «атрибут категории». По смыслу - отдельные подразделы для раздела
«новости Центра» для ДЦ и ВЦ. То есть, общие новости - это «новости Центра»,
отдельно иду новости ДЦ (отражаются на главной + страница 1 ДЦ), отдельно
новости о ВЦ (отражаются на главной + страница 1 ВЦ)
• Заголовок
• Анонс
• Текст
• Дата публикации
Страница 6. Контакты
Общие требования: тел, почта, адрес. Для мобильных устройств с возможностью
приближения карты Google (Yandex) жестами - то есть не плюсом/минусом, а
пальцами. Рядом с картой должен быть расположен вспомогательный текст.
Социальные кнопки
На всех страницах (1-6) можно сделать социальные кнопки: вконтакте, фейсбук,
инстаграм, ютуб - все с переходом на соотвествующие страницы в новой вкладке.
Причем, желательно, чтобы пользователь оставался на своей вкладке, а новая
открывалась в последующей (без перекидывания пользователя на страницу новой
вкладки - просто открытие). Мне нравится, как реализовано тут сбоку, кнопки
листаются вниз, они аккуратненькие и круглые: http://www.las-mamas.ru Не нравится
дизайн и что переход при нажатии сразу уводит с сайта по новой вкладке на
страницу соц сети.
Персонажи
При определенных технических и временных возможностях было бы здорово иметь
собственных персонажей для детского центра. Мне нравятся округлые и без лишних
деталей, лучше - животные, можно сказочные, стилизованные - дети такие формы
быстрее понимают. Привожу несколько примеров, не все идеальны, просто для
понимания, если вдруг получится реализовать:

9. Страница ( из (9 9
СДАЧА И ПРИЕМКА
Приемка сайта осуществляется после периода опытной эксплуатации. Если сайт
работает корректно и устойчиво в течение 7-и банковских дней, период опытной
эксплуатации считается завершенным. Исполнитель обязуется сопровождать
программный продукт в течение 1-го месяца с начала периода эксплуатации,
устранять все недоработки и несоответствия техническому заданию.
Итак, готовый сайт должен нормально выглядеть и работать на большинстве
устройств (с операционками windows, linux, mac os): настольные компьютеры,
лэптопы, планшеты, смартфоны. Готовый сайт должен корректно отображаться и
функционировать в следующих браузерах с установленным последним обновлением:
Safari, Chrome, Opera, FireFox, Internet Explorer.