Кейс · Продуктовый дизайн · Платформа · 2026

VIZI.

Профессиональная репутация, которую видно. Одна личная визитка, репутация из реальных действий — и ИИ-ассистент, который предлагает, а решает человек.

Четыре месяца, полный редизайн, новая дизайн-система.

Продуктовая стратегияUX / UIДизайн-системаИИ-ассистентMobile-first
Приветствие VIZI: GPS вашего развития, радар сфер жизни
Календарь событий в живом продукте
Страница клуба в живом продукте, тёмная тема
8
разделоввизитка, репутация, люди, VERA,
события, клубы, обучение, чаты
Репутация · без потолкаНе купить
1,403профиля за 4 месяца
527активных за месяц
217событий · 33 клуба
1,433коммита за 4 месяца
154компонента дизайн-системы
85страниц в приложении v2
Суть за 20 секундСобственный продукт
Что
Соцплатформа для тех, кто работает с людьми: визитка, репутация и ИИ-ассистент ВЕРА.
Зачем
Сделать профессиональную ценность видимой круглосуточно, без холодных касаний и личного бренда с нуля.
Моя роль
Владелец продукта и руководитель дизайна; разработка — команда ИИ-агентов под моим руководством.
Результат
1 403 профиля за 4 месяца · 527 активных в месяц · 217 событий
Смотреть кейс ↓
Обзор

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

ПлатформаОтрасль2026Год4 месяцаСрокиВеб-приложение · mobile-firstПлатформа
РольАлексей Степикин — владелец продукта и ведущий дизайнер
РазработкаКоманда ИИ-агентов (Claude Code) под моим руководством
РынокРусскоязычный, в первую очередь Казахстан
РодословнаяWave Match → Vizit Club → VIZI
СтатусРаботает · vizi.club
Читать полностью

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

VIZI вырос из более раннего продукта (Wave Match) в Vizit Club, а затем в VIZI. Первый коммит датирован 4 июня 2026 года; всё, что было после, живёт в одном репозитории.

Коротко

Одна визитка. Восемь разделов. Две темы.

Одна спокойная система: светлая по умолчанию, тёмная по желанию.

85
страниц в v2Клубы · События · Места · Услуги
Обучение · Визитка · VERA
Проблема

Резюме не показывает реальную работу. Нетворкинг забывается к утру.

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

01

Резюме статично

Где вы работали, а не как вы работаете.

02

В LinkedIn шумно

Он сделан для другого рынка.

03

Нетворкинг забывается

Обменялись контактами — к утру их нет.

04

Маркетплейсы продают заказы

Ни личности, ни репутации, которая копится.

Читать полностью

Резюме статично. Оно показывает, где вы работали, но не как вы работаете и растёте.

В LinkedIn шумно. Он сделан для другого рынка и плохо подходит предпринимателям и экспертам в СНГ.

Нетворкинг забывается. Встретились офлайн, обменялись контактами — а к утру всё пропало.

Маркетплейсы продают заказы. Разовые заказы — без личности и без репутации, которая накапливается.

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

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

Одна визитка, восемь разделов.

В первой концепции было три вкладки — «Я», «Люди», «Лента». Вышедший продукт вырос в восемь разделов вокруг того же ядра.

01

Визитка

vizi.club/<ник> — точка входа во всё.

02

Репутация

Балл без потолка, выросший из реальных действий.

Хаб сервисов: события, клубы, календарь, услуги
03

Люди

Поиск, мэтчинг, знакомства, запросы «Хочу / Могу».

04

VERA

ИИ-ассистент в центре таб-бара. Она предлагает — вы подтверждаете.

05

События

Регистрация, QR-билеты, команда события.

06

Клубы

Клубы как маленький бизнес.

07

Услуги и обучение

Витрина с модерацией, курсы с сертификатами.

08

Чаты и встречи

Встроенная запись.

Все восемь разделов подробно

У первой концепции было правило против перегруза: магазины, отзывы и QR — это действия в контексте, а не разделы.

  • Визитка. Публичная страница каждого человека по адресу vizi.club/<ник>: фото, блоки, услуги, рекомендации и QR. Точка входа во всё.
  • Репутация. Балл без потолка, выросший из реальных действий: приглашения, которые ожили, рекомендации, отзывы, события. Платный статус на него не влияет.
  • Люди. Поиск, мэтчинг, знакомства и запросы «Хочу / Могу»: скажите, что вам нужно и что вы можете дать.
  • VERA. ИИ-ассистент в центре таб-бара. Она читает контекст и предлагает изменение, а человек подтверждает или откатывает его. Голосовой ввод тоже есть.
  • События. Регистрация, QR-билеты, команда события и воронка организатора — одна лента всего, что происходит рядом.
  • Клубы. Клубы как маленький бизнес: события, участники, витрина и панель управляющего, у каждого своя страница и рейтинг.
  • Услуги и обучение. Услуги, магазины и проекты — через модерацию; курсы Vizi Learn с уроками, тестами и подписанными сертификатами.
  • Чаты и встречи. Чаты плюс встроенная запись: укажите свои часы, и люди записываются к вам, не выходя из VIZI.
Диагностика «Колесо баланса»: радар девяти сфер жизни
Колесо баланса

Диагноз становится маршрутом.

Девять сфер, оценка от 1 до 10 на радаре. Нажмите на слабую — и продукт покажет людей, события и клубы, которые помогут.

9 сферОценка 1–10Люди · события · клубы
Живой продукт

Клубы, события, места. Работает на vizi.club.

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

Список клубов

КлубыСообщества как маленький бизнес.

События клуба

События клубаУчастники, события, рейтинг.

Календарь событий

СобытияОдна лента всего, что рядом.

Список мест

МестаПлощадки, партнёры, карта города.

Каталог курсов в живом продукте, тёмная тема

Обучение · тёмная темаКурсы с уроками и тестами.

10
языковсловарь интерфейса +
контент, переведённый ИИ
Редизайн

Пять этапов дизайна за четыре месяца.

Каждый этап заканчивался решением владельца и причиной, которая умещается в одно предложение. Лайм пережил их все.

04 июнТри направленияПобеждает Mono Editorial.
Low-fi → hi-fiВайрфреймыТри главных, один вопрос.
27 авгГибридТёмный, лайм, один шрифт.
04–05 сенРедизайн из FigmaПеренесён как есть.
10–12 сенДизайн-система v2«v2 победила, работаем с ней».
Этап 01 · 04 июн 2026

Минимально, профессионально, дорого.

На стол легли Wave Dark, Soft Light и Mono Editorial. Победил Mono Editorial.

Wave DarkSoft LightMono Editorial ✓
Акцент#C4F042
Фон#0F0F10
Поверхность#161618
  1. 01Один акцент.Иерархия через воздух.
  2. 02Одно главное действие на экран.Карточка — единица интерфейса.
  3. 03Сначала прототип.10+ кликабельных HTML-экранов.
ШрифтыManrope · Inter · JetBrains Mono
Скругления12 / 16 / 22
Сетка4 px
РеференсыLinear, Cal.com, Arc, Vercel
ПрототипОнбординг, шторки, тосты
Этап 01 полностью

На стол легли три концепции: Wave Dark, Soft Light и Mono Editorial. Победил Mono Editorial — «минимально, профессионально, дорого». Референсы: Linear, Cal.com, Arc, Vercel.

Принципы: один акцент, иерархия через воздух, одно главное действие на экран, карточка как единица интерфейса. Кликабельный HTML-прототип из 10+ экранов покрыл онбординг, геймификацию, шторки и тосты. Токены: акцент #C4F042, фон #0F0F10, поверхность #161618; Manrope, Inter и JetBrains Mono; скругления 12 / 16 / 22; сетка 4 px.

Этап 02 · Вайрфреймы

Сначала структура, потом цвет. Какое действие главное?

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

Онбординг · роль
Вайрфрейм: кто вы
Главная A · бенто
Вайрфрейм: главная как бенто из направлений
Главная B · лента
Вайрфрейм: главная как лента событий
Главная C · каталог
Вайрфрейм: главная как каталог экспертов
Вайрфрейм: хаб сервисов

Хаб сервисов

Вайрфрейм: чат с VERA

VERA

Вайрфрейм: профиль

Профиль

Вайрфрейм: создание события как мастер

Создание · мастер

  1. A
    БентоСетка направленийЛюди, события, клубы, маркет.
  2. B
    ЛентаСобытия рядомСначала сегодня и завтра.
  3. C
    КаталогЭксперты, которых ищутПсихологи, коучи, наставники.
Первая hi-fi главная: лаймовая плитка действия на тёмном
Этап 03 · 27 авг 2026

Смело, изысканно или гибрид.

Тёмный с лаймом против кремового с антиквой. Владелец выбрал гибрид; от антиквы отказались 31 августа. В этом стиле — 21 экран.

Фон#0B0B0C
Карточки#141416
Текст#F2EFE8
Акцент#C6F04E
  • 01Настоящие фото-аватары, никаких силуэтов.
  • 02Текстовые табы с лаймовым подчёркиванием.
  • 03Карточки людей одинаковой высоты.
  • 04Любое создание — мастер с прогресс-баром.
Этап 03 полностью

Три направления сравнивали бок о бок: смелое тёмное с лаймом, изысканное кремовое с антиквой и гибрид. Владелец выбрал гибрид. От антиквы отказались 31 августа. Единственным шрифтом остался Onest.

Правила, заданные здесь, действуют до сих пор: настоящие фото-аватары, никаких силуэтов; текстовые табы с лаймовым подчёркиванием; карточки людей одинаковой высоты; любое создание — мастер с прогресс-баром, а не длинная прокрутка. Первая hi-fi главная задала тон 21 экрану в этом стиле.

Этап 04 · 04–05 сен 2026

Перенести макеты. Не пересказывать их.

Владелец принёс новый дизайн из Figma: Inter, зелёный в духе iOS, плавающая стеклянная «таблетка» таб-бара, крупные скругления. Первую попытку перерисовать его отклонили.

Витрина клуба

Витрина клуба

Место с меню

Место · меню

Отзывы о месте, автор размыт

Место · отзывы

Хаб сервисов

Хаб сервисов

21
экрани 92 ассета перенесены,
макеты как есть
Этап 05 · 10–12 сен 2026

«v2 победила, работаем с ней».

Для сравнения собрали вторую систему: спокойную, нативную в духе iOS — один акцент, мягкие поверхности, пастельные тинты, две темы. Референсы: Т-Банк, Яндекс Афиша, Яндекс Путешествия.

22:15релиз 12 сентября
382коммита в релизе
498изменённых файлов
+40.4kстрок добавлено, −4,243 удалено
46старых маршрутов с редиректом
11 сенвердикт: v2 победила
Этап 05 полностью

Для сравнения собрали вторую систему: спокойную, нативную в духе iOS — один акцент, мягкие поверхности, пастельные тинты, две темы. Референсы: Т-Банк, Яндекс Афиша, Яндекс Путешествия. 11 сентября прозвучал вердикт: «v2 победила, работаем с ней». Старые экраны должны были исчезнуть со всех пользовательских путей.

Релиз 12 сентября в 22:15: 382 коммита, 498 файлов, +40 402 / −4 243 строки, 46 старых маршрутов с редиректом.

Важная деталь: по умолчанию вышла плоская светлая версия; стеклянный вид остался только опцией в «Настройки → Оформление».

Дизайн-система v2

Тихо по умолчанию. Громко — только там, где важно.

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

Восемь тинтов · светлая
Люди
События
Билеты
Баланс
Подарки
VIP
Ничего не найдено
Бренд
Восемь тинтов · тёмная
Люди
События
Билеты
Баланс
Подарки
VIP
Ничего не найдено
Бренд
Четыре акцентные палитры
Лаймчернила #4D7A12
Океанчернила #1F5F9E
Закатчернила #B3521B
Графит#0B0B0C

Лаймовый текст на белом не проходит по контрасту — для текста есть «чернила» #4D7A12.

Форма и типографика12 · 18 · 24 · 30

Скругления, px.

Inter 22 / 600

Заголовок экрана. Секция — 19 / 700, шаг мастера — 20 / 700.

Доступность44 px

Зоны нажатия при неизменном виде — невидимые расширители ::after.

2.0 → 4.1–4.7

Второстепенный текст на светлой шапке. Тёмные поверхности исправлены с 1.13.

154 компонента, сгруппированные по назначению

ПримитивыКаркасЛюди и визиткаСобытия и клубыМеста и маркетОбучениеЧат и ИИНастройки
  1. 1
    Никаких эмодзи на кнопках
  2. 2
    Заголовок экрана 22 / 600 — везде
  3. 3
    Никаких дыр в раскладке
  4. 4
    Табы — сегмент iOS
  5. 5
    Счётчики нейтральные
  6. 6
    Создание — это мастер
  7. 7
    Шторки ≤ 80% экрана
Компоненты и семь правил
  • Примитивы · Button, Chip, Tile, Badge, Avatar, Row, Toggle, StepBar, EmptyState, ErrorState
  • Каркас · таб-бар, шторки, сегмент iOS, скелетоны
  • Люди и визитка · PublicCard, Builder, Score, BalanceWheel, Reviews, QrSheet
  • События и клубы · EventTicket, EventTeam, EventFunnel, ClubMembers, ClubManage, мастера
  • Места и маркет · PlaceCard, PlaceBook, Shop, Cart
  • Обучение · CourseCreate, CourseQuiz, CourseCert
  • Чат и ИИ · ChatRoom, VERA, WantCan, Introduce, Notifications
  • Настройки · Оформление, Язык, Мессенджеры, переключатель видимости для ИИ

Семь правил. 1 — Никаких эмодзи на кнопках: чистый текст, при необходимости — встроенная SVG-иконка. 2 — Заголовок экрана 22 / 600: один размер везде. 3 — Никаких дыр в раскладке: одна карточка — во всю ширину, две — в ряд, три и больше — карусель. 4 — Табы — это сегмент iOS с приподнятой «таблеткой». 5 — Счётчики нейтральные, а не радуга цветных плиток. 6 — Создание — это мастер, а не одна длинная форма. 7 — Шторки занимают не больше 80% экрана, скроллятся внутри и имеют «ручку»; липкая панель действий — не выше 45%.

Спецификация компонентов показывала основную и второстепенную кнопки, переключатели, чипы, сегмент iOS («Предстоящие / Прошедшие / Отменённые»), карточку человека с баллом и два состояния: «Событий пока нет — создайте первое для своего клуба» и «Не удалось загрузить — это не „здесь пусто“, попробуйте ещё раз». Контраст поверхностей в тёмной теме был 1.13 — его решили отдельными токенами.

Светлая — по умолчаниюТёмная — полноценная
Список клубов в светлой теме
Страница места в светлой теме
Страница клуба в тёмной теме
Курсы в тёмной теме
Глубже в UX · регистрация

Пять вещей ломали регистрацию. Каждая получила правило.

Всё началось с одной строчки отзыва: «Зарегистрировалась с пятой попытки». Проход по сценарию нашёл пять тихих поломок.

7 → 4экрана по ссылке-приглашению
11 → 5нажатий по ссылке-приглашению
5 · 6экранов · нажатий без кода (был тупик)
2 нажатиявернувшийся пользователь, новое устройство (было 5–7 шагов)
30 си появляется «Письмо не пришло?»
72 чхранится мягкий кандидат в пригласившие
Что было сломаноТерялись пригласившие · замок без кода · нет «Войти» на визитке · «Назад» в тупик · почта первой
Что решилиСначала Telegram · помощь через 30 с · гостевая шапка на визитках · жёсткий пригласивший, мягкий кандидат · поиск пригласившего по имени
Telegram · два нажатия›Google›Почта · свёрнута
Поломки и исправления

Что было сломано.

  • Пригласивший терялся всякий раз, когда в ссылке не было кода.
  • Нет пригласившего — нет входа: замок и «пришлите мне ссылку».
  • Гость на чужой визитке не видел ни логотипа, ни кнопки «Войти».
  • «Назад» вело в тупик и сбрасывало код.
  • Самый медленный способ стоял первым: почта сверху, хотя большинство пользуется Telegram.

Что решили.

  • Сначала Telegram (два нажатия), вторым Google, третьей — свёрнутая почта.
  • «Письмо не пришло?» появляется через 30 секунд и предлагает три выхода.
  • Гости на визитке видят знак VIZI и «Войти» сверху, а внизу — «Уже есть визитка?».
  • Жёсткий пригласивший, мягкий кандидат. Пригласившим человека делает только явный код. Последняя открытая визитка хранится 72 часа как кандидат — она никогда не становится пригласившим молча, только после подтверждения на экране «Кто вас пригласил?».
  • Поиск пригласившего по имени, а не вставкой ссылки.
  • Убрать шаг «человек или организация».

Было по ссылке-приглашению: 7 экранов, 11 нажатий. Стало: 4 экрана, 5 нажатий. Оценки по дизайн-документу. Для посетителя без кода сценарий превратился из тупика в 5 экранов и 6 нажатий; для вернувшегося пользователя на новом устройстве — из 5–7 шагов в 2 нажатия.

Статус: этап 1 — гостевая шапка на визитках, помощь «письмо не пришло?» и ссылки, которые несут код, — вышел вместе с v2. Следующие этапы ждут продуктовых решений, в том числе — оставлять ли регистрацию только по приглашениям.

Продуктовые решения

Девять решений и их причины.

Каждое из них работает в продукте сегодня.

01 · Доверие

Репутация, которую нельзя купить

Платный тариф больше не влияет на балл.

02 · ИИ

ИИ читает визитку — только с вашего согласия

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

03 · Удержание

Свой Calendly

Встроенная запись на встречи для всех тарифов.

04 · Честность

Один список того, что обещает тариф

Один файл питает страницу тарифов и VERA.

05 · Рост

«Каждый потерянный путь — это посетитель, которого уже убедили».

Никогда не терять путь человека: один хелпер проносит точку назначения через любой вход.

06 · Операции

Заявка → очередь → витрина

Публично только после одобрения.

07 · Права

Делегировать страницу, а не деньги

Редакторы ведут страницу; остальное — за владельцем.

08 · Вовлечение

Колесо, которое куда-то ведёт

Слабые сферы подсказывают, кто может помочь.

09 · Устойчивость

Подсказки VERA не ломают регистрацию

Триггеры базы данных, по принципу best-effort.

Проблема, решение и причина — для всех девяти

01 · Доверие — репутация, которую нельзя купить. Проблема: устаревшее слагаемое в формуле позволяло платному статусу подталкивать репутацию: снимешь с человека тариф — и балл того, кто его пригласил, падает. Решение: тариф больше не влияет на балл. Уже заработанные очки заморозили ручной корректировкой, так что никто ничего не потерял. Почему: индекс доверия, который можно купить — или потерять по решению админа, — перестаёт быть репутацией. Теперь это постоянное ограничение.

02 · ИИ — ИИ-ассистенты читают визитку только с вашего согласия. Проблема: люди теперь спрашивают ассистентов вместо поисковиков, а сеть заработанных репутаций — именно то, чего агентам не хватает. Решение: видимость для ИИ включается по запросу, по умолчанию выключена, только для VIP, со счётчиком визитов агентов. Разметка schema.org, llms.txt и машиночитаемый слой; закрытая визитка отвечает 404, а не «пусто». Почему: проверки живут в базе данных, поэтому интерфейс не может их обойти. Шаг 1 из 4 вышел 24 сентября.

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

04 · Честность — один список того, что обещает тариф. Проблема: привилегии тарифа жили в четырёх местах: на странице тарифов, в шпаргалке VERA, в коде и в голове владельца. За некоторыми обещаниями вообще не стояло никакого механизма. Решение: один файл питает страницу тарифов и справочник VERA. Пункты, за которыми ничего нет, убрали. Почему: обещание на продающей странице — это договор с кодом. Привилегия добавляется, только когда что-то в продукте её реально выполняет.

05 · Рост — никогда не терять путь человека. Проблема: открываешь ссылку на событие, жмёшь «Участвовать», входишь — и оказываешься на главной. Вход через Telegram не переносил точку назначения. Решение: точка назначения сохраняется один раз и передаётся во все точки входа одним хелпером и параметром next. Гости, упёршиеся в ограничение, идут на вход вместе с путём; онбординг завершает маршрут. Почему: каждый потерянный путь — это посетитель, которого уже убедили. Правило: любой новый вход или ограничение обязаны сохранять путь.

06 · Операции — заявка → очередь → витрина. Проблема: новые сущности маркета — проекты, товары, места — не могут выходить в публичный доступ без модерации, а ручной выдачей премиум-тарифа легко злоупотребить. Решение: один паттерн: отправлено как заявка, показано в очереди админа, публично только после одобрения. Ручная выдача премиума требует второй пары глаз: подтверждают два супер-админа. Почему: один паттерн легко выучить, протестировать и переиспользовать. Ограничение касается только ручной выдачи, покупки не затронуты.

07 · Права — делегировать страницу, а не деньги. Проблема: занятым владельцам клубов нужна помощь в ведении страницы, но помощник не должен трогать финансы и состав участников. Решение: редактор может вести страницу клуба и создавать контент от имени владельца. Лимиты тарифа проверяются по владельцу; финансы, список участников и удаление остаются за владельцем. Почему: делегировать редактирование дёшево. Распространять доверие на деньги — нет.

08 · Вовлечение — колесо, которое куда-то ведёт. Проблема: идея была сильной, но лежала в самом низу раздела VERA, и её почти никто не находил. Решение: девять сфер с оценкой от 1 до 10 на радаре. Нажатие на сферу открывает людей, события и клубы по ней, отсортированные по релевантности. Слабые сферы подсказывают, кто может помочь; сильные — чем вы можете поделиться. Почему: диагноз становится маршрутом. И цель — работающая система, а не «правильная»: оценка субъективна.

09 · Устойчивость — подсказки VERA не ломают регистрацию. Проблема: ассистент должен приветствовать новичков и отмечать первый клуб и первую услугу — но сбой здесь никогда не должен блокировать регистрацию. Решение: сообщения отправляются из триггеров базы данных, так что ни один путь в коде не может о них забыть. Каждое обёрнуто так, чтобы глотать ошибки, и дедуплицируется по шагам; демо-пользователи исключены. Почему: триггер срабатывает, как бы ни была создана сущность; best-effort гарантирует, что помощь в онбординге никогда не блокирует основной сценарий.

Мелкие решения, которые складываются. Публичная почта — это видимый переключатель (по умолчанию включён), а не права на колонку: однажды отзыв этих прав молча сломал все публичные визитки. Кнопки — чистый текст без эмодзи; ключевые действия — во всю ширину и яркие. VIP-места на платных событиях клуба подтверждаются сразу — раньше зависшая заявка прятала билет. У каждого есть ссылка vizi.club/<ник>; у партнёров может быть ещё и ник.vizi.club — одна wildcard-запись DNS покрывает их все.

Лендинги

Один продукт, четыре первые фразы.

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

vizi.club/for/communities
Лендинг для клубов, организаторов и площадок

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

vizi.club/for/experts
Лендинг для экспертов и наставников, портрет размыт

Эксперты и наставники«Будь экспертом, а не блогером».

vizi.club/for/events
Лендинг для тех, кто ищет события

Те, кто ищет события«Куда пойти, чтобы встретить нужных людей».

vizi.club/for/creators
Лендинг для креаторов и видеографов, портрет размыт

Креаторы«Сеть креаторов для событий, площадок и городских проектов».

Что обещает каждый лендинг

Первые два собрали 21 сентября по презентациям владельца.

  • Для клубов, организаторов и площадок. Заполнить пустые места и превратить зрителей в сообщество — поверх вашего текущего билетного сервиса, запуск за вечер.
  • Для экспертов и наставников. Профиль, который работает вместо ленты, услуги на витрине, события, которые приводят людей, и ИИ-мэтчинг, который подсказывает, кому вы полезны.
  • Для тех, кто ищет события. Живая афиша бизнес-завтраков, мастер-классов и встреч клубов; у каждого события видно, кто его ведёт. Цифры на странице берутся из продукта, а не вписаны вручную.
  • Для креаторов. Профиль, соцсети и портфолио, а также заказы на съёмку от организаторов, предпринимателей и экспертов. Большая аудитория не нужна.

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

Ремесло и качество

Выпущено как релиз, а не как прототип.

Аудит, три прохода и ручная проверка на телефоне.

109 → 50

Старые и v2-страницы

На момент аудита.

46

Маршрутов с редиректом

Параметры запроса сохранены.

111

Состояний унифицировано

Пусто, ошибка, загрузка — 60 файлов.

6

Скрытых сбоев

Пустые состояния маскировали ошибки.

43

URL на iPhone

375×812, обе темы.

19

Исправлений после прохода

Зоны нажатия, заголовки, теги.

190

Проверок зелёные

Плюс стресс-набор.

8

Мёртвых наборов тестов

Один не проверял ничего.

Next.js 14 · React 18PostgreSQL · PostgREST · row-level securityЛогика в функциях базы данныхВход через Telegram · Google · почту · WhatsAppWeb push + TelegramQR-визитки и билетыКарты LeafletVERA — отдельный сервис
Как доказывали релиз и что нашёл аудит

Цифры. 109 старых страниц против 50 страниц v2 на момент аудита. 46 старых маршрутов получили редирект на аналог в v2 с сохранением параметров запроса. 111 пустых, ошибочных и загрузочных состояний сведены к одному канону в 60 файлах. 6 экранов, где пустое состояние прятало упавший запрос. 43 URL v2 пройдены на iPhone 375×812 в обеих темах, четырёх палитрах и стеклянном режиме. 19 исправлений по итогам: зоны нажатия, заголовки, обрезанные теги, подложка кнопок. 190 автоматических проверок зелёные на релизе, плюс стресс-набор. 8 старых наборов тестов оказались мёртвыми годами — один не проверял ничего.

Как доказывали релиз.

  • Полный бэкап продовой базы и сравнение схемы по 139 таблицам.
  • Смоук по рендеру, а не по коду ответа: 15 из 15 экранов проверены по тому, что они показывают.
  • Параметры запроса переживают редиректы: 8 из 8 выборочных ссылок сохранили свой код.
  • Ручной проход на реальных телефонах: вход, ссылка-приглашение, пуш и обе темы на iPhone SE.
  • Поймано руками: кнопка «Создать визитку» пряталась под таб-баром на iPhone 14 и уходила за экран на SE.

Что нашёл аудит.

  • Фоновый слой перекрывал экраны админки.
  • У шрифта Onest в 431 месте не было запасного варианта, и текст падал в Times.
  • Второстепенный текст на светлой шапке давал контраст 2.0:1; после исправления — 4.1–4.7:1.
  • Светлая тема ломала экраны входа и 404.
  • Около 75 ссылок из v2 всё ещё вели в старый дизайн — по 14 шаблонам.

Стек. Вход через Telegram, Google, код на почту или WhatsApp; уведомления через web push и Telegram; 10 языков интерфейса. Локализация устроена в два слоя: словарь интерфейса с DOM-переводчиком и контент базы данных, заранее переведённый ИИ. Чаты намеренно не переводятся.

Как это строилось

Я направлял, а не набирал код. Один дизайнер, одна команда агентов.

Каждое крупное решение принимал владелец — на экранах.

Роль

Продуктовое и дизайн-руководство

Визуальный язык, переход на v2, лендинги, кого может видеть ИИ.

Команда

Агенты, собранные как компания

CEO, CPO, full-stack, Head of Design, senior UX/UI.

Правила

Ограничения важнее скорости

Изолированные ветки. Релиз доказывается тем, что отрисовалось.

04 июнПервый коммитС тех пор — один репозиторий.
27 авгГибридТёмный, лайм, Onest.
04–05 сенРедизайн из FigmaПеренесён 21 экран.
10 сенКомпания агентовПроверен каждый раздел.
12 сенРелиз v222:15, 190 проверок зелёные.
21–24 сенЛендинги, видимость для ИИШаг 1 из 4 запущен.
Роль, команда и правила полностью

Роль. Каждое крупное решение — визуальный язык, переход на v2, лендинги по аудиториям, кого может видеть ИИ — было решением владельца продукта, принятым на экранах и прототипах.

Команда. 10 сентября агентов попросили собрать команду — CEO, CPO, full-stack, Head of Design, senior UX/UI — и пройтись по каждому разделу продукта.

Правила. Агенты работают в изолированных ветках. Постоянные правила: никогда не ломать ссылки-приглашения, всегда работать на обоих доменах и доказывать релиз тем, что отрисовалось, а не кодом ответа.

Что я заберу с собой

Четыре урока платформы, построенной публично.

01

Проверяйте то, что видит пользователь

Код 200 доказывает, что сервер ответил, а не что страница работает.

02

«Пусто» не должно прятать ошибку

Скажите, что не получилось, и предложите повторить.

03

У каждого обещания — механизм

Если это написано на продающей странице, продукт это делает.

04

Проектируйте путь, а не экран

Поломки жили между экранами.

ДальшеВидимость для ИИ, шаги 2–4›Лендинг для бизнеса›Регистрация, этапы 2+
Уроки, планы и источники

Проверяйте то, что видит пользователь. Код 200 доказывает, что сервер ответил, а не что страница работает. Смоук-проверки должны читать рендер.

«Пусто» не должно прятать ошибку. «Здесь ничего нет» допустимо, только когда мы уверены, что ничего нет. Иначе скажите, что не получилось, и предложите повторить.

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

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

Что дальше. Видимость для ИИ, шаги со второго по четвёртый: коннектор для ChatGPT и Claude, разговор VERA с ассистентами других людей и репутация как проверяемый сигнал. Затем лендинг для бизнеса и оставшиеся этапы редизайна регистрации.

Замерено по кодовой базе 4 октября 2026 года: 154 файла компонентов в v2, 85 страниц v2, 106 API-маршрутов, 1 433 коммита с 4 июня 2026 года. Цифры релиза и QA — из документов релиза от 12 сентября 2026 года. Пользовательские цифры на 5 октября 2026 года: 1 403 профиля (1 166 заполненных визиток), 527 активных за месяц / 200 за неделю, 302 новых за последние 30 дней; 33 публичных клуба, 217 событий, 488 регистраций на события, 15 личных встреч. Оплата билетов на события идёт организаторам; монетизация платформы запускается. Дизайн-экраны — артефакты из Figma и вайрфреймы с примерными данными; живые экраны — с публичного сайта.

Строите платформу, где доверие нужно заслужить?

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

vizi.club

Create bold.
Deliver better.

See our workGet in touch