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

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

Особенно важно при подготовке ТЗ ставить измеримые цели. Вместо "Мы ожидаем получить быстрый сайт" лучше указать: "Десктоп-версия сайта должна загружаться в среднем не более чем за 2 секунды". Подобные конкретные и измеримые требования должны быть прописаны для каждого аспекта взаимодействия с ресурсом, как со стороны администраторов, так и со стороны конечного пользователя.

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

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

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

3. Составьте ТЗ на разработку сайта. Не уверены, что сможете сделать это самостоятельно — привлекайте к задаче будущего разработчика. Обязательно перепроверьте, насколько точны и измеримы KPI, можно ли вообще по такому техническому заданию разработать ресурс со всем необходимым вам функционалом и аналитикой.

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

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

6. Выбор и утверждение концепции дизайна. Разработанные концепты предоставляются клиенту. Он в праве выбрать и утвердить одну из концепций сразу, либо попросить внести доработки. 

7. Программирование сайт. На данном этапе концепция дизайна интегрируется с CMS системой. Параллельно подключаются система оплаты, создается личный кабинет пользователя, корзина, онлайн калькуляторы и другой функционал.

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

9. Тестирование. Это самая важная стадия веб разработки. Тестирование покажет, насколько понятен и удобен ваш ресурс для пользователя. Чем сильнее ваша бизнес-модель зависит от продаж с сайта, тем выше роль тестирования и постоянной оптимизации его работы.

10. Размещение сайта. Он может приводить клиентов уже с момента перехода на собственный домен и индексации Яндексом и Google. 

11. Создание мобильной версии. В некоторых сегментах бизнеса до 80% продаж приходится на мобильные версии. Хорошая мобильная версия улучшает опыт посетителя, упрощает выбор и покупку продукта. А это позволяет эффективнее удерживать посетителей и повышать лояльность.

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

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

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

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

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

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