Как мы работаем: от первого звонка до запуска сайта

TL;DR: Мы делаем сайты под ключ по понятному циклу из восьми этапов: бриф, структура и предварительный дизайн, правки по ним, договор с предоплатой, прототип, сборка, проверка с приёмкой, запуск и передача. Правки идут в трёх точках: 1 круг по структуре и предварительному дизайну, 2 круга по прототипу и 2 круга по сборке, каждый — одним списком. Деньги устроены просто: структуру и предварительный дизайн сайта вы получаете бесплатно, потом 50% предоплаты при договоре и вторые 50% перед запуском, при подписании акта сдачи-приёмки. Каждый этап закрывается вашим «да», работаем вручную и без конвейера, по фикс-цене; на любое сообщение отвечаем в течение 24 часов.

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

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

Этап 1. Бриф — 1–2 дня

Всё начинается с короткого разговора. Не с «заполните PDF на 15 страниц», а с 20-минутного звонка или простой формы вопросов. Нас интересует:

• что вы продаёте и в чём ваше отличие от соседей;
• кто ваш клиент — кому и зачем нужен этот сайт;
• что сайт должен делать — продавать, информировать или собирать заявки;
• какие примеры нравятся и, главное, почему именно они.

На основе разговора мы фиксируем объём и присылаем коммерческое предложение: структура, функционал, дизайн-направление, сроки, стоимость. Денег на этом шаге мы не просим — структура и предварительный дизайн сайта бесплатны.

ТЗ — это та самая смета на ремонт: документ, по которому потом не получится накрутить лишнего ни нам, ни вам. В нём чёрным по белому написано, что входит в проект, а что нет. Если по ходу появляется новая идея — мы оцениваем её отдельно и не делаем вид, что «это же мелочь, давайте бесплатно». Так честнее для обеих сторон.

С «Углом» бриф занял один звонок. Выяснилось главное: сайт нужен не «чтобы был», а чтобы принимать предзаказы кофе навынос и брони столиков на вечер. Это сразу определило две ключевые кнопки на главной — и сэкономило нам неделю споров на дизайне.

Этап 2. Структура и предварительный дизайн — 2–3 дня

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

Вёрстки и работающих страниц здесь ещё нет — и это нормально: по палитре, шрифтам и карте блоков уже понятно, что получится. В том же документе лежит смета: фикс-цена, что входит, что считается отдельно.

Почему структуру утрясают именно сейчас — простая арифметика:

1. передвинуть блок в схеме — 5 минут;
2. передвинуть его в готовом дизайне — час;
3. передвинуть его в свёрстанном сайте — полдня и несколько переделанных экранов.

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

У «Угла» мы вынесли меню и кнопку «Заказать навынос» в первый экран, а бронь столика — отдельным ярким блоком ниже; к этому шла тёплая тёмная палитра под настроение кофейни. Владелец посмотрел всё за пять минут и попросил поднять доставку выше. Сделали за те же пять минут.

Этап 3. Правки по структуре и дизайну — 1 круг

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

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

«Угол» уложился в этот круг целиком: доставку подняли выше брони, палитру оставили как есть.

Этап 4. Договор и предоплата 50%

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

Понравилось — подписываем договор и вы вносите 50% предоплаты. С этого момента стартует срок. Вторые 50% — перед запуском, при подписании акта сдачи-приёмки. Никаких платежей «в середине» и никаких «доплатите, а то не покажем».

В договоре зафиксированы цена, объём (ТЗ), срок и гарантия возврата. Цена фиксированная: она не растёт по ходу проекта, если вы сами не добавляете функционал.

Этап 5. Прототип — 5–7 дней

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

По прототипу — 2 круга правок, каждый одним списком. В круг входит неограниченное количество замечаний.

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

Чтобы не было недопонимания, сразу проговариваем границу:

• Правка: поменять цвет кнопки, поправить текст, передвинуть блок, заменить иконку.
• Не правка: кардинальная смена концепции («хотели тёмную тему — теперь хотим светлую»). Это новый дизайн, и мы говорим об этом сразу, а не в конце.

У «Угла» правки по прототипу свелись к двум мелочам: увеличить фото латте и сделать кнопку брони контрастнее. Пришли одним сообщением — закрыли за день, второй круг не понадобился.

После сборки правки идут ещё раз — тоже 2 круга, одним списком. Там уже речь о мелочах на живом сайте: отступ, формулировка, поведение кнопки на телефоне.

Этап 6. Сборка — 7–10 дней

Дизайн уходит в вёрстку. Мы пишем чистый семантический HTML, CSS и JavaScript — вручную, без раздутых фреймворков там, где они не нужны. Адаптация под телефоны и планшеты — обязательно на каждом проекте. Оптимизация скорости — обязательно.

Маленький, но честный маркер: если у студии сайты грузятся 8 секунд — вам туда не надо. Скорость — это не эстетика, это деньги: каждая лишняя секунда загрузки стоит вам заявок.

На этом этапе подключается вся техника: формы с уведомлениями на почту и в Telegram, Яндекс.Метрика и Google Analytics, интеграции с CRM или мессенджерами — если они прописаны в ТЗ. Ничего лишнего, только то, о чём договорились.

Для «Угла» мы подключили форму предзаказа, которая падает прямо в Telegram бариста, и бронь столика с уведомлением администратору. Никакой тяжёлой CMS — витрина на чистом коде грузится меньше чем за секунду даже с фотографиями еды.

Внедрение текста и SEO — часть сборки

Красивый пустой сайт не продаёт. Поэтому в сборку входят тексты, фотографии и базовая поисковая оптимизация. Здесь мы:

• пишем или редактируем тексты под живой человеческий язык, без канцелярита;
• прописываем title, description и заголовки под реальные запросы ваших клиентов;
• настраиваем разметку, карту сайта, ЧПУ-адреса и Open Graph для красивых ссылок в мессенджерах;
• сжимаем и подключаем изображения в современных форматах.

Это не «SEO-простыни ради роботов», а аккуратная гигиена, без которой сайт будет невидим в поиске. Глубокое продвижение — отдельная услуга, но базу мы закладываем всегда, потому что сайт без неё — как магазин без вывески: вроде открыт, а мимо проходят.

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

Для «Угла» собрали витрину под запросы вида «кофейня рядом» и «кофе навынос в центре», прописали часы работы и адрес в разметке — и через пару недель карточка начала появляться в локальной выдаче.

Этап 7. Проверка, приёмка и вторые 50% — 2–3 дня

Перед запуском сайт проходит проверку как машина перед выездом из автосервиса. Мы прогоняем:

• реальные телефоны — iOS и Android, несколько моделей, а не только эмулятор;
• несколько браузеров — Chrome, Safari, Firefox;
• все формы и все кнопки — каждая заявка реально доходит до адресата;
• скорость через PageSpeed и проверку на битые ссылки.

Мы не запускаем сайт с известными проблемами. Это правило без исключений.

На тестах «Угла» выяснилось, что на старом Android форма брони не открывала календарь. Поймали до запуска, поправили за час — клиент об этом даже не узнал, а мог бы узнать от первого недовольного гостя.

Здесь же закрывается финансовая часть: подписываем акт сдачи-приёмки, вы вносите вторые 50%.

Этап 8. Запуск и передача — 1 день

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

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

После запуска: поддержка по желанию

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

Дальше — по желанию: помесячное сопровождение, правки, обновления, мониторинг доступности. На любое обращение отвечаем в течение 24 часов — не «когда руки дойдут».

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

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

Сроки и этапы одним взглядом

Чтобы всё сложилось в картину, вот весь цикл в одной таблице — что мы делаем, что нужно от вас и сколько это занимает.

Итого работа студии: лендинг — 4–6 дней, многостраничный сайт — 6–8 дней, интернет-магазин — 9–12 дней, веб-приложение — 11–15 дней. Проект целиком идёт дольше ровно на то время, пока мы ждём ваши материалы и ответы, — по оферте оно продлевает срок день в день (п. 5.3). Сроки реальные, а не продающие. Если видим риск опоздать — говорим заранее, а не в день дедлайна.

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

Коротко о главном