Памятка заказчику

Самое важное при заказе и разработке сайта

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

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

Создание сайта — это сложный и комплексный процесс, который состоит из множества этапов. А чтобы Вам было понятнее, рассмотрим эти этапы более подробно.

Самое важное при заказе

Подготовительные этапы

Постановка целей и задач

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

Вопросы Примеры ответов
Какие задачи должен решать Ваш веб-ресурс? Продавать инвентарь, одежду и питание для спорта, автоматизировать работу компании и снять часть задач с персонала
Какой эффект он должен приносить? Повысить прибыль компании (увеличить продажи с 300 000 ₽ до 500 000 ₽), продвигать компанию на рынке
Какова Ваша целевая аудитория?* Возраст от 18 до 35 лет, пол неважен, проживают в Воронеже, средний и высокий доход, ведут активный образ жизни, занимаются спортом
Что вы можете предложить своей целевой аудитории? Качественные и сертифицированные товары для спорта
В чем Ваши преимущества перед конкурентами? Большой ассортимент товаров для спорта и спортивное питания – 1500 наименований 80% на складе в Воронеже; средняя ценовая категория; бонусная система, скидки от партнёров.

Важно подкреплять ответы на вопросы конкретными цифрами и фактами.

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

  • Пол;
  • Возраст;
  • География;
  • Семейное положение;
  • Финансовый уровень;
  • Профессия;
  • Интересы;

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

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

Выбор разработчика

Как найти разработчика?

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

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

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

Фрилансер Веб-студия Топовые студии
Цена 30 000 - 150 000 ₽ 100 000 - 350 000 ₽ от 1 000 000 ₽
Кол-во специалистов, работающих над проектом 1-2 3-8 3-8
Уровень дизайна, оригинальности и фишек Низкий или никакой (часто копипаст) Средний или достаточной высокий (зависит от команды и выделенного бюджета) Стабильно высокий
Гарантии Чаще нет высокие высокие
Наценка за престиж нет нет или небольшая огромная

Как выбрать?

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

Важно понимать, что Вы платите за качество Вашего будущего веб-ресурса. Найти хорошего разработчика можно как на фрилансе, так и среди веб-студий. Главное - подойти к выбору ответственно.

Так же у нас есть несколько полезных фишек, которые помогут выбрать грамотного разработчика:

  1. Составьте список заинтересовавших Вас веб-студий.
  2. Просмотрите портфолио, узнайте о репутации компании, почитайте отзывы.
  3. Найдите контакты клиентов веб-студии и созвонитесь с ними, чтобы они дали свою оценку работы с той или иной веб-студией.
  4. Согласуйте и устройте личную встречу с представителями веб-студии, желательно на территории разработчика, чтобы познакомиться с командой, посмотреть, как оборудован офис, получить полную консультацию по Вашему проекту.
  5. Задайте вопросы о стоимости дальнейшего сопровождения (техническая поддержка, СЕО, рекламная компания).
  6. Задайте вопрос об оценке сроков окупаемости сайта и выхода на чистую прибыль.

Помимо всех вышеприведенных критериев существует ещё один: во время личной встречи постарайтесь оценить уровень эмпатии и взаимосвязи с разработчиком, чтобы понять сработаетесь ли Вы в дальнейшем или нет.

Определение ответственных лиц

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

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

Со стороны разработчика это может быть Проект-менеджер или в команде с IT Аналитиком.

Подписание договора и утверждение технического задания

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

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

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

Подписание договора

Если же изначально составить техническое задание невозможно по каким-либо причинам (например, у Заказчика есть какая-то идея, но без четких целей), то в таком случае прибегают к методике Agile – это гибкий подход к разработке программного обеспечения. Процесс работы делится на короткие временные циклы – «спринты». Каждый такой спринт решает серию задач. По его итогам анализируются результаты и меняются приоритеты в работе на следующий цикл. Стоит учитывать, что такой метод в большинстве случаев выходит дороже, чем разработка сайта в более классическом понимании.

Сбор, сортировка и обработка информации

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

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

  • Тексты о компании;
  • Изображения и схемы;
  • Видеофайлы;
  • Информация о продукции или услугах;
  • Прайс-листы;
  • И другая информация, которая может понадобиться при создании веб-ресурса.
обработка информации

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

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

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

Прототипирование страниц

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

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

Так же на этом этапе разрабатываются UML-диаграммы – наглядное представление процедур взаимодействия пользователя с сайтом. Важно понимать, что прототип – это не готовый дизайн сайта, а лишь быстрая «черновая» реализация базовой функциональности будущего сайта. Утвержденные прототипы далее передаются дизайнеру.

Прототипирование страниц

Создание и утверждение дизайн-макета

утверждение дизайн-макета

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

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

Адаптивная кросс-браузерная верстка

После того, как дизайн-макет утверждён, специалист по фронтенд разработке переводит визуальный образ на язык разметки. Адаптивная кросс-браузерная верстка нужна для максимального охвата целевой аудитории, так как не менее 50% ваших клиентов пользуются мобильными устройствами. Благодаря адаптивной кросс-браузерной вёрстке Ваш веб-ресурс будет удобен в использовании и органично смотреться во всех браузерах и на всех устройствах (мониторы с любым разрешением, мобильные телефоны, планшеты).

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

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

верстка

Программирование и настройка CMS

настройка CMS

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

Для того, чтобы Вам в дальнейшем было удобно администрировать Ваш веб-ресурс, необходимо интеграция с CMS или системы управления содержимым. Контент через административную панель загрузить настолько же легко, как редактировать документ в MS Word. CMS делятся на две категории:

  • Коробочные — представлены в свободном доступе или за плату. Имеют базовый набор функций, но есть возможность дорабатывать и расширять их. Коробочные CMS проще установить и запустить, но возможности для индивидуальной доработки сильно ограничены, а в некоторых случаях невозможны
  • Индивидуальной разработки — CMS создается под конкретного пользователя с учетом его пожеланий. Позволяет создать уникальный сайт с особыми функциями, которых нет в коробочных версиях. Один из примеров – наша iCMS собственной разработки, которая легко подстроится под любой бизнес, а также является СЕО-оптимизированной системой

Интеграция 1C, CRM, службами доставки, эквайринг и прочее

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

Распишем немного подробнее про каждый сервис:

  • 1С — возможна передача данных как из программы на сайт, так и из сайта в программу. На сайт выгружается каталог товаров, с различными характеристиками, ценами, наличием, описанием, изображениями, также возможно передать информацию о существующих пользователях, откорректированные заказы. С сайта программа может получить поступившие заказы и информацию о новых клиентах
  • Подключение CRM — системам управления взаимоотношениями с клиентами и организации работы сотрудников
  • Службы доставки — автоматическая передача заказов курьерским службам для доставки клиентам
  • Эквайринг — обработка онлайн-платежей с помощью пластиковых карт и интеграция с банками
  • И прочее – интеграция возможна со многими сервисами, которые помогут облегчить работу Ваших сотрудников

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

Сервисы

Наполнение контентом

Наполнение контентом

Оболочка сайта готова, но без какого-либо контента на нём. На данном этапе Заказчик предоставляет различный контент для наполнения сайта (фотографии товаров, видеоролики, тексты). Лучше всего текстовые материалы отдельно отдать на написание профессиональному копирайтеру, так как этот текст будут читать Ваши клиенты.

Наполнение контентом - это не только картинки и тексты, но и ещё на этом этапе производится импорт товаров и заказов из Вашей локальной базы данных.

Тестирование и отладка

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

Тестирование и отладка

Продвижение

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

Что входит в работу по продвижению сайта:

  • Офлайн реклама Печатайте визитки, флаеры и другие раздаточные материалы. Также можно размещать рекламу в журналах, газетах, на телевидении и радио.
  • Онлайн продвижение, интернет-реклама Интернет-реклама доносит предложение до аудитории, которая уже заинтересована в покупке, а не создает «информационный шум». В этом случае довольны все – клиент получает то, что ему нужно, а Вы реализуете свой продукт.
  • Ещё не стоит забывать, что в 90% случаев люди находят интересующую информацию или товары на первой странице поисковых систем. Благодаря SEO-оптимизации сайт окажется именно там, а Вы получите ощутимый приток новых клиентов.
Продвижение сайта

Сопутствующие расходы

Для привлечения прибыли

Заключение

Хотите заказать разработку сайта?

Наша веб-студия INTRID имеет значительный опыт по работе с различными Заказчиками – мы разрабатываем сайты любой степени сложности как для частных лиц, так и для крупных интернациональных корпораций, а также мы занимаемся продвижением веб-ресурсов в интернете. Вы можете ознакомиться с нашими работами и рассчитать стоимость сайта онлайн.

Заключение

INTRID