Процесс разработки сайта
В первую очередь мы подробно обсудим с вами ваше видение сайта — и здесь нам очень помогут наброски структуры, перечень ваших услуг и примеры сайтов, которые вам нравятся.
И также мы обязательно рассмотрим способы привлечения клиентов на сайт, чтобы заложить основу под будущее SEO-продвижение.
В итоге, на первом этапе мы сформулируем техзадание, создадим структуру проекта и пропишем основной функционал будущего сайта.
Посмотрите пример готовой структуры.
Посмотреть пример
Рисуем ли мы дизайн «с нуля» или используем хорошее готовое решение с западных ресурсов в качестве источника вдохновения, мы в любом случае создаем макет каждой посадочной странице в Figma. А вы, имея доступ к проекту, сможете наблюдать за процессом отрисовки в режиме реального времени и оставлять комментарии.
Посмотрите пример дизайн-макета в Figma.
Посмотреть пример
Отрисованный и согласованный дизайн-макет необходимо перевести в язык, понятный браузеру. Верстка сайта должна быть кроссбраузерной и адаптивной.
Кроссбраузерность — это гарантия одинакового отображения сайта в разных браузерах на разных устройствах. Перечень поддерживаемых браузеров мы описываем в техническом задании.
Адаптивность — это умение интерфейса сайта приспосабливаться (адаптироваться) под экраны различных устройств — смартфонов, планшетов, ноутбуков без перезагрузки страницы. Наличие адаптивной верстки — одно из важнейших требований к сайту при его продвижении в органике.
Нажмите на клавиатуре кнопку «F12», чтобы оценить адаптивность любого сайта.
Как оценить адаптив
В зависимости от поставленных задач и оговоренных в техническом задании условий, сборка сайта производится как на популярных движках и фреймворках, так и в чистом виде на HTML+CSS+PHP без панели администратора.
Как правило, в своих проектах мы используем CMS-системы WordPress, Bitrix, Joomla, MODX и php-фреймворки Webasyst, Laravel, Yii 2.0
Панель администратора — это интерфейс, через которую вы осуществляете контент-менеджмент внутри проекта. Для работы с панелью администратора не требуются специальные знания или навыки программирования.
В процессе разработки проекта мы создаём подробную документацию по управлению сайтом для того, чтобы вы (или ваши менеджеры) могли самостоятельно выполнять большинство необходимых операций без вмешательства веб-разработчика.
Пример админки Webasyst
При разработке сайта у клиента не всегда бывает полностью готово содержимое для посадоных страниц — текста, иллюстрации, товары, статьи и так далее. Скажем честно — практически никогда. Поэтому, на этапе разработки сайта для оценки типографики и внешнего вида страниц мы используем текстовый демо-контент.
После подключения панели администратора к проекту, клиент либо наполняет сайт самостоятельно, руководствуясь документацией, либо поручает эту задачу нашим специалистам.
Касаемо самого контента — он либо предоставляется клиентом, либо мы оказываем помощь в подборе иллюстраций и написании текстов. Последнее особенно актуально, если сайт разрабатывается для дальнейшего SEO-продвижения.
В этом случае мы можем провести не просто базовую оптимизацию, но и собрать поисковые запросы, подготовить развернутый список рекомендаций (на основании изучения лидеров в поисковой выдаче) и технической задание для написания текстов.
Сайт готов, наполнен и протестирован — пора показать его всему миру.
Мы поможем вам подобрать и зарегистрировать доменное имя вашего сайта, а также предоставим премиальный хостинг — виртуальный сервер, на котором сайт будет размещен с круглосуточным и бесперебойным доступом.
При необходимости наладим интеграцию и обмен данными с 1С.
Мы поможем вам внедрить различные сервисы аналитики, CRM (обратите внимание на 5CRM нашей разработки), а также виджет для онлайн-чата или для мессенджера. А также мы настроим корпоративные почтовые адреса вида @вашдомен.ru