Черновик · 25 августа 2026

Пять направлений сайта

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

Первый заход: от её вёрстки

Механика ровно как в макете — список, где часть пунктов отмечена заранее. Отличаются подачей.

Подоснова

01

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

  • Плотный чертёжный лист, штамп, масштабная линейка
  • Услуги переключаются вкладками, план всегда на экране
  • Узкий гротеск Archivo + Golos Text + Plex Mono

Риск: самый «инженерный». Требует знания терминов — как и исходник.

Открыть

Ведомость

02

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

  • Тёмный лист, крупная типографика Onest
  • Можно собрать сразу несколько разделов в одно ТЗ
  • Табличный моношрифт Martian Mono в ведомости

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

Открыть

Разворот

03

Ответ на «слишком резко». Светлый разворот, антиква, много воздуха, ни одного яркого пятна. Состав собирается по шагам: формат → база → дополнения → вопросы → готовое ТЗ.

  • Cormorant Garamond + Manrope, скруглённые пилюли
  • Один экран — один вопрос, удобно с телефона
  • Масштабная линейка как сквозной мотив и индикатор шага

Риск: самый «мягкий» и самый непохожий на архитектурные сайты. Длиннее по кликам.

Открыть

Второй заход: дальше от исходника

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

Разговор

04

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

  • Пять вопросов вместо сорока строк терминов
  • У каждого подобранного пункта написана причина — её голосом
  • Ветка для диссертации отдельная, лишние вопросы не задаются
  • Есть кнопка «показать весь список сразу» — для тех, кто и так знает

Риск: правила подбора — моя гипотеза. Без проверки с Таней это выглядит убедительно, но может быть неверно по сути.

Открыть

Наборы

05

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

  • Выбор за десять секунд, состав потом можно поменять
  • Двадцать восемь условных схем нарисованы — заменяются настоящими
  • Rubik + Inter, крупный шрифт, высокий контраст

Риск: без цен наборы теряют половину смысла. Сейчас вместо цены — срок и «зависит от площади».

Открыть

Что одинаково во всех пяти

Механика

Обязательные пункты отмечены и не снимаются — это база. Остальное добавляется. Счётчик показывает, сколько всего и сколько добавили сами.

Результат

Собранный состав превращается в текст техзадания. Кнопка копирует его в буфер и открывает телеграм. Почта и телефон рядом.

Содержание

Весь состав работ из вёрстки Татьяны: 8 базовых пунктов, 16 опциональных в анализе, 25 в мастер-плане, темы лекций и консультации.

Данные

shared/data.js — списки работ. shared/guide.js — пояснения к терминам, правила подбора и наборы. Правится в одном месте.

Что нужно решить

  1. Направление. Можно взять одно целиком, а можно собрать: подбор по вопросам из «Разговора», типографику из «Разворота», картинки схем из «Наборов».
  2. Цены. Их нет. Пока вместо них — срок и «зависит от площади и состава». Показывать вилку за пункт, вилку за работу или ничего?
  3. Правила подбора. В «Разговоре» они мои. Полчаса разговора с Таней превратят их в её настоящую логику — и это главная ценность варианта.
  4. Куда уходит заявка. Пока «скопировать и вставить в телеграм». Чтобы заявка приходила ботом сразу — отдельная небольшая работа.
  5. Фотография и портфолио. Фотографии нет ни в одном варианте, нужен файл. Портфолио везде стоит заглушкой «скоро».
  6. Домен. Хостинг бесплатный, нужно только имя.

Чего я не делал: не прогонял тексты через редактуру по инфостилю — это имеет смысл один раз, по выбранному варианту, а не по пяти черновикам. И схемы в «Наборах» условные: они показывают тип схемы, а не настоящую работу.