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

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

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

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

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

ТЗ позволяет сэкономить много времени, которое лучше всего потратить на корректировку тестовой версии сайта (если потребуется).

Основные темы, которые указываются в задании:

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

Хорошо составленное техническое задание к разрабатываемому проекту не оставляет двусмысленных формулировок и четко описывает функционал и структуру сайта на понятном языке.

Мы составляем дизайнерское решение для сайта. Сначала готовится макет для главной страницы и отправляем клиенту на согласование, чтобы он внес соответствующие требования и пожелания. Большинство сайтов имеют одинаковую структуру на всех страницах, поэтому вначале мы «рисуем» именно главную страницу, на которую будут постоянно ссылаться. В ней уже видны общие элементы – шапка сайта и подвал, используемые цвета, оттенки и шрифты. Используя такую тактику, мы и сами не тратим лишнее время, и точно попадаем в пожелания с заказчиком. Дополнительно указываются общие дизайнерские особенности, такие как favicon (иконка на браузере) и отображение эмблемы компании.

Затем мы обрисовываем остальные страницы.

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

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

Что касается самого процесса работ, то программисты создают готовую версию – «натягивают» сайт на заранее выбранную CMS, обеспечивается адаптивность (возможность просмотра сайта на мобильных устройствах), подключают API сторонних сервисов, если это требуется. Кроме этого, обеспечивается работоспособность интерактивных элементов, нажимаются кнопки, отправляются формы, публикуются новости и т.д.

После того, как сайт создан, его необходимо наполнить качественным, а, главное – уникальным контентом. Если планируется SEO-оптимизация сайта, то необходимо дополнительно проработать текстовую часть и содержимое метатегов со специалистом по продвижению. Важно оптимизировать сайт для поисковиков не только для «роботов», ответственных за ранжирование конкурирующих сайтов в Интернете, но и для обычных пользователей, текст должен быть читаемым и понятным.

В рамках наполнения приводится в порядок видео и фотоконтент, убирается «текст-рыба», который служил примером наполнения для программиста в процессе разработки.

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

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

У тестировщика, который ответственен за стабильность работы сайта и его безопасность, имеется свой собственный чек-лист, по которому можно оценить:

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

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

По итогам проверки мы отправляем проект на доработку. Как показывает практика, у заказчика практически всегда есть как минимум одна правка. Мы стараемся не конфликтовать с клиентом и, если объем исправлений небольшой и не выходит за рамки составленного ТЗ, все работы выполняются бесплатно.

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

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

Если в ТЗ были оговорены какие-либо предварительные работы по SEO-оптимизации, например, добавление сайта в вебмастера Яндекс и Google, создание файлов sitemap.xml и robots.txt, установка счетчиков метрики и аналитики, то мы их проводим.