КП — Сайт ГК «СУ №1» × MarkOnline Studio

01 — Кто мы

MarkOnline Studio

MarkOnline Studio — маркетинговое агентство полного цикла с веб-разработкой в ядре. В digital с 2016 года. Офис в Калининграде, работаем со всей Россией удалённо.

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

Делаем сайты на современном стеке — Next.js 15 + Strapi CMS. Работаем официально: ИП, договор, безналичка, закрывающие документы. Всё прозрачно.

Лет в digital

Студия с 2016

120+

Проектов

Сайты, брендинг, реклама

В команде

Дизайн · разработка · маркетинг

100%

В срок

За последние 2 года

02 — Что сделаем

Структура сайта

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

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

Главная страница

Личный кабинетпокупатель

Основная
страница

Способы
покупки

Страница
проектов

О компании

Новости

Вакансии

Купим землю

Контакты /
офис

Сердце Уфы

Титул Зубово

Зорге 33

Новый проект

Акции

Основная страница

Способы покупки

Страница проектов

Сердце Уфы

Титул Зубово

Зорге 33

Новый проект

О компании

Новости

Акции

Вакансии

Купим землю

Контакты / офис

Блоки главной страницы · 12 блоков

Шапка менюлоготип · навигация · ЛК · подбор квартир

Первый экранhero-баннер · акции · спецпредложение

Блок «Сторис»круглые карточки с анонсами

Новостройкикаталог ЖК · фильтр · сравнение

Доп. помещенияпаркинги · кладовые · коммерческие

Поиск квартирфильтр по параметрам · планировки

Способы покупкиипотека · рассрочка · трейд-ин

Калькуляторрасчёт стоимости + ипотека

О компаниицифры · видео · презентация

Подборки предложенийтематические: вид, терраса, семейные

Новости компании3 карточки последних новостей

Форма контакта«Перезвоним за 15 минут»

Отдельные витрины · дополнительно

Паркингикарта машиномест по этажам

Кладовые помещенияпланировки и цены

Коммерческие помещенияфильтр по метражу · аренда/продажа

Подвал сайтаразделы · контакты · QR · приложение

03 — Визуал

Дизайн

Делаем две концепции главной на выбор. После утверждения — полный дизайн всех страниц. Берём лучшие паттерны с сайтов-лидеров отрасли.

Концепция А

Премиум

Сдержанная типографика, крупные архитектурные фото, много воздуха. Уровень Level Group и Related.

Концепция Б

Продающая

Яркие акценты, живые цифры, обратный отсчёт, крупные CTA. Уровень ПИК и Самолёт.

Сайты-референсы · кликабельные

ПИКpik.ru · РФ→ Самолётsamolet.ru · РФ→ Level Grouplevel.ru · РФ→ MR Groupmr-group.ru · РФ→ EMAARemaar.com · Дубай→ Relatedrelated.com · США→

04 — Этапы работ

От брифа до запуска
12–14 недель

Шесть этапов. На каждом — согласование с вами. Личный менеджер всегда на связи, раз в неделю рассказываем о прогрессе — так вы всегда в курсе.

Бриф
и аналитика

Глубинный бриф с вашей командой: цели, аудитория, приоритеты. Изучаем прототип, текущий сайт, конкурентов (ПИК, Самолёт, региональные застройщики). Составляем карту пути клиента, уточняем функционал ЛК, выбираем CRM. На выходе — детальное ТЗ и утверждённые цели проекта в цифрах.

1,5 нед

Прототип
в коде

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

1,5 нед

Дизайн

Делаем 2 варианта дизайна на примере первых 3 блоков главной в PC-версии. Согласуем — и верстаем полностью главную в выбранном варианте, финально утверждаем. В согласованном стиле делаем все остальные страницы. В конце — адаптация под мобильные устройства по утверждённому дизайну.

3 нед

Разработка

Фронт на Next.js, админка на Strapi. Собираем все блоки главной и внутренних страниц. Еженедельно показываем промежуточный результат на staging.

4,5 нед

Интеграции и наполнение

Подключаем CRM и аналитику, заливаем контент по первым ЖК (описание, планировки, фото), настраиваем админку, обучаем вашу команду работе с ней.

1,5 нед

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

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

1 нед

Итого 12–14 недель с момента подписания договора Каждый этап закрывается актом приёмки

Как мы общаемся с вами в ходе проекта

Личный менеджерВедёт вас от первого брифа до запуска. Одна точка контакта.

График 5/2Понедельник-пятница, полный рабочий день. Всегда на связи.

Отчёт раз в неделюРассказываем о прогрессе, что сделано и что дальше. Никаких «пропали».

Чат проектаTelegram / ваш мессенджер. Вопросы решаем в течение дня.

05 — Техника

Стек и возможности

Next.js + Strapi — современный и быстрый стек. Не WordPress и не Tilda: они не выдерживают нагрузку и плохо масштабируются.

Фронтенд

Next.js 15

SSR, быстрая загрузка, отличное SEO

Админка

Strapi 5

Маркетолог редактирует контент без разработчика

Интеграции

CRM + 1С

Подключим любую вашу систему

Производительность

0,8 с

До интерактивности на 4G · PageSpeed 95+. Против 3–5 с у типовой Tilda / Bitrix.

Свежий пример

ТехноПлейс · мультигородский онлайн-гипермаркет электроники

Сейчас заканчиваем разработку интернет-магазина на том же стеке, что предлагаем для вас: Next.js + Strapi. Три города, каталог 15 000+ товаров, корзина, эквайринг, интеграция с 1С для получения актуальных остатков и цен.

Тот же подход масштабируется на застройщика: вместо товаров — квартиры, вместо остатков — статусы «свободна / забронирована / продана», вместо 1С — ваша CRM.

Next.js 15Strapi1СМультигородЭквайринг

Посмотреть живую dev-версию →

Клиент ТехноПлейс дал нам разрешение показывать dev-версию сайта в коммерческих предложениях.

ТехноПлейс · скриншот главной страницы на iMac

07 — CRM-интеграция

Подключим то, что у вас работает

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

Стандартные CRM

Универсальные системы

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

Битрикс24 amoCRM 1С МойСклад

Для застройщиков

Специализированные платформы

Если нужен полноценный модуль: шахматка, бронирование, воронка дольщика, банки-партнёры. Эти системы заточены под девелопмент и покрывают весь цикл продажи квартиры.

Домопланер MacroCRM Bpium Realex Flat.tech

08 — Стоимость

Два варианта в вилке 350–450 тыс. ₽

Точная цена зависит от количества ЖК на сайте, функционала «Личного кабинета», выбранной CRM и финального объёма ТЗ. Ниже — стартовая вилка по каждому варианту.

Вариант 01

Базовый объём

ТЗ в объёме вашего прототипа: 4 ЖК, базовый функционал личного кабинета, универсальная CRM.

350–400 ^{тыс. ₽}

В т.ч. налог 5%

Главная + все 13 блоков
8 верхнеуровневых страниц
4 страницы ЖК (как в прототипе)
Витрины: паркинги, кладовые, коммерческие
Каталог с фильтрами · калькулятор · формы
Личный кабинет — базовый функционал
Интеграция с CRM
Admin-панель на Strapi
Адаптив · SEO · аналитика

Вариант 02

Расширенный объём

Расширенное ТЗ: 6 ЖК, расширенный функционал личного кабинета, специализированная CRM для застройщиков.

400–450 ^{тыс. ₽}

В т.ч. налог 5%

Главная + все 13 блоков
8 верхнеуровневых страниц
6 страниц ЖК
Витрины: паркинги, кладовые, коммерческие
Каталог с фильтрами · калькулятор · формы
Личный кабинет — расширенный функционал
Интеграция с CRM
Admin-панель на Strapi
Адаптив · SEO · аналитика

Оплата

50% предоплата на старте проекта · 50% постоплата после сдачи и запуска сайта. Без сложных графиков и промежуточных траншей.

Документы

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

Налог

5% включён в стоимость — не возникает скрытых доплат

Что влияет на вилку

Выбранная CRM · Функционал «Личного кабинета» · Финальный объём ТЗ

09 — Сопровождение

Как мы сопровождаем проект

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

Разрабатываем вместе

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

Месяц после запуска

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

Документация и инструкции

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

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

10 — Команда

Кто будет работать над проектом

На всём пути — от брифа до запуска — с вами одни и те же люди. Личный менеджер проекта ведёт вас, а команда работает по обычному графику 5/2, целый день на связи.

Марк Четвертков

Директор студии

Елена Коржакова

Руководитель студии, менеджер проекта

Анна Сильнова

Контент-менеджер, маркетолог, веб-разработчик

Елизавета Попова

Дизайнер, веб-разработчик

11 — Ответы

Ваши вопросы из тендера

Вопрос 01

Какая общая последовательность разработки?

Шесть этапов, 12–14 недель: бриф → прототип → дизайн → разработка → интеграции → запуск. На каждом этапе — согласование и акт приёмки. Подробно расписали в разделе «Этапы работ».

Вопрос 02

Какая гарантия на сайт?

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

Вопрос 03

Сколько вариантов дизайна?

2 варианта дизайна — показываем на примере первых 3 блоков главной страницы в PC-версии. Вы выбираете один, мы верстаем полностью главную в выбранном стиле и финально её утверждаем. Потом в согласованном дизайне делаем все остальные страницы, в конце — адаптация под мобильные. В пакет входят 8 правок по общему списку.

Вопрос 04

Система оплаты и отчётность?

Оплата 50/50 — половина на старте, половина после запуска. Официально по договору ИП, налог 5% уже включён в стоимость. Отчитываемся раз в неделю — рассказываем о прогрессе, показываем результаты, делимся планами.

Вопрос 05

Будет ли выделен отдельный менеджер?

Да — персональный проект-менеджер с первого дня до запуска. Это Елена Коржакова (смотрите раздел «Команда»): одна точка контакта, все вопросы/правки/демо идут через неё. Работаем по графику 5/2, полный рабочий день — всегда на связи.

Сайт для ГК «СУ №1»

MarkOnline Studio

Структура сайта

Дизайн