01

Какие сайты мы делаем

Лендинг — когда есть одна услуга, одно предложение и понятная цель: заявка, запись, звонок. Такая страница строится вокруг единственного действия, и всё на ней либо ведёт к нему, либо снимает возражение, мешающее его совершить. Лишние разделы здесь не добавляют доверия, а размывают внимание.

Корпоративный сайт нужен, когда услуг несколько, аудитории разные и важно, чтобы каждая находила своё через поиск. Здесь появляется структура: отдельные страницы услуг, портфолио, блог, страница о компании. Разделы важны и для людей, и для поисковых систем — они ранжируют страницы, а не сайты целиком, и одна общая страница «Услуги» проигрывает четырём точным.

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

02

Как устроен процесс

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

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

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

03

Почему мы пишем код, а не собираем на конструкторе

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

Второе ограничение — потолок возможностей. Любая нестандартная механика, сложная анимация, нетипичная карточка товара или интеграция с вашей учётной системой упирается в то, что конструктор такого не умеет. Обход через сторонние виджеты работает до первого обновления платформы. Собственный код таких границ не имеет: мы делаем ровно то, что нужно проекту.

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

04

Что вы получаете

Работающий сайт с адаптивной вёрсткой, проверенный в актуальных браузерах и на реальных телефонах. Техническая SEO-база — на месте: уникальные заголовки и описания страниц, канонические адреса, карта сайта, robots.txt, микроразметка Schema.org, корректные заголовки и осмысленные тексты у ссылок и изображений.

Доступы отдаём все: исходный код в репозитории, хостинг, домен, почта, панель редактирования контента, если она предусмотрена. Показываем на созвоне, как менять тексты и картинки, и оставляем короткую инструкцию. Аналитику подключаем сразу — Яндекс.Метрику и Google Analytics, — иначе через месяц будет невозможно понять, что вообще происходит с трафиком.

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

05

Сроки и что на них влияет

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

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

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

Что вы получаете

Состав передачи

Всё, что физически оказывается у вас на руках после сдачи проекта — в исходниках и без привязки к подрядчику.

  • 01

    Сайт на своём домене

    Развёрнутый и работающий проект: адаптивная вёрстка, проверка в актуальных браузерах и на реальных телефонах.

  • 02

    Исходный код

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

  • 03

    Дизайн-макеты

    Файлы всех экранов в десктопной и мобильной версии, со слоями и компонентами.

  • 04

    Техническая SEO-база

    Мета-теги, canonical, sitemap.xml, robots.txt, микроразметка Schema.org, семантичная структура заголовков.

  • 05

    Аналитика и формы

    Яндекс.Метрика и Google Analytics, заявки с сайта на почту или в мессенджер — настроено и проверено.

  • 06

    Доступы и инструкция

    Хостинг, домен, панель редактирования и короткая инструкция по обновлению текстов и изображений.

Процесс

Как идёт работа

Этапы с точками приёмки: на каждой видно, что сделано, и можно скорректировать направление, пока это ещё недорого.

  1. Бриф и задача

    Разбираем, кто приходит на сайт, что должен сделать и что мешает ему сделать это сейчас. Фиксируем измеримую цель проекта.

  2. Структура и прототип

    Собираем карту страниц и расстановку блоков без цвета. Согласовать прототип быстрее и дешевле, чем переделывать готовый дизайн.

  3. Дизайн экранов

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

  4. Разработка

    Пишем код на Next.js и React, подключаем формы, аналитику и интеграции, проверяем скорость и поведение на реальных устройствах.

  5. Тестирование и запуск

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

  6. После запуска

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

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

Вопросы и ответы

Частые вопросы

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

  • Цена определяется числом уникальных экранов и сложностью механики, а не количеством страниц. Лендинг с одной целью и магазин с каталогом, фильтрами и интеграцией со складом — это работы разного порядка, и общая цифра для них бессмысленна. Опишите задачу в двух-трёх абзацах: что за бизнес, что должен делать посетитель, какие интеграции нужны, есть ли дизайн и тексты. Мы вернёмся со сметой по этапам и обозначим, что можно запустить первой версией, а что добавить позже, — так проект стартует быстрее и дешевле.