Ключевые этапы разработки
веб-сайтов

Педпроектный анализ
(аналитика, прототипирование, техническое задание)

Разработка сайтов начинается с правильных вопросов: чего вы хотите достигнуть с помощью сайта, какие задачи должен решать сайт, на какую целевую аудиторию он рассчитан, на каком языке он должен разговаривать, с какими эмоциями он должен ассоциироваться? От ответов на эти вопросы во многом зависит успешность вашего сайта, а их поиск сопряжен с большой аналитической работой, которая включает в себя:



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


Структура и прототипы

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



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

Дизайн

Для каждого проекта мы разрабатываем
уникальное дизайн-решение

Приступая к работе, дизайнер анализирует вводные данные (сформулированные аналитиком задачи и цели, а также интервью, бриф, прототипы, данные по целевой аудитории сайта etc), и формулирует ключевую задачу.

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

Руководствуясь разработанной дизайн концепцией, дизайнер разрабатывает внутренние страницы сайта, а также макеты отображения сайта на touch-устройствах. По общему правилу адаптив разрабатывается на основе принципа: graceful degradation.

Front-end и back-end разработка


На тестовой площадке компании iTrack разработанные макеты верстаются в соответствии со стандартами W3C (The World Wide Web Consortium) с учетом разницы отображения элементов дизайна в различных браузерах и разницы в размерах рабочего пространства устройств (дисплеи компьютеров и ноутбуков с различным разрешением, планшеты и мобильные устройства).

На данном этапе с помощью CSS и JS анимируются динамические элементы дизайн-макетов. После окончания front-end разработки мы проводим кросс-браузерное и кросс-платформенное тестирование сверстанных шаблонов, после чего приступаем к интеграции верстки с CMS 1С-Битрикс и программированию функционала сайта.

Работы по программированию проводятся на тестовой площадке компании iTrack с использованием Git (система управления версиями), что позволяет организовать совместную работу команды программистов.


Back-end разработка сайта включает
в себя следующие этапы:



  1. Согласование технического задания на программирование;
  2. Декомпозиция технического задания (разделение крупных задач на серию меньших);
  3. Базовая настройка системы (Интеграция шаблонов верстки с CMS 1С-Битрикс, структура, меню);
  4. Настройка инфоблоков;
  5. Программирование дополнительного функционала;
  6. Интеграции с 1С, СRM-системами и etc;
  7. Первоначальная SEO-оптимизация;
  8. Тестирование;
  9. Отладка;
  10. Наполнение сайта контентом;
  11. Перенос сайта на продакшн сервер.


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


Продвижение

Мы продвигаем несколько десятков клиентов, большая часть из них – это компании, которые работают с нами более 3 лет.

Мы продвигаем несколько десятков клиентов, большая часть из них – это компании, которые работают с нами более 3 лет. Они выбрали нас, так как мы даем прозрачную финансовую гарантию на результаты продвижения.


Почему нам доверяют продвижение сайтов?

  • Оплачиваются только реальные переходы из поисковой выдачи Яндекса.
  • Цена продвижения конкретных ключевых слов зависит исключительно от их эффективности для ваших продаж.
  • Уникальные условия продвижения для интернет-магазинов и сезонных бизнесов.
  • Мы бесплатно пишем тексты для оптимизации сайта.
  • При продвижении в ПС Яндекс, в Google и Rambler сайт продвигается бесплатно.
  • Мы выделяем личного менеджера, напрямую заинтересованного в эффективном продвижении вашего сайта.
  • Мы обеспечиваем автоматический мониторинг позиций сайта.

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


Предпроектный анализ

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

Для этого в нашей компании существует услуга «Предпроектный анализ». В предпроектный анализ входит следующий перечень работ:

  • анализ вводных данных, предоставленных клиентом (по специальной анкете) и сайтов-конкурентов, анализ технического задания клиента, при его наличии;
  • составление оптимальной структуры сайта;
  • разработка прототипов ключевых разделов сайта (прототип – схема взаимного расположения элементов на странице).

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


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

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

Техническое задание будет содержать все необходимые требования к проекту, организации процесса разработки и будущему разработчику.

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

Стоимость разработки технического задания функционально сложного сайта или веб-системы обычно составляет от 8% до 20% от стоимости программирования проекта. Например, для интернет-магазина общей стоимостью 300 000 рублей, разработка технического задания будет стоить от 30 000 до 45 000 рублей.

Все проекты с точки зрения функциональной сложности мы классифицируем по двум типам: простые и сложные.  Тип проекта определяется по четкому набору критериев.

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

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

Жизненный цикл любого сложного проекта обязательно включает в себя отдельный этап проектирования. Такой проект реализуется по таким моделям как: RUP, итеративная модель OpenUP, Agile. Обычно мы применяем наиболее простую итеративную модель.

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

Техническое задание включает в себя:

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

Юзабилити

Юзабилити (удобство использования) - бич сайтов в рунете. Можно с уверенностью сказать, что 90% сайтов можно сделать удобнее.

При анализе юзабилити сайта мы используем уникальную методику, разработанную специалистами компании в 2009 году. Методика основана на исследованиях всемирно признанных экспертов в области юзабилити (Я.Нильсена, С.Круга и других) и заключается в критериальном анализе сайта. Мы разработали более двухсот критериев, по которым можно тестировать сайты. Критерии делятся на группы: навигация и структура информации, оформление текста и другие. Если сайт не соответствует определенному критерию, то в отчет включаются рекомендации по устранению найденного недостатка. Таким образом, мы изучаем ваш сайт в мельчайших подробностях, не пропуская ни одного элемента.