Процесс разработки сайта

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

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

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

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

Посмотрите пример готовой структуры.

Посмотреть пример
Отрисовка дизайн-макета

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

Посмотрите пример дизайн-макета в Figma.

Посмотреть пример
Адаптивная вёрстка сайта — фронтенд

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

Кроссбраузерность — это гарантия одинакового отображения сайта в разных браузерах на разных устройствах. Перечень поддерживаемых браузеров мы описываем в техническом задании.

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

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

Как оценить адаптив
Сборка сайта на движке — бэкенд

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

Как правило, в своих проектах мы используем CMS-системы WordPress, Bitrix, Joomla, MODX и php-фреймворки Webasyst, Laravel, Yii 2.0

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

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

Пример админки Webasyst
Наполнение и тестирование сайта

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

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

Касаемо самого контента — он либо предоставляется клиентом, либо мы оказываем помощь в подборе иллюстраций и написании текстов. Последнее особенно актуально, если сайт разрабатывается для дальнейшего SEO-продвижения.

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

Перенос сайта на домен и интеграция аналитических сервисов

Сайт готов, наполнен и протестирован — пора показать его всему миру.

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

При необходимости наладим интеграцию и обмен данными с 1С.

Мы поможем вам внедрить различные сервисы аналитики, CRM (обратите внимание на 5CRM нашей разработки), а также виджет для онлайн-чата или для мессенджера. А также мы настроим корпоративные почтовые адреса вида @вашдомен.ru

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