Impact LabОбсудить проект
Impact LabСтудия разработки сайтовКаталог образцов — вып. 01

Сайт, которыйневозможно спутатьс шаблоном

Мы не перекрашиваем одну тему под шесть отраслей. Для каждой ниши Impact Lab собирает собственный визуальный язык — палитру, типографику и сигнатурный элемент, которые объяснимы спецификой бизнеса, а не вкусом дизайнера.

Обсудить проектСмотреть концепты
Ниш в работе
06
Стек
Next.js · SSR
Адаптив от
360 px
Экспресс-трек
1–2 дня
Полный цикл от
2 недель

Каталог образцов · 6 визуальных языков

01 / 06 — Ledger

Наведите или используйте ← →Каждый образец — авторский концепт-дизайн, не работа клиента

Кто мы

Impact Lab — маленькая студия, которая делает сайты под конкретную нишу бизнеса, а не под конкретный шаблон.

Наведите или откройте карточку — на обороте цифра, которой этот принцип проверяется.

Раздел 01 — Ниши и услуги

Шесть направлений, шесть подходов

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

01

Бухгалтерские услуги

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

  • Ведение учёта
  • Отчётность
  • Расчёт зарплаты
  • Налоговое сопровождение
02

Юридические услуги

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

  • Арбитраж
  • Договорная работа
  • Банкротство
  • Корпоративное право
03

Медицина и стоматология

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

  • Имплантация
  • Ортодонтия
  • Диагностика
  • Профилактика
04

Недвижимость

Недвижимость продаётся планом и светом. Известняк, бронза и стеклянно-голубой; аксонометрия и обмерные линии вместо декоративных иллюстраций.

  • Новостройки
  • Вторичный рынок
  • Коммерция
  • Подбор под задачу
05

Ремонт, строительство, интерьер

Стройка — это допуски и сроки. Бетон, сигнальная охра, штриховка по ГОСТ и размерные линии: чертёж вместо стокового рендера.

  • Ремонт под ключ
  • Дизайн интерьера
  • Авторский надзор
  • Смета и сроки
06

Маркетплейсы и e-commerce

Здесь всё меряется скоростью и цифрой. Электрический индиго с сигнальным розовым, плотная сетка, карточки-стопки и живые метрики в интерфейсе.

  • Карточки и контент
  • Юнит-экономика
  • Аналитика продаж
  • Свой интернет-магазин

Раздел 02 — Портфолио

Концепты студии

Это авторские демо-примеры Impact Lab, а не работы клиентов. Каждый концепт показывает собственный визуальный язык ниши: палитру, типографику и сигнатурный элемент.

Концепт-дизайнОткрыть концепт целиком

01 — LedgerБухгалтерские услуги

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

Палитра
ТипографикаLiterata / IBM Plex Sans
СигнатураРазлиновка бухгалтерской книги и сходящийся баланс
Открыть концепт целиком
Концепт-дизайнОткрыть концепт целиком

02 — StatuteЮридические услуги

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

Палитра
ТипографикаPlayfair Display / Golos Text
СигнатураПечать-сигнатура и гравированные разделители
Открыть концепт целиком
Концепт-дизайнОткрыть концепт целиком

03 — EnamelМедицина и стоматология

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

Палитра
ТипографикаManrope / Manrope
СигнатураДуга эмали: сегментированная кривая как навигация по услугам
Открыть концепт целиком
Концепт-дизайнОткрыть концепт целиком

04 — PlotНедвижимость

Недвижимость продаётся планом и светом. Известняк, бронза и стеклянно-голубой; аксонометрия и обмерные линии вместо декоративных иллюстраций.

Палитра
ТипографикаCormorant Garamond / Golos Text
СигнатураАксонометрический план объекта как фон карточки
Открыть концепт целиком
Концепт-дизайнОткрыть концепт целиком

05 — SiteРемонт, строительство, интерьер

Стройка — это допуски и сроки. Бетон, сигнальная охра, штриховка по ГОСТ и размерные линии: чертёж вместо стокового рендера.

Палитра
ТипографикаOswald / IBM Plex Sans
СигнатураРазмерные линии и строительная штриховка на всех блоках
Открыть концепт целиком
Концепт-дизайнОткрыть концепт целиком

06 — VelocityМаркетплейсы и e-commerce

Здесь всё меряется скоростью и цифрой. Электрический индиго с сигнальным розовым, плотная сетка, карточки-стопки и живые метрики в интерфейсе.

Палитра
ТипографикаUnbounded / Inter
СигнатураСтопка карточек товара с живым счётчиком выручки
Открыть концепт целиком

Раздел 03 — Тарифы

Три пакета разработки

Отличаются объёмом структуры и глубиной инженерии, а не «количеством правок». Итоговая цена собирается после разбора задачи.

Сравнение трёх пакетов разработки по составу работ и срокам
Пакет 01Стартот 90 000 ₽финальная смета — после разбора нишиОдностраничник, который закрывает заявку.РекомендуемПакет 02Стандартот 150 000 ₽финальная смета — после разбора нишиМногостраничный сайт — инструмент продаж, а не визитка.Пакет 03Премиумот 250 000 ₽финальная смета — после разбора нишиСайт как проект: расчёты, сценарии, инженерия.
Входит в любой пакет
Индивидуальный визуальный языкестьестьесть
Адаптив от 360 pxестьестьесть
Форма заявки и мессенджерыестьестьесть
Базовое SEO и семантикаестьестьесть
Исходники, документация, доступыестьестьесть
Объём и глубина
Страниц1до 8без ограничений
Структура под поисковые запросынетестьесть
Расширенное SEO и Schema.orgнетестьесть
Аналитика, цели, A/B-готовностьнетестьесть
Интеграции: CRM, оплаты, обменнетбазовыелюбые
Интерактив: калькуляторы, подборынетнетесть
Дизайн-система и гайд по развитиюнетнетесть
Нагрузочная и кроссбраузерная проверканетнетесть
Сроки
Полный циклот 2 недельот 4 недельот 8 недель
Экспресс-трек1–2 днянетнет
Запросить сметуЗапросить сметуЗапросить смету
Пакет 01

Старт

от 90 000 ₽

финальная смета — после разбора ниши

Одностраничник, который закрывает заявку.

Входит в любой пакет

Индивидуальный визуальный язык
есть
Адаптив от 360 px
есть
Форма заявки и мессенджеры
есть
Базовое SEO и семантика
есть
Исходники, документация, доступы
есть

Объём и глубина

Страниц
1
Структура под поисковые запросы
нет
Расширенное SEO и Schema.org
нет
Аналитика, цели, A/B-готовность
нет
Интеграции: CRM, оплаты, обмен
нет
Интерактив: калькуляторы, подборы
нет
Дизайн-система и гайд по развитию
нет
Нагрузочная и кроссбраузерная проверка
нет

Сроки

Полный цикл
от 2 недель
Экспресс-трек
1–2 дня
Запросить смету
РекомендуемПакет 02

Стандарт

от 150 000 ₽

финальная смета — после разбора ниши

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

Входит в любой пакет

Индивидуальный визуальный язык
есть
Адаптив от 360 px
есть
Форма заявки и мессенджеры
есть
Базовое SEO и семантика
есть
Исходники, документация, доступы
есть

Объём и глубина

Страниц
до 8
Структура под поисковые запросы
есть
Расширенное SEO и Schema.org
есть
Аналитика, цели, A/B-готовность
есть
Интеграции: CRM, оплаты, обмен
базовые
Интерактив: калькуляторы, подборы
нет
Дизайн-система и гайд по развитию
нет
Нагрузочная и кроссбраузерная проверка
нет

Сроки

Полный цикл
от 4 недель
Экспресс-трек
нет
Запросить смету
Пакет 03

Премиум

от 250 000 ₽

финальная смета — после разбора ниши

Сайт как проект: расчёты, сценарии, инженерия.

Входит в любой пакет

Индивидуальный визуальный язык
есть
Адаптив от 360 px
есть
Форма заявки и мессенджеры
есть
Базовое SEO и семантика
есть
Исходники, документация, доступы
есть

Объём и глубина

Страниц
без ограничений
Структура под поисковые запросы
есть
Расширенное SEO и Schema.org
есть
Аналитика, цели, A/B-готовность
есть
Интеграции: CRM, оплаты, обмен
любые
Интерактив: калькуляторы, подборы
есть
Дизайн-система и гайд по развитию
есть
Нагрузочная и кроссбраузерная проверка
есть

Сроки

Полный цикл
от 8 недель
Экспресс-трек
нет
Запросить смету

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

Раздел 04 — Почему мы

Что входит в работу

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

Входит в проект сразу

  • Разбор ниши и структуры до того, как нарисован первый экран
  • Индивидуальный визуальный язык, а не тема из каталога
  • Адаптив от 360 px с проверкой на реальных устройствах
  • Семантическая структура заголовков и разметка Schema.org
  • Скорость: серверный рендер, оптимизация изображений и шрифтов
  • Формы, цели и события, размеченные под аналитику
  • Исходники, документация и все доступы на вашей стороне

Часто становится отдельной задачей потом

  • Мобильная версия как отдельная работа
  • SEO-подготовка уже после сдачи
  • Интеграция с CRM, оплатами и учётной системой
  • Правки структуры, когда выяснится, что блоки идут не в том порядке
  • Перенос на свой домен и настройка почты
  • Доступ к исходникам и возможность уйти к другому подрядчику
  • Поддержка, обновления и закрытие уязвимостей

Это не упрёк подрядчикам: в коротком проекте эти работы обоснованно выносят за скобки. Важно заранее знать, что они появятся.

То, что нам говорят вслух

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

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

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

Четыре этапа — это полный цикл для многостраничных проектов, и он действительно занимает от двух недель. Для срочных задач есть второй маршрут на один-два дня. Оба описаны в разделе «Как мы работаем» с указанием, что входит в каждый: срок мы называем до старта, а не после.

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

Раздел 05 — Отдельные услуги

Помимо сайта под ключ

Семь форматов, которые заказывают отдельно от большой разработки — в том числе для сайтов, которые делали не мы. Порядок в списке повторяет порядок работ: сначала разобраться, потом спроектировать, потом собирать и подключать.

Услуга A

Аудит и аналитика существующего сайта

Разбираем сайт, который уже работает, и показываем, где он теряет заявки. Отчёт с приоритетами, а не список из трёхсот замечаний.

  • Технический аудит: скорость, Core Web Vitals, индексация, ошибки разметки
  • SEO-аудит: структура, семантика, заголовки, внутренние ссылки, дубли
  • UX-аудит: путь до заявки, формы, мобильное поведение, точки отказа
  • Разбор аналитики: где обрывается воронка и на каких страницах
  • Отчёт с приоритетами: что чинить первым, что вторым и какой ждать эффект

Услуга B

Проектирование структуры и карта пути клиента

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

  • Карта пути клиента (CJM): этапы, вопросы и возражения на каждом
  • Структура сайта: разделы, вложенность, приоритет страниц
  • Прототипы ключевых экранов с реальными формулировками
  • Сценарии для разных сегментов: первый визит и возврат — разные пути
  • Результат — документ, по которому может собирать и другая команда

Услуга C

SEO-оптимизация

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

  • Технический аудит: скорость, индексация, ошибки разметки
  • Сбор и кластеризация семантики под ниши и услуги
  • Оптимизация структуры, заголовков и внутренних ссылок
  • Работа с контентом: переписываем страницы под запросы
  • Отчёт с приоритетами: что чинить в первую очередь и почему

Услуга D

Интеграции с внешними сервисами

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

  • CRM: заявки, сделки и источник обращения без ручного переноса
  • Платёжные системы: приём оплат, возвраты, обработка вебхуков
  • Аналитика: Яндекс.Метрика и GA4, электронная торговля
  • Цели и конверсии: событие на каждое действие, которое важно бизнесу
  • A/B-тесты: два варианта страницы и честное сравнение по заявкам

Услуга E

Техподдержка и доработка

Берём на сопровождение существующие сайты — не обязательно созданные Impact Lab. Сначала разбираемся в чужом коде, потом трогаем.

  • Исправление ошибок: вёрстка, формы, интеграции
  • Добавление новых разделов и функционала
  • Доработка чужого кода с описанием того, что изменили
  • Обновление зависимостей и закрытие уязвимостей
  • Плановые часы или разовые задачи — как удобнее

Услуга F

Лендинги под трафик

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

  • Один экран — одно действие, без лишних развилок
  • Визуальный язык ниши, а не готовая тема из каталога
  • Разметка целей и событий под контекст и таргет
  • Готовность к A/B-тесту: два варианта первого экрана
  • Срок: 1–2 недели от утверждения структуры

Услуга G

Мобильные приложения

Берёмся, когда сайту нужно продолжение в телефоне: личный кабинет, запись, уведомления. React Native — общий язык с нашим вебом, поэтому логика и дизайн-система не пишутся заново.

  • iOS и Android из одной кодовой базы
  • Push-уведомления и работа офлайн там, где это нужно
  • Единая дизайн-система с сайтом, а не второй визуальный язык
  • Публикация в сторах и передача доступов вам
  • Берём проект, только если приложение решает задачу лучше сайта

Раздел 06 — Как мы работаем

Два маршрута, без сюрпризов в обоих

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

Полный цикл · «Стандарт» и «Премиум»

от 2 недель

Этап 01

Разбор ниши

3–5 дней

Смотрим конкурентов, спрос и то, как в вашей нише вообще принимают решение. Из этого рождается структура — не из шаблона.

Этап 02

Визуальный язык

5–7 дней

Собираем палитру, типографику и сигнатурный элемент под ваш бизнес. Показываем один ключевой экран до вёрстки всего сайта.

Этап 03

Сборка

2–5 недель

Next.js, серверный рендер, скорость и адаптив от 360 px. Правки собираем пакетами, а не по одной в чате.

Этап 04

Запуск и ведение

от 3 дней

Переносим на ваш домен, настраиваем аналитику, передаём документацию. Дальше — поддержка, если она нужна.

Экспресс-трек · пакет «Старт»

1–2 дня

Шаг 01

Бриф

в день обращения

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

Шаг 02

Сборка и запуск

1–2 дня

Собираем на своей компонентной базе: первый экран, блоки, форма, адаптив, базовое SEO. Показываем на нашем домене, правим и переносим на ваш.

Чего в экспресс-треке нет

  • Разбор ниши и конкурентов
  • Собственный визуальный язык и сигнатурный элемент
  • Многостраничная структура под поисковые запросы
  • Интеграции, расчёты и расширенное SEO

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

Раздел 07 — С чем мы работаем

Стек и инженерия

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

01Фронтенд
  • React 19 и Next.js (App Router)
  • TypeScript на всём фронтенде
  • Серверный рендер и статическая генерация
  • Чистые HTML, CSS и JavaScript без фреймворка
  • Вёрстка от 360 px, доступность и клавиатурная навигация

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

02Бэкенд
  • Python: FastAPI, Django
  • Node.js там, где логика общая с фронтендом
  • REST-API и фоновые очереди задач
  • Аутентификация, роли и личные кабинеты
  • Docker и развёртывание на вашем сервере

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

03Базы данных
  • PostgreSQL как основной выбор
  • MySQL и SQLite под задачу
  • Redis: кэш, сессии, очереди
  • Миграции и резервное копирование
  • Поиск и фильтры на больших каталогах

Структуру схемы проектируем до кода: переписывать хранилище на живом проекте дороже всего.

04Интеграции и API
  • Маркетплейсы: Ozon Seller API, Wildberries API
  • Остатки, цены, заказы и статусы в обе стороны
  • CRM: заявки, сделки, источник обращения
  • Обмен с 1С и складскими системами
  • Мессенджеры, почтовые и SMS-шлюзы

Обмен с маркетплейсами делаем с учётом лимитов и повторов: чужой API падает, и это штатная ситуация.

05Платёжные интеграции
  • ЮKassa, Т-Банк, CloudPayments, Robokassa
  • Разовые оплаты, рассрочка, автоплатежи
  • Возвраты и частичные возвраты
  • Онлайн-кассы и отправка чеков
  • Обработка вебхуков и повторных уведомлений

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

06Автоматизация и ИИ-агенты
  • LLM-агенты внутри рабочих процессов
  • Разбор документов, писем и заявок
  • Подготовка и проверка карточек товара
  • Боты в Telegram: заявки, уведомления, отчёты
  • Регулярные выгрузки и сверки без участия человека

Агент ставится туда, где он снимает ручную работу и его результат можно проверить. Иначе не ставится.

Раздел 08 — Блог

Журнал студии

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

Все статьи журнала

Раздел 09 — Контакты

Расскажите про задачу

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

Почта
hello@impactlabco.com
Telegram
@impactlab
Ответ
В течение рабочего дня
Формат
Удалённо, договор и этапы
Ниша
Не обязательно — но так мы быстрее подберём примеры.
Чем конкретнее задача, тем точнее оценка. Три-четыре предложения достаточно.

Без рассылок и звонков «просто напомнить». Отвечаем по делу и один раз.