ТЗ НА РАЗРАБОТКУ САЙТА ДЛЯ ПОХУДЕНИЯ

ТЗ НА РАЗРАБОТКУ САЙТА ДЛЯ ПОХУДЕНИЯ


ТЗ НА РАЗРАБОТКУ САЙТА ДЛЯ ПОХУДЕНИЯ


Выдано в печать 2014-05-06

Техническое задание для разработки сайта ПРОДУКТ.COM Публичная часть и кабинет пользователя Общие положения, назначение сайта Сайт предназначен для представления информации, продвижения на рынке и реализации продуктов линейки “Будь в форме”: ПРОДУКТ, вкусовые добавки, формула-А, (другие продукты), в составе наборов: Shape KIT, Balance KIT, Transformation KIT, Sport mass KIT, Sport power KIT, Sport endurance KIT. Сайт продает стиль и образ здоровой жизни. Для подбора продуктов на сайте представлены различные калькуляторы, персональные рекомендации. Для стимулирования спроса и продвижения продукта существуют маркетинговые инструменты, партнерская программа. В качестве доказательной базы представлены подробное описание продукта, принципов его работы, состав, истории реальных людей, сертификаты и тесты. Термины и определения 1. ПРОДУКТ – 2. Комплексы в составе ПРОДУКТ – 3. Shape KIT – 2 ПРОДУКТ + 4*4 вкусы 4. Balance KIT – 1 ПРОДУКТ + 4*4 вкусы 5. Transformation KIT – 4 ПРОДУКТ + 2 4*4 вкусы + 2 DIM 6. Sport mass KIT – 2 ПРОДУКТ + 2 формула А + 4*4 вкусы 7. Sport power KIT – 2 ПРОДУКТ + 2 формула А + 4*4 вкусы + 2 формула С 8. Sport endurance KIT – 2 ПРОДУКТ + 2 формула А + 4*4 вкусы + 2 формула С + 2 формула К 9. Challenge – Основные сущности - V1. Видео. Видеоролик, размещенный на youtube. Сохраняется в системе как код видео. Имеет заголовок, краткое описание, флаг – выводить на главной странице. Может быть связан с другими сущностями: истории S1, с какими? - S1. История. Истории успеха (достижения целей) от потребителей продукта. История содержит: название, имя человека, звание спортсмена (например, “Чемпион мира по жиму лежа 2014”), возраст, метрика цели (сколько сброшено в итоге, удерживаемый вес, какие еще), тип цели (одна из трех: снижение веса, спорт, здоровый образ жизни), фото до-после (название, описание), остальные фото (выбор главного фото, название, описание), несколько видео (выбор главного видео) V1, текст, флаг топ-история, мета-теги. - P1. Продукт. Характеризуется названием, кратким описанием, полным описанием, таблицами составов (название / параметры), фото (разных размеров), alias. - PC1. Действующие комплексы в составе продукта. Характеризуются названием, описанием. Связаны с продуктом P1. - PS1. Преимущества продукта или комплекса в продукте. Характеризуются коротким названием, текстом, заголовком страницы, мета-тегами. Связаны с продуктом P1 или комплексом PC1. - PI1. “Награды продукта”. Связаны с продуктом P1. - PN1. Чего продукт не содержит. Связаны с продуктом P1. - PT1. Тест продукта. Название, описание, файл. Связан с продуктом P1. - PC2. Сертификат продукта. Название, описание, превью, файл. - PM1. Производитель. Название, описание, адрес. Связан с продуктом P1. - FAQ1. Вопрос-ответ. Вопросы-ответы задаются по категориям. Вводится текст вопроса, текст ответа. Можно сортировать список внутри категории. - F1. Обратная связь для неавторизованных пользователей. Входящие вопросы с email и именем пользователя, опционально флаг FAQ (если вопрос задан через FAQ). При ответе ответ сохраняется в панели управления и отправляется на эл. почту пользователя. Если установлен флаг добавить в FAQ, то после ответа отрывается форма добавления в FAQ с заполненными полями. - F2. Обратная связь для авторизованных пользователей. Сообщение добавляется в новый или в существующий диалог. - A1. Статья. Статья содержит: заголовок, краткий текст, полный текст, опционально изображение статьи, изображения в тексте, ссылка для ЧПУ, мета-теги. - AC1. Категория статьи. Задается как название, ссылка для ЧПУ, изображение, мета-теги. Задается категория по-умолчанию. - R1. Рецепт. Рецепт содержит: название, текст рецепта, изображение, изображения в тексте, ссылка для ЧПУ, мета-теги, количество калорий, количество порций, время приготовления. - RC1. Категория рецепта. Задается как название, ссылка для ЧПУ, изображение, мета-теги. Задается категория по-умолчанию. - C1. Зарегистрированный пользователь сайта. Поля: email (уникален в бд), пароль, имя, телефон, программа, настройки уведомлений. Хранится хэш пароля, зашифрованный стойкой хэш-функцией с солью. - CP1. Программа пользователя по продукту: Balance/Shape/Transformation. - CC1. Банковская карта пользователя C1, сохраненная в системе. - CA1. Адрес доставки пользователя C1. Поля: какие поля? - CL1. Попытка входа пользователя C1 на сайт: дата, пользователь C1, флаг ошибки, ip-адрес, браузер. - B1. Баланс пользователя. Количество денег на внутреннем счете пользователя (транзакции). - BO1. Выплата пользователю из системы. Имеет дату создания, сумму, карту CC1, статус (создано / выплачено / отказ). - BB1. Бонусный баланс. Количество баллов пользователя по партнерской программе (транзакции). - O1. Заказ. Содержит дату, время оформления, пользователя C1, список товаров P1, их количестве, стоимости, информацию о примененной скидке BB1, об использованном балансе B1, адресе доставки, способе доставке, итоговой стоимости. Имеет статусы: заказ создан, заказ оплачен, заказ обрабатывается, заказ отправлен. - OA1. Автозаказ. Параметры автозаказа: продукт P1, количество, адрес доставки CA1, карточка клиента CC1, неделя месяца, в которую осуществляется доставка. - CH1. Challenge. - CH2. Запись дневника Challenge. - CT1. Совет по достижению целей для CH1. Представляет собой заголовок, краткий текст, связан с одной из целей CH1. - PR1. Отзыв для продукта. Имя, возраст, вес, результат, текст, фото. Список настроек - INP1. Настройки общих результатов по целям на главной. Для трех целей картинка, текст на картинке, текст-пояснение. Список страниц сайта Публичная часть 1. Главная страница 2. Как работает продукт (How it works) 3. Для кого продукт (For whom) 4. Документы и тесты (Docs Tests) 5. FAQ 6. Список статей (Articles) 7. Просмотр статьи 8. Список рецептов (Recipies) 9. Просмотр рецепта 10. Истории успеха (Stories) 11. Просмотр истории 12. Авторизация в кабинете 13. Восстановление пароля 14. Магазин (Buy) 15. Корзина 16. Оформление заказа 17. О нас (About us) 18. Обратная связь (Contact us) 19. Регистрация 20. Персональные рекомендации Кабинет пользователя 21. Заказы (Orders) 22. Настройки (Settings) 23. Партнерская программа (Partner program) 24. Отправка email 25. Биллинг (Billing) 26. Выплата 27. Служба поддержки (Support) 28. Challenge, начало 29. Challenge, выбор продукта / старт 30. Challenge, процесс / новая запись 31. Challenge, результат 32. Отправить отзыв Описание страниц сайта Публичная часть 0. Общая структура страниц Структура страницы публичной части: 1. Верхнее меню: логин в кабинет, корзина. 2. Логотип, является ссылкой на главную страницу. 3. Главное меню: a. Продукт i. Документы и тесты ii. FAQ b. Как работает продукт c. Для кого продукт d. Истории e. Полезное (не является страницей) i. Рецепты ii. Статьи f. Магазин 4. Содержимое страницы. 5. Футер, содержит дублирующую навигацию, информацию о правообладателе, правовую информацию, ссылку на партнерский сайт. Элементы 1, 2, 3, 5 не изменяются при переходе по страницам. В элементе 4 выводится содержимое страницы. В элементе 1 в зависимости от статуса аутентификации пользователя сайта выводится либо ссылка на вход, либо название учетной записи пользователя и ссылка для завершения сессии. Корзина должна иметь так же 2 варианта отображения визуально: когда она пуста и когда в ней есть продукты. При наведении на пустую корзину должен появляться блок, приглашающее к покупкам (содержит ссылку на страницу Магазин). При наведении или клике на не пустую корзину открывается (в случае клика -- и фиксируется) блок с содержимым корзины. Можно изменять количество позиций, перейти в магазин, перейти к оформлению заказа. В элементе 3 (главном меню) отображается визуально текущая выбранная страница. На каждой странице есть блок ссылок для шаринга в соц сети. 1. Главная страница Главная страница сайта – страница с представлением продукта. Блоки на главной: 1. Визуальное представление продукта с действующими комплексами, вкусовыми добавками и преимуществами продукта. При наведении указателя мыши на коктейль или комплекс отображается всплывающая подсказка со ссылкой для подробного ознакомления. Ссылка ведет на соответствующий раздел страницы Как работает продукт. Сам элемент при наведении визуально выделяется. При наведении на вкусовую добавку ниже в окне отображается информация о ней и ссылка для подробного ознакомления. При этом так же сама добавка визуально выделяется. По умолчанию (без наведения) выделена одна из добавок и по ней отображена информация, по таймеру выделение переходит к следующей добавке. Снизу находится строка текста, в которой так же по таймеру меняются преимущества продукта. Кнопка для покупки ведет на страницу Магазин. 2. Описание продукта P1. В тексте должны присутствовать и быть выделены ключи, ПРОДУКТ – заголовок h1. 3. Вывод видео (V1) с флагом отображения на главной. Стрелки для переключения (показа других) видео. 4. Блок выбора цели. Предполагается использование продукта в разрезе трех целей: снижение веса, улучшение физической формы (тренировочных показателей), здоровый образ жизни (поддержка идеального веса). Контент далее в данном блоке представляется в разделе целей. Каждая цель – вкладка, при клике на цель отображается соответствующее содержимое. Общая структура вкладки: a. Заголовок, текстовое наполнение. b. Ссылки на соответствующие тесты / наборы / как работает. c. Схема применения для достижения цели. d. Калькуляторы, ссылка на персональные рекомендации. e. Истории (S1) по данной цели с флагом топ-история: вывод фото до-после или главного фото, метрики цели, имени человека, ссылки для просмотра истории. f. Обобщение пользовательского опыта, настройка INP1. g. Напишите свою историю. Детализация по каждой вкладке: 1. Weight loss a. В текстовом наполнении b. В текстовом наполнении c. Как выглядит схема? d. Калькуляторы: i. Калькулятор ИМТ. Указывается рост в сантиметрах (так ли это? величины в калькуляторах), масса в килограммах. ИМТ = масса/(рост в метрах^2). После расчета ИМТ показываем результат, предлагаем определенный набор, описываем что он даст, со ссылкой для покупки. Если ИМТ выводит к другой цели, то предлагаем посмотреть вкладку по этой цели. Указать, с какими цифрами ИМТ какой набор рекомендуем. ii. Калькулятор сколько я могу сбросить. Вводится текущий вес, вводится целевой вес, вводится рост. Если целевой вес больше текущего – что делаем? Рассчитываем ИМТ для исключения предельных ситуаций. То есть если для целевого веса ИМТ меньше 16 (какая точно цифра) пишем, что мы не рекомендуем так худеть, и почему. Если целевой вес меньше текущего менее, чем на 10% от текущего – предлагаем Shape KIT. Основная рекомендация для похудения – сброс не более 10% от текущей массы за 90 дней. Выводим этот принцип и описываем его. Текстовое наполнение. Если целевой вес меньше текущего менее, чем на 20% от текущего – предлагаем Transformation KIT, затем Shape KIT, расписываем даты по 90 дней. Если целевой вес меньше текущего более, чем на 20% от текущего, то расписываем сброс веса на 10% с Transformation KIT периодами по 90 дней. Показываем дату периода, начальный вес, конец периода и конечный вес. Далее предлагаем купить продукт. Около рекомендации по периодам (или без) стоят галочки, по кнопке купить продукт – указанное количество добавляется в корзину, осуществляется переход к корзине. e. Фото до-после, имя, возраст, метрика: сколько сброшено в итоге. По ссылке на прочтение истории S1 открывается история S1 в модальном окне. f. - g. Описание проблем от избыточного веса, последствий, картинки. Мотивация к покупке продукта, и участию в Challenge с выигрышем денег. Ссылка на регистрацию и начало Challenge. 2. Best workout a. В текстовом наполнении b. В текстовом наполнении c. Как выглядит схема? d. Калькуляторы: i. Какое количество мышечной массы я могу набрать? Текст, рекомендующий Sport mass KIT. Подход к наращиванию качественной мышечной масса без набора и сушки, без стресса для организма, без фармы. Рекомендуем Sport mass KIT, кнопка для добавления в корзину, переход к подробной информации. ii. Как я могу увеличить свою силу? Текст, рекомендуем Sport power KIT, кнопка для добавления в корзину, переход к подробной информации. iii. Как я могу увеличить свою выносливость? Текст, рекомендующий Sport endurance KIT, кнопка для добавления в корзину, переход к подробной информации. e. Вывод главного фото, имени, возраста, звания, ссылки для прочтения истории. f. - g. Мотивация к тренировкам, улучшению показателей. Предложение покупки продукта, и участию в Challenge с выигрышем денег. Ссылка на регистрацию и начало Challenge. 3. Healthly lifestyle a. В текстовом наполнении b. В текстовом наполнении c. Как выглядит схема? d. Калькуляторы: i. Как держать свой идеальный вес? Текст, рекомендующий Balance KIT, кнопка для добавления в корзину, переход к подробной информации. ii. Как поддерживать оптимальный уровень БЖУ, витаминов, минералов и файберов? Текст, формула ВОЗ идеального белка, рекомендующий Balance KIT, кнопка для добавления в корзину, переход к подробной информации. e. Вывод главного фото, имени, возраста, веса, ссылки для прочтения истории. f. - g. Предложение по поддержке идеального веса. Мотивация к покупке продукта, и участию в Challenge с выигрышем денег. Ссылка на регистрацию и начало Challenge. 5. Блок с информацией о сертификации продукта P1, ссылки на состав, документацию, информацию о производителе. “Награды” продукта PI1: кошерный продукт, без глютена, продукт для веганов, халяльный продукт, без ГМО, произведен в США. Разработан в партнерстве ученых России и США. Отдельным блоком ниже звездочек, на всю ширину с изображением ученых, содружества двух стран. 2. Как работает продукт (How it works) Страница How it works – описание механизма работы продукта. На данной странице представлен продукт (ПРОДУКТ, Вкусы, Формула-А, суставная формула) P1, комплексы ПРОДУКТ (PC1), дано его описание, ссылка на состав. Далее перечисляются преимущества в коротком формате PS1. При клике на преимущество в модальном окне открывается текст, возможно фото, ссылки для “поделиться”. Открытие модального окна происходит посредством JS, поисковые машины проходят по ссылке на отдельную страницу, где представлен тот же текст, заголовок, мета-теги. После описания ПРОДУКТ и вкусов добавляем визуальный элемент со схемами употребления продукта для разных целей в слайдере. Затем выводятся блоки PN1 – чего продукт не содержит. 3. Для кого продукт (For whom) Страница с описанием, для кого (категории людей) предназначен продукт, на этой же страницы представляются наборы. Первый блок – вводный текст о важности правильного питания, изображение. Для подбора KIT далее расположена форма “Быстрый старт”. Пользователь задает параметры: текущий вес, целевой вес, рост. Рассчитываем ИМТ, и если он менее 16 (уточнить), пишем, что мы не рекомендуем так худеть, и почему. Основная рекомендация для похудения – сброс не более 10% от текущей массы за 90 дней. Выводим этот принцип и описываем его. Если целевой вес меньше текущего менее, чем на 10% от текущего – предлагаем Shape KIT. Если более – Transformation KIT, если менее – Balance KIT. Если целевой вес больше текущего, предлагаем Sport KIT’s. Каждый набор представлен как: a. Название b. Назначение, на что направлено применение набора c. Целевая категория людей для набора d. Фото набора, описание. e. Состав набора f. Количество порций, дней программы – 90 g. Кнопка для покупки h. Diet / sport plan. Куда ведет ссылка? 4. Документы и тесты (Docs Tests) На странице представлена документация и состав по продуктам P1. Выводится состав продукта ПРОДУКТ, справа фото продукта. Присутствуют ссылки на главную “Что-такое ПРОДУКТ” и на страниц Как работает продукт “Как работает этот состав”. Отдельным блоком выводится формула идеального белка ВОЗ. После выводится энергетическая ценность, витаминно-минеральный комплекс, комплекс Filber, комплекс G-block. Нужна таблица составов. Далее выводятся вкусы: название, состав, функциональное назначение (ссылка на Как работает продукт). Справа от заголовка выводится ссылка It’s not taste only (это не просто вкусовая добавка), по клику на которой разворачивается блок, в котором описан функционал вкусовых добавок. После выводится блок с тестами ПРОДУКТ. Выводятся тесты PT1. Справа от тестов в коротком формате выводим одну из историй S1 с флагом топ-история под заголовком “Практический опыт”. После выводятся сертификаты ПРОДУКТ PC2. Затем выводится блок с преимуществами продукта PS1. После выводится производитель ПРОДУКТ PM1: название, описание, карта с адресом. 5. FAQ Выводятся вопросы-ответы по категориям FAQ1. Пользователь может задать свой вопрос, форма разворачивается на этой же странице. Вопрос уходит в обратную связь F1 с флагом FAQ. В правой колонке выводится 10 последних статей A1. Ниже статей выводятся несколько случайных историй S1 с флагом топ-история. 6. Список статей (Articles) Выводится список категорий AC1, по умолчанию активна (визуально) соответствующая категория. Выводятся статьи A1 из категории по умолчанию. Формат вывода статьи: заголовок (ссылка на прочтение), краткий текст, дата публикации, количество комментариев, ссылка для прочтения статьи. Статьи выводятся постранично, по 25 на страницу. Отображаются мета-теги категории. 7. Просмотр статьи Выводится статья А1. Заголовок статьи h1, мета теги. Сначала краткий текст и, опционально, фото статьи, затем полный текст. Из статьи должна быть возможность вернуться в категорию, ко всем статьям. После статьи выводится дата, автор? Затем блок комментариев disqus. 8. Список рецептов (Recipies) Выводится список категорий RC1, по умолчанию активна (визуально) соответствующая категория. Выводятся рецепты R1 из категории по умолчанию. Присутствует фильтр для поиска рецептов: количество каллорий (до 200, 200-400, 400-600, больше 600), количество порций (1, 2, 4, больше 4), время приготовления (10 мин, 20 мин, 30 мин, 30-60, более 60). Формат вывода рецепта: заголовок (ссылка на рецепт), фото, количество порций, время приготовления, кол-во калорий, ссылка на рецепт. Рецепты выводятся постранично, по 25 на страницу. Отображаются мета-теги категории. 9. Просмотр рецепта Выводится рецепт R1. Заголовок рецепта h1, мета теги. Фото рецепта, затем полный текст. Должна быть возможность вернуться в категорию, ко всем рецептам. После рецепта выводится дата добавления, затем блок комментариев disqus. Лайки для рецептов 10. Истории успеха (Stories) На странице историй должен присутствовать СЕО-заголовок, мета-теги. Истории разделяются по трем целям. Каждая цель – вкладка, при клике на цель отображается соответствующее содержимое. Для каждой вкладки отображается подзаголовок, описание, кнопка для отправки истории. При нажатии на кнопку открывается страница Отправить отзыв кабинета. 1. Weight loss Выводятся истории S1 по текущему типу цели. История выводится в следующем формате: фото до-после, имя, возраст, метрика: сколько сброшено в итоге. По ссылке на прочтение истории S1 открывается история S1 в модальном окне. Для поисковиков история открывается на новой странице с мета-тегами. Присутствует форма для фильтрации отзывов: пол, возраст (от-до), сортировка (больше кг, меньше кг, возраст меньше, возраст больше). Ниже располагается блок “напишите свою успешную историю”, ссылка для покупки продукта. 2. Best workout Выводятся истории S1 по текущему типу цели. История выводится в следующем формате: главное фото, имя, возраст, звание, ссылка для прочтения истории. По ссылке на прочтение истории S1 открывается история S1 в модальном окне. Для поисковиков история открывается на новой странице с мета-тегами. Присутствует форма для фильтрации отзывов: пол, возраст (от-до), вид спорта, сортировка (возраст больше, возраст меньше). Ниже располагается блок “напишите свою успешную историю”, ссылка для покупки продукта. 3. Healthly lifestyle Выводятся истории S1 по текущему типу цели. История выводится в следующем формате: главное фото, имя, возраст, вес, ссылка для прочтения истории. По ссылке на прочтение истории S1 открывается история S1 в модальном окне. Для поисковиков история открывается на новой странице с мета-тегами. Присутствует форма для фильтрации отзывов: пол, возраст (от-до), сортировка (возраст больше, возраст меньше). Ниже располагается блок “напишите свою успешную историю”, ссылка для покупки продукта. 11. Просмотр истории Выводится название истории, информация об авторе, метрика цели, текст, фото, видео. Ссылки для шаринга истории в соц сетях. 12. Авторизация в кабинете Заголовок, вывод формы для авторизации: эл. почта, пароль. Кнопка для входа, ссылка для восстановления пароля. Надпись “нет учетной записи – зарегистрируйтесь”. После ввода данных ищется пользователь C1 с соответствующей эл. почтой и хэшем пароля. Варианты ошибок: поля не заполнены, неправильный логин или пароль. В случае успешной авторизации происходит переход в личный кабинет. Каждая попытка входа CL1 сохраняется. 13. Восстановление пароля Заголовок, вывод формы для восстановления пароля: эл. почта, captcha. Кнопка для восстановления пароля. Варианты ошибок: поля не заполнено, неправильный логин. В случае успешного ввода и наличия пользователя C1 с данным email, выводится сообщение о том, что дальнейшие инструкции отправлены на email. На email отправляется ссылка для изменения пароля. После перехода по ссылке открывается форма для изменения пароля. В ней 2 поля для ввода пароля. Варианты ошибок: поля не заполнены, пароли не совпадают, пароль короче 6ти символов. После успешного заполнения формы происходит изменение пароля пользователя C1, отправляется письмо на email. Пользователь переходит на страницу Авторизация в кабинете. 14. Магазин (Buy) На стр