Разработка сайта с БД на Bitrix «интернет-магазин услуг связи».

170 000 руб. за проект • безналичный расчёт, электронные деньги
14 января 2019, 13:33 • 13 откликов • 118 просмотров
Для связи: Telegram, Whatsapp +79952000891

  1. ВНИМАНИЕ! Перед откликом внимательно читаем ТЗ и вносим коррективы + предложения, озвучиваем сроки + цену, бюджет увеличится в зависимости от качества и сроков исполнения.

  1. ОБЩАЯ
    ИНФОРМАЦИЯ




Сервис
подбора тарифов (предмет договора)
представляет собой интернет-площадку
по размещению тарифов всех провайдеров
России на одном сайте. Основными функциями
сайта являются: выбор тарифов, сравнение
тарифов и их подключение. Сайт
разрабатывается на платформе 1С-Битрикс





  1. Цели
    создания сайта






  • Извлечение
    прибыли за счёт продажи услуг связи,
    товаров физическим и юридическим лицам
    и в дальнейшем – продажа доступа к
    собственному онлайн кинотеатру или к
    отдельным фильмам, сериалам и т.д.


  • Повышение
    доступности информации для жителей
    России о тарифах на услуги
    фиксированной связи
    всех провайдеров, доступных к подключению
    по определенному адресу и без привязки
    к адресу – для услуг
    мобильной и подвижной связи;


  • Предоставление
    гостям сайта с целью повышения их
    цифровой грамотности в свободное
    пользование сервисов поиска тарифа по
    адресу, подбора тарифа по параметрам,
    сравнения тарифов, таким образом
    привлекая лояльных к компании клиентов
    и продавая им услуги и товары.






  1. Задачи,
    решаемые при помощи сайта






  • Повышение
    доверия к компании.


  • Укрепление
    имиджа компании.


  • Привлечение
    новых посетителей на сайт.


  • Продвижение
    услуг провайдеров






  1. Этапы
    разработки сайта






1.3.1 Агрегация
требований





  • Определение
    целевой аудитории с помощью GoogleAnalytics,
    Яндекс.Метрики, отзывов на тематических
    форумах и прочих бесплатных сервисах
    и сайтах в сети интернет, на которых
    можно сформировать максимальное
    количество (не менее 20) портретов
    потенциальных клиентов с целью выявления
    их потребностей


  • Анализ
    конкурентов – выявление их сильных и
    слабых сторон


  • Составление
    списка потребностей целевой аудитории
    с целью повторного привлечения клиентов,
    ранее воспользовавшихся услугами
    сервиса или привлечения новых клиентов,
    узнавших о сервисе подбора тариф от
    своих знакомых, ранее воспользовавшихся
    услугами сервиса.









1.3.2
Прототипирование




Прототип
может отличаться расположением блоков
на готовом дизайне и изменяться по мере
создания макета.


Прототип
предоставляется в схематическом виде
и показывает предварительное размещение
блоков на всех страницах сайта



1.3.3 Разработка
технического задания.




Техническое
задание разрабатывается сторонами
совместными усилиями до составления
договора и является неотъемлемой его
частью.




1.3.4 Заключение
договора



Договор
составляется в письменном виде,
подписывается обеими сторонами, каждая
из сторон получает свой экземпляр
договора. Согласование договора
происходит без протокола разногласий
– в устной форме или путём переписки в
почте.



1.3.5 SEO-анализ
и рекомендации к построению сайта



SEO-анализ
(тексты, фильтры, ЧПУ для фильтров,
желательно для каждого параметра или
группы параметров свой ЧПУ и т.д.) –
полная настройка и подготовка сайта к
продвижению в поисковых системах Яндекс,
Google,
Mail,
Рамблер путём составления рекомендаций
для разработчика сайта и заказчика в
письменной форме в части удобства
считываемой с сайта информации роботами
поисковых систем и вывода страниц сайта
в первой десятке органической выдачи
поисковой системы определённых заказчиком
поисковых запросов и рекомендуемых
исполнителем настроек и контента,
содержащегося на страницах сайта.
Основная цель SEO-анализа
и составления рекомендаций – минимизации
изменения кода страниц сайта сторонними
web-студиями
после опубликования сайта в сети
интернет, чтобы сайт не потерял пожизненную
гарантию.



Во
время настройки сайта под SEO-продвижение
необходимо соблюдать правила построения
сайтов, рекомендованные поисковыми
системами, исполнитель предоставляет
рекомендации в печатном виде, на
электронном носителе и путём отправления
письма на электронную почту заказчику.


Основная
задача SEO - сделать сайт для людей и для
роботов. В случае отсутствия возможности
полной настройки сайта под SEO
самим разработчиком, допускается
привлечение рекламных агентств viarda.ru,
biplane.ru или любых других сертифицированных
партнёров поисковых систем Яндекс,
Google,
Mail
и Рамблер.


Настройка
метатегов, тайтлов, счётчиков.



Составление
семантического ядра и стратегии
продвижения.


https://yandex.ru/support/webmaster/recommendations/


https://support.google.com/webmasters/answer/35769?hl=ru


SEO-специалист
даёт рекомендации к построению сайта
на основании собственного опыта,
прилагает разногласия между написанными
самими поисковыми системами рекомендациями
к построению сайтов и практическим их
применением.




1.3.6 Скетчи
и создание макета (визуализация проекта)



Определение
настроения проекта, нужные цвета,
подходящие шрифты, оптимальный стиль
иконок и интерфейса


Исполнитель
выполняет следующую работу:



  • Ищет
    и складывает картинки и блоки, которые
    нравятся у конкурентов или на сайтах
    компаний из других сфер и согласовывает
    с заказчиком


  • Подбирает
    подходящие иконки, согласовывает с
    заказчиком


  • Подбирает
    шрифты разного уровня: заголовки,
    подзаголовки и обычный текст, согласовывает
    с заказчиком


  • Подбирает
    фотографии, изображения, 3D-модели с
    нужным настроением или эффектами,
    согласовывает с заказчиком


  • Собирает
    варианты оформления интерфейсов и форм


  • Ищет
    вместе с заказчиком фишку сайта, которая
    выгодно будет отличать компанию от
    конкурентов


  • Исполнитель
    прорисовывает скетч и предоставляет
    заказчику в любом формате, удобном для
    просмотра в браузере


  • Создаёт
    фирменный стиль на основании скетча
    для ПК-версии, планшетной версии и
    мобильной версии сайта


  • Прорисовывает
    размещение на сайте Новогоднего дизайна,
    дизайна на 8 марта, 23 февраля с помощью
    загрузки фона, отступов по бокам страниц
    и рекламного баннера на ширину страницы
    над шапкой




  • Продумывает
    на сайте удобное расположение онлайн
    чатов на мобильной и компьютерной
    версии




1.3.7 Презентация
дизайна



Исполнитель
презентует дизайн основных вэб-страниц
сайта в любом формате, доступном к
просмотру в браузерах. В том случае,
если заказчика дизайн не устраивает,
исполнитель берёт на себя обязательство
заново переделать дизайн ещё раз. В
итоге дизайн должен понравиться
заказчику.



1.3.8 Вёрстка


Требования
к вёрстке:



  • Адаптивная


  • Используется
    технология композитного сайта для всех
    страниц сайта


  • Результат
    - не просто набор картинок, а работающие
    страницы с микровзаимодействиями,
    соответствующие стандартам HTML5, CSS3,
    JavaScript (java - с минимальным кодом). HTML5
    понадобится и для собственных рекламных
    баннеров на сайте


  • На
    этапе вёрстки разработчик показывает
    заказчику, как сайт будет отображаться
    на всех возможных устройствах с различным
    разрешением и оставляет возможностью
    заказчику вносить небольшие правки


  • Сайт
    должен корректно отображаться как в
    современных, так и в устаревших браузерах


  • На
    компьютерной версии блоки сайта при
    скроле вверх и вниз должны попадать в
    центральную часть экрана, информация
    на блоках не должна закрываться
    мессенджерами сервисов, планируемых
    в дальнейшем к установке на сайт.


  • Улучшенное
    качество картинок для retina-дисплеев
    и крайних моделей Samsung




1.3.9
Программирование на
CMS
1
C-Битрикс



Настройка
многогородовости. Часть инфоблоков
можно сделать общими для всех городов,
часть — меняющимися в зависимости от
региона пользователя. Например, описание
для всех товаров — единое, а цены и акции
— везде разные.



Оставлять
кнопку «Быстро с 1С-Битрикс» на всех
страницах – как подтверждение качества
разработки.



1.3.10 Интеграция
сайта с необходимыми сервисами и
системами



Перечень
необходимых сервисов и систем:



  • Социальные
    сети


  • Мессенджеры
    (в том числе WhatsApp)


  • Подключение
    и настройка Битрикс 24 или другой CRM


  • Подключение
    битрикс-телефонии или яндекс-телефонии
    или любой другой телефонии, совместимой
    с выбранной CMS
    и CRM


  • Помощь
    в установке на сайт roistat (нравится их
    всплывающее окно и ловец лидов)


  • Настройка
    метрики и аналитики (Google, Яндекс), Турбо
    Страниц




1.3.11
Тестирование сайта




  • Удаление
    бесконечных циклов в коде и т.д.


  • Желательно
    применять автоматическое регрессионное
    тестирование


  • Упреждающее
    тестирование (Программисты сдают свои
    задачи по заранее согласованным
    приёмочным тестам)


  • Классическое
    тестирование (полное тестирование
    проекта, включая тесты на быстродействие
    и устойчивость к хакерским атакам)




1.3.12 Размещение
сайта на хостинг



Сайт
размещается на российском хостинге.



1.3.13 Развитие
проекта (техническая поддержка)



Разработчик
даёт пожизненную гарантию на свои работы
и обеспечивает бесперебойную работу
сайта на протяжении двух лет.





  1. Целевая
    аудитория сайта






Широкий охват
пользователей сети интернет в возрасте
от 16 до 65 лет. В дальнейшем планируется
создание лендинговых страниц сайта для
запусков рекламных кампаний под отдельные
целевые аудитории.



Основные
характеристики сайта, на которые
пользователь обращает особое внимание:




  • Получать
    желаемое быстро, просто, удаленно,
    недорого, 24/7, с сопутствующим сервисом
    и интерактивом.



  • желательно,
    чтобы процесс получения желаемого был
    живой и интересный, а интерфейс
    программного продукта интуитивно
    понятным.



  • Не искать
    информацию и не анализировать, а знать
    сразу все об услуге или товаре и суметь
    к нему «прикоснуться» еще до покупки
    (не вставая с дивана, разумеется).



  • Эмоционально
    кайфовать от возможностей, которые
    открываются при взаимодействии с
    компанией. Благодаря этому, считать
    себя технологически продвинутым,
    крутым, модным.





  • Чтобы
    серьезное стало веселым, а веселое —
    еще веселее.





  • Гостям сайта
    важно оценить надежность сервиса —
    сайт должен вызывать доверие.



  • Клиенты
    хотят понять, как устроен процесс
    подключения — требуются пошаговые
    описания вплоть до оплаты.



  • 50% клиентов
    хотят начать пользоваться интернетом
    здесь и сейчас — должна быть возможность
    заказать услугу на ближайшее время.






  1. Общие
    требования







  • минимальное
    разрешение монитора пользователя –
    720*480.



  • максимальное
    разрешение монитора пользователя (по
    горизонтали) – 1920 (и более).



  • адаптивная
    вёрстка – доступно использование
    веб-сайта на мобильных устройствах,
    планшетах, ноутбуках, стационарных
    компьютерах



  • CMS-платформа
    1С: Битрикс, рассчитанная на сотни тысяч
    городов и складов, в первые полгода
    платформа (соответственно и хостинг)
    должна выдерживать нагрузку в 1000
    клиентов в сутки, вплоть до одновременного
    их нахождения на сайте, при этом сохраняя
    скорость загрузки страниц на уровне 3
    сек. в сети 3G
    (1-2 Мбит/сек.) – на такой скорости
    осуществляется доступ к сети интернет
    на 80% территории Краснодарского края.



  • языковые
    версии сайта: русский.



  • возможности
    для пользователей – поиск по адресу,
    сортировка и фильтрация тарифов,
    подключение дополнительных опций к
    тарифу (калькулятор тарифа), сравнение
    тарифов, добавление тарифа и товара в
    закладки, оформление заявок, чтение
    информации, написание отзывов (только
    для зарегистрированных пользователей),
    просмотр видео, совершение покупок в
    интернет-магазине, регистрация на
    сайте, получение писем в почтовый ящик,
    общение через мессенджеры и
    специализированные он-лайн программы,
    установленные на сайте, звонок оператору,
    подбор тарифа по параметрам, заполнением
    форм обратной связи, доступ к социальным
    сетям, поиск по сайту, оплата услуг
    провайдеров, быстрое оформление заявки
    на подключение, выбор населенного
    пункта из списка, тест скорости интернета
    (пример – krasnodar.justconnect.ru/speed_test/)



  • первые шесть
    месяцев на сайте должен висеть ярлычок
    «Отзыв», нажимая на него клиент оставляет
    отзыв либо о работе сайте (смайлик); о
    тарифе, который он подключил; либо о
    работе специалистов. Пример – сайт
    связной



  • Исполнитель
    гарантирует отсутствие возможного
    права третьих лиц на картинки и весь
    контент, связанный с наполнением сайта,
    в том числе и текстами. Данный пунк не
    распространяется на использование
    логотипов и фирменного стиля провайдеров,
    т.е. заказчик получает возможность их
    использования при заключении договора
    с провайдером.







  1. Требования
    к графическому дизайну сайта







Основные
требования:




  • Дизайнер
    использует сетку, все блоки на макете
    расположены строго по ней.



  • У всех
    объектов на макете целочисленные
    размеры.



  • Повторяющиеся
    одинаковые элементы на страницах
    всегда ОДИНАКОВЫЕ.



  • Все
    слои сгруппированы по папкам
    и распределены по логике макета.
    Лишние удалены, похожие — объединены.



  • Отступы
    от элементов унифицированы.



  • Цвета
    на дизайн-макете совпадают с основными
    цветами проекта.



  • Текст
    как текст (не растрирован), даже на
    баннерах.



  • Кнопки
    не растрированы.



  • Эффекты
    наложения, тени и градиенты
    не растрированы.



  • Использование
    эффектов наложения целесообразно.



  • У шрифтов
    недробные размеры.



  • Шрифты,
    используемые в проекте, собраны
    в отдельной папке, и они есть в Google
    fonts.



  • Нестандартные
    шрифты и их начертания проверены
    на наличие веб-версии. Вес одного
    нестандартного шрифта не превышает
    1 Мб.



  • Межстрочные
    интервалы и отступы в тексте
    унифицированы по отдельным блокам.



  • Все
    иконки в формате SVG (векторная графика)
    и собраны в одном месте. Наименования
    иконок одинаковые и понятные, совпадают
    с наименованием идентичных слоёв
    на макете.



  • Для
    всех активных элементов есть слои
    с ховерами.



  • Объекты,
    участвующие в анимациях/интерактивных
    взаимодействиях, разбиты послойно. Для
    баннеров — аналогично.



  • К
    анимациям и интерактивным взаимодействиям
    прописаны комментарии и указаны
    примеры, как это должно выглядеть.



  • Для
    макета создан брендбук, логобук и
    гайдлайн с палитрой цветов проекта
    и стилями текста, особенностями
    использования фирменного стиля.



  • Цвета
    прописаны для CMYK
    и RGB,
    т.к. цвета из брендбука планируются к
    печати на листовках и баннерах.


  • Необходимо
    прорисовать на сайте удобное расположение
    онлайн чатов на мобильной и компьютерной
    версии, выбрать цвет иконок чатов.




  • Необходимо
    улучшенное качество картинок для
    retina-дисплеев
    и крайних моделей Samsung.


  • Обязательно
    нужно нарисовать фавикон для браузеров.







  1. Требования
    к юзабилити






Главная
страница.


Все
активные вкладки должны быть отличными
от обычного текста. Как правило
используется синий цвет, он обозначает,
что на текст можно нажать. Синий текст
с пунктирной линией – окно открывается
на текущей странице. Синий текст и иконка

означает, что при нажатии на неё будет
совершён переход на другую страницк. И
том и в другом случает при наведении
курсора на текст он изменяет цвет,
сигнализирую пользователя, что при
нажатии на него будет открыто новое
окто либо в новой вкладке, либо вспдывающее.
Вообще, необходимо использовать привычное
для пользователя обозначение для
открытия новых вкладок – принаведении
появляется вместо курсора мышки рука
и т.д. Основные части юзабилити можно
взять в популярных социальных сетях,
сайтах, поисковых системах и т.д. Юзабилити
прорабатывается дизайнером и
согласовывается с заказчиком.


Личный
кабинет. Следить, чтобы в письмах после
%USERNAME% и перед знаком препинания не было
пробелов, наприм. «Уважаемый Сергей ,
Вы запросили...». Имя отправителя системных
писем должен быть не просто "admin",
а таким, чтобы пользователь понимал, с
какого сайта пришло письмо. Например,
название компании, или конструкции типа
"Администрация Restlook.ru".



Поля
с js-валидацией. Невалидным вводом для
полей регистрации считается: Email: пробелы,
один символ доменной зоны (user@google.u);
любые знаки, кроме ".", "-", "_";
с двумя "@"; пустой. Логин: менее 3
символов. Пароль: менее 6 символов; и
т.д. Неоходимо проработать все возможные
невалидные действия на сайте, свои
предложения отправляет дизайнер,
программист-верстальщик и
программист-разработчик с целью
исключения возникновения ошибок в
поясняющих надписях к неправильно
заполненным полям форм.


Авторизация.
Забыли пароль - после отправки формы с
логином выводить сообщение о том, что
письмо было направлено на e-mail. Следить,
чтобы в письмах после %USERNAME% и перед
знаком препинания не было пробелов.
Страница смены пароля - после успешной
смены пароля выводить сообщение,
направлять письмо на e-mail. Имя отправителя
системных писем должно быть не просто
"admin", а таким, чтобы пользователь
понимал, с какого сайта пришло письмо.


Меню.
Пункты меню на ПК-версии реагируют на
наведение с задержкой в 0,5 сек. или 1 сек.
- нужно пробовать (если меню в виде
кнопок, то должны быть кликабельны и
реагировать на наведение полностью, а
не только текст). Почему так - когда
клиент знакомится с сайтом и водит
мышкой по экрану - элементы горизонтального
меню не должны открываться немедленно,
чтобы не отвлекать пользователя от
просмотра, как на главной странице сайта
beeline.ru. Активный пункт меню подсвечен,
реагирует на наведение - выпадает список
с подменю (сайт билайна). Вертикальные
выпадающие из пунктов меню подменю -
прямоугольники со ссылками должны быть
полностью кликабельны и подсвечиваться
при наведении или же будет подчеркиваться
и подсвечиваться только текст.



Выпадающий
список. Выпадающий список - открывается
по клику не только на стрелочку, а
кликабелен полностью. Выпадающий список
закрывается по клику мимо него или
кнопкой применить. Элементы выпадающего
списка должны быть отсортированы по
какому-либо признаку, в идеале необходимо,
чтобы они были отсортированы по ключевой
фразе, по которой клиент вошёл на сайта
из поисковой ситемы, т.е. если человек
ввёл в Яндексе «подключить интернет и
тв», он должен попасть на главную страницу
с отсортированным выпадающим списком
услуг «интернет = тв». Неоходимо
использовайть новые селекты и мультиселекты
(т.е. клиент может выбрать в списке
несколько услуг -пакетные и моно).


Поле
для ввода адреса. При наведении курсора
может изменяться цвет и должна появляться
вертикальная палочка для обозначения
места ввода текста. Работает умный
поиск, т.е. при вводе первых букв названия
улицы, выпадают возможные улицы, вместе
с номерами домов – фильтруются по
адресам, введённым ранее на других
сайтах. Пример – yandex.ru


Выбор
города. Открывается во всплывающем окне
и если нужен скрол внутри окна без, то
всплывающее окно прокручивается без
страницы сайта. Изначально сайт должен
самостоятельно определять местоположение
гостя и спрашивать - правильно ли
определился город.


Более
полная информация о юзабилити сайта
доступна по ссылкам



https://blog.sibirix.ru/wp-content/uploads/us/


https://blog.sibirix.ru/2013/07/02/uluchshaem-interfejs/


На
сайте допустимо наличие внизу экрана
строки с обратной связью, закладками и
сравнением, как в юлмарте.





Необходима
стрелочка «вверх» на длинных страницах
(более двух экранов)






  1. Требования
    к формам на сайте







  • Форма
    сохраняется в веб-формах (админ-панели)
    или SQL-таблицах


  • E-mail,
    на который приходят данные из веб-формы,
    можно менять в административной панели


  • Прописан
    реальный e-mail лица, отвечающего за
    обработку заявок


  • Данные
    из заполненной формы отправляются
    администратору на e-mail


  • Пользователь
    получает уведомление на свой e-mail об
    успешно полученной заявке и последующих
    действиях, которые от него требуются


  • Предусмотрены
    плейсхолдеры. Если названия полей не
    подписаны, то внутри полей выводится
    подсказка, которая исчезает при внесении
    текста. Атрибут placeholder отвечает за вывод
    текста-подсказки внутри полей формы.
    Эта подсказка заменяется данными,
    введенными пользователем. Почему именно
    так. Пользователям нужны инструкции,
    а проектировщикам и дизайнерам —
    компактный способ предоставления
    информации.


  • Атрибут
    autocomplete подставляет ранее введенные
    пользователем данные в поле, если
    функция не отключена в браузере. Почему
    именно так. Чем быстрее пользователь
    заполнит форму, тем выше вероятность,
    что он ее отправит.


  • Правильная
    работа многошаговых форм. Навигация
    рядом с формой показывает текущий этап
    и количество оставшихся шагов. Почему
    именно так. Неизвестность пугает
    посетителей и снижает вероятность
    полного заполнения объемной формы.
    Положительный пример — Asos. В форме
    указано пять шагов, но по факту регистрация
    проходит в пять раз быстрее — основные
    функции сайта доступны сразу после
    заполнения первого экрана регистрации.
    Замечание. Будем использовать и
    стандартную регистрации и авторизацию
    через социальные сети. Многошаговые
    формы корректно работают при навигации
    посредством кнопок «Вперед» и «Назад»
    в браузере.


  • Для
    числовых значений из определенного
    диапазона прописаны ограничители
    минимального и максимального количества
    символов. Проверить это для дат, времени
    и прочих подобных характеристик. Почему
    именно так. Простая подстраховка от
    ввода откровенного вранья или появления
    ошибок по невнимательности — даты
    рождения в будущем или времени подключения
    раньше времени заявки.



  • Для
    полей, предполагающих загрузку файлов,
    прописан атрибут accept, определяющий тип
    загружаемых документов. Почему именно
    так. Если прописан атрибут accept, при
    выборе с жесткого диска пользователь
    видит только подходящие типы файлов
    для загрузки — например, doc и txt. Это
    исключает отправку документов в формате,
    не подходящем для обработки.



  • Для
    полей, валидация которых проходит через
    регулярное выражение, прописан атрибут
    pattern. Валидация — это проверка введенных
    пользователем данных на соответствие
    требованиям системы. Информация
    проверяется путем сверки с регулярным
    выражением, заданном в специальном
    формате. Например, регулярное выражение
    [0-9]{5,10} для пароля означает, что он может
    состоять только из цифр, а его длина
    колеблется от пяти до десяти символов.
    Если для поля прописан атрибут pattern, то
    форма не отправляется, пока данные не
    будут введены верно. Требуемый формат
    данных, которые должен ввести пользователь,
    очевиден для него. Почему именно так.
    Пользователь должен понимать, чего от
    него ждут при вводе данных. Для этого
    предназначены краткие пояснения вроде
    «Пароль состоит не менее чем из 8 символов
    и включает цифры и латинские буквы».
    Доступна инструкция по формату вводимых
    данных на человеческом языке. Почему
    именно так. Очевидная и понятная
    подсказка позволяет быстро разобраться
    в причинах ошибки. Пользователь должен
    видеть регулярное выражения как
    подсказки к действию. Почему именно
    так. Например, подсказка у поля индекса,
    представляющая собой регулярное
    выражение [0-9] – малоинформативна. Фраза
    «Индекс состоит из цифр от 0 до 9» намного
    понятнее пользователю.




  • Сообщения
    об ошибках понятны обычным пользователям
    и логичны. Важно. Типовая ошибка —
    одноимённое выражение в сообщении о
    неверном заполнении формы.


  • Форма
    запрашивает у пользователя только
    необходимые данные. Почему это важно.
    Объемные формы убивают конверсии.
    Регистрация, покупка или обратная связь
    должны быть максимально простыми, чтобы
    не путать пользователей.


  • Если
    все поля обязательны для заполнения,
    рядом с их названиями не выводятся
    звездочки — символ * При этом обязательно
    наличие поясняющего текста об обязательном
    заполнении всех полей.


  • Для
    авторизованного пользователя в поля
    формы автоматически подставляются все
    известные о посетителе данные или ранее
    ввдённые данные.


  • Текстовое
    многострочное поле при вводе объемного
    сообщения изменяет высоту. Почему
    именно так. Многие пользователи
    перечитывают написанное перед отправкой.
    Нужно дать им возможность воспользоваться
    скролл-баром или просмотреть все
    сообщение в расширенном поле вместо
    перемещения по тексту с помощью стрелок
    клавиатуры.


  • В
    полях формы прописан корректный атрибут
    TYPE, сообщающий браузеру тип элементов
    формы. Правильно указаны типы дат,
    времени, телефонов, диапазонов, url,
    e-mail, чисел.


  • Во
    время отправки формы на медленном
    канале пользователь не может менять в
    ней данные. Действительно для ajax-форм.
    При невысокой скорости соединения
    форма ajax отправляется не сразу, некоторое
    время оставаясь на экране со всей
    внесенной информацией. Пользователь
    не должен в этот момент передумать и
    поменять все данные. Точнее, передумать
    он как раз может, но реализовать свою
    задумку — уже нет: необходима блокировка
    от изменений до момента получения
    ответа от сервера. При этом желательно
    визуально показать, что форма
    заблокирована. Один из вариантов —
    прелоадер


  • Кнопка
    отправки данных неактивна, пока не
    активирован чекбокс «Вы соглашаетесь
    на обработку персональных данных».
    Либо по умолчанию установлен флажок.



  • Кнопка
    отправки данных неактивна, пока все
    введенные данные не прошли положительную
    валидацию. Для ввода номера телефона
    валидацию желательно отключить -
    необходимо будет ввести 10 цифр без
    восьмёрки.



  • Если
    данные не прошли положительную валидацию,
    при наведении курсора на кнопку для
    отправки данных выводится информационное
    сообщение.







  1. Требования
    к административной части сайта





    1. Классы
      пользователей







Зарегистрированные
пользователи могут: комментировать
статьи, новости, оставлять отзывы о
тарифах, которые он подключил по своему
адресу с помощью нашего сервиса; добавлять
товары и тарифы в закладки, в сравнение,
поделиться, информация об оставленных
в закладках и в сравнении тарифах и
товарах сохраняется в личном кабинете
и доступна до тех пор, пока клиент сам
не удалит из закладок и сравнение
выбранные товары и тарифы. просматривать
все разделы сайта; ставить отметки мне
нравится и не нравится к новостям и
обзорам на сайте, проходить опросы. В
личном кабинете хранится история обо
всех заказах, которые совершал клиент
на сайте. У администратора должна быть
возможность удалять личные кабинеты
целиком или информацию, содержащуюся
в них.


Незарегистрированные
пользователи могут: добавлять товары
и тарифы в закладки, в сравнение,
поделиться, информация об оставленных
в закладках и в сравнении тарифах и
товарах не сохраняется при следующем
входе на сайт; просматривать все разделы
сайта; ставить отметки «мне нравится»
и «не нравится» к новостям и обзорам на
сайте, проходить опросы.







  1. Требования
    к системе управления сайтом







Административная
часть сайта должна давать возможность
собственнику делегировать полномочия
между несколькими сотрудниками в части
редактирования контента, закрывать
доступ к редактирования отдельными
пользователями выбранного контента.



К
редактированию контента относятся:




  • ссылки,
    содержащиеся в тексте сайта на страницах;




  • текст
    на каждой странице сайта,



  • картинки,
    gifки
    на страницах новостей, выделение цветом
    текста,



  • выбор
    размера и начертания текста, выбор типа
    шрифта (thin,
    bold и т.д.).




Изменять
базы данных с адресной привязкой тарифов,
добавлять в базы адресов новые тарифы,
выгрузка из xls
файлов должна проходить в автоматическом
режиме без ручного управления по заранее
согласованным инструкциям к базам
данных.


Добавлять
новые города, редактировать главные
страница на главных страницах новых
городов (удалять, добавлять однотипные
блоки) без изменения вёрстки.


Самостоятельно
добавлять контент (картинки, опросы) на
страницы с новостями и обзорами.



Разработчику
необходимо внести собственные предложения
о необходимых изменениях в административной
части 1С-Битрикс, предложить наиболее
удобный вариант управления сайтом через
административную часть без внесения
изменений в код сайта.












  1. Редактирование
    контента







Все
страницы сайта должны редактироваться
и при этом размеры текста, его объём не
должно влиять на вёрстку сайта. Необходимо
задать параметры на максимальное
количество символов, соотношение сторон
картинки и т.д., чтобы сам администратор
сайта смог редактировать весь возможный
контент на сайте. Для этого исполнитель
должен предоставить заказчику инструкцию
к редактированию контента на сайте с
содержанием всех возможных операций,
доступных через административную часть.








  1. Формат
    предоставления материалов








Наполнение
контентом сайта не должно занимать
много времени, поэтому форматы
предоставляемых материалов должны быть
удобны для уверенного пользователя ПК
и привычны, т.е. таблицы предоставляются
в формате Excel,
Текстовые документы – в формате Word,
формат графических элементов выбирает
исполнитель.








  1. Формат
    загрузки баз данных и их обновление








Формат
загрузки информации в базы данных
предлагается разработчиком и гарантирует
быстродействие, загрузка баз данных
происходит в автоматическом режиме по
заранее прописанному порядку заполнению
файлов xls
или любого другого общедоступного
табличного формата.








  1. Генерация
    ID
    для каждого адреса








Для
быстродействия системы предполагается
кэширование каждого адреса путём
присвоения ему уникального id,
таким образом снижается количество
запросов к серверу и увеличивается
видимое быстродействие сайта.






  1. Технические
    требования






Максимальная
загрузка отдельной страницы сайта
должна составлять не более 3 сек. в сети
3G
(1-2 Мбит/с)

Файлы