ERG

Примеры работ

По каждому разбор, задача и решения, у большинства живой адрес. Часть проектов сделана в связке с командой Royalty Teams.

Тимур ЭргашевСайты и веб-приложения под ключ

Написать в Telegram

50+сайтов и проектов сделано

Новое и в работе

Сайты этого года. Большинство можно открыть по ссылке, остальные показываю кадрами.

Строится

AURUM PARK

Сайт индустриального парка, 2026

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

Свадьба

Сайт-приглашение, 2026

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

Перед запуском

Поели

Главная сети еды у дома, 2026

Главная сети еды у дома в Краснодаре. Четыре сценария визита, меню из учётной системы с весом и КБЖУ, адреса по улицам с фото входа. Перенесена в Tilda заказчика тринадцатью блоками.

AkopovTeam

Веб-платформа, 2026

Платформа персональных тренировок. Кабинет тренера, мобильное приложение клиента и продающий лендинг, один продукт, одна дизайн-система, один домен.

Ещё свежие работы

Один продукт, одна дизайн-система, один домен

AkopovTeam · Веб-платформа, 2026

Платформа персональных тренировок. Кабинет тренера, мобильное приложение клиента и продающий лендинг.

  1. 01
    ЛендингПубличная часть

    Тёмная журнальная вёрстка в фирменных цветах.

  2. 02
    Кабинет тренераРабочее место

    Карточка клиента. Активная программа, вес с динамикой, сила, объём, замеры, заметки

  3. 03
    Приложение на телефонеПродукт для клиентов

    Ставится на экран телефона без магазина приложений, открывается как обычное приложение и обновляется само.

  4. 04
    Под капотомИнженерия

    Нет интернета в зале, тренировка не теряется и отправится сама, без повторов

Ещё работы

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

Презентации и видео

Не только сайты. Веб-презентации под телефон и видео.

Два экрана программы поездки на неделю моды в Сеуле

KOSTYUMERSHA. Сеул

Веб-презентация тура, 2026

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

Два первых экрана презентации йога-ретрита в Чегеме

Йога-ретрит в Чегеме

Вертикальная презентация, 2026

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

Обложка и разрез чаши из презентации строителя бассейнов

TerraPools

Презентация компании, 2026

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

Старое семейное фото до и после оживления

Ожившие семейные фото

Видео, 2026

Ролик к 80-летию из шестнадцати старых фотографий, каждая оживлена нейросетью и сверена по лицам кадр за кадром. На кадре снимок другой семьи, слева до оживления, справа после.

Перенос и доводка

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

  • Авангард СПАЛабораторное оборудование, 2026

    Сайт был собран в онлайн-конструкторе с нейросетью и на обычном сервере не запускался. За два дня я перевёл его в обычные страницы, убрал 46 лишних частей и выпустил на сервере заказчика с защищённым соединением, картой и своей страницей ошибки. Четыре блока переделал, а снимки приборов в каталоге привёл к одному масштабу.

    avangardspa.ru. Авангард СПА

AURUM PARK, экран телефона 1
AURUM PARK, экран телефона 2
AURUM PARK, экран телефона 3
AURUM PARK, голограмма корпуса на фото стройки

Строится · 01 из 22

AURUM PARK

Клиент
Индустриальный парк под Краснодаром
Год
2026
Тип
Лендинг
Срок в календаре
8 дней на сборку
Направление
Сайт со сценами

Парк продаёт в собственность блоки под производство и склад. Покупатели приходят по QR-коду с отраслевых встреч и уже слышали о парке. За первые секунды сайт должен показать, что продаётся, где и что стройка идёт, а потом сразу перевести человека в мессенджер к отделу продаж.

Сайт ещё не запущен, поэтому показываю кадрами и записью экрана телефона

01Задача

Показать корпус, которого ещё нет

На площадке пока разрешение, техника и фото стройки. Формы на сайте нет, с каждого экрана можно написать в Telegram или MAX и позвонить.

  • Схема из девяти экранов согласована в первый же день
  • Кнопки связи закреплены внизу на всех экранах
  • Сцены задуманы под телефон, сайт открывают с QR-кода
02Решение 1

Облёт, который переходит в рентген

Прокрутка опускает камеру к корпусу и без шва переводит фасад в рентген. Сцена собрана из кадров, а не из ролика, поэтому идёт и на iPhone, и во встроенном браузере Telegram, где ролик сам не стартует. На медленном мобильном интернете первый экран открывался 46 секунд, после доводки за 9.

AURUM PARK, экран телефона 1
AURUM PARK, экран телефона 2
03Решение 2

Рентген с размерами блока

Под линией скана проступают размеры. Блок 8 на 20 метров, ворота 4 на 4,2 метра, восемь метров до низа балок. Рентген написан с нуля, без готовых библиотек.

AURUM PARK, экран телефона 3

04Решение 3

Голограмма корпуса на фото стройки

На настоящем фото площадки от 27 августа стоит светящийся каркас корпуса 72 на 20 метров. Линию скана двигает прокрутка или палец. Подписи прямо говорят, что это визуализация и положение корпуса примерное.

Голограмма будущего корпуса на фото стройки
05Решение 4

Мастер-план с выбором блока

Все 139 блоков перенесены на вид сверху. Касание блока открывает его карточку и сообщение в Telegram, где номер блока уже вписан. На телефоне план листается вбок.

06Встреча

Страница встречи инвесторов

Об этом парке рассказывали на закрытой встрече инвесторов в Краснодаре. Страницу регистрации на неё я тоже собрал.

Разбор страницы встречи

07Как выглядит

Облёт и рентген на телефоне

Запись экрана телефона, тринадцать секунд от облёта до рентгена.

08Стек
HTMLCSSJavaScriptWebGLSVG
Следующая работа Встреча AURUM PARKРегистрация на встречу
Встреча AURUM PARK, экран телефона 1
Встреча AURUM PARK, экран телефона 2
Встреча AURUM PARK, первый экран сайта

Лендинг встречи · 02 из 22

Встреча AURUM PARK

Клиент
ПРОФ-АКТИВ. Агентство индустриальной недвижимости
Год
2026
Тип
Лендинг
Срок в календаре
3 дня
Направление
Регистрация на встречу

Агентство индустриальной недвижимости собирало в Краснодаре закрытую встречу инвесторов на 50 мест. Один из докладов был про индустриальный парк AURUM PARK, его сайт я сейчас строю, он в городе по соседству. За три дня я собрал страницу, которая ведёт от повода к заявке. Сначала рынок, потом люди и программа, и только потом регистрация.

Встреча прошла 10 октября, поэтому показываю кадрами

01Задача

Собрать зал из тех, кто вкладывает

Встреча закрытая, мест 50, и звать на неё нужно не всех подряд, а инвесторов, промышленников и собственников земли. Ссылку пересылают в мессенджерах, поэтому страницу открывают с телефона. Заказчица прямо сказала, что телефон для неё важнее компьютера.

  • Одна страница от приглашения до заявки, собрана своими блоками в Тильде заказчицы
  • Заявки уходят в её систему регистрации, тексты она правит сама
  • Для брокеров свой день, 11 октября, отдельным блоком на той же странице
02Решение 1

Сначала рынок, потом проект

Страница начинается не с девелопера, а с повода прийти. За шесть лет небольшие производственные и складские помещения выросли в цене в 2,8 раза, среди привычных вложений их обогнало только золото. 82% готовых площадей стоят в Московском регионе, а в Краснодаре до стройки доходит 3,6% заявленного. Под каждым графиком источник данных.

Рост цены производственных и складских помещений рядом с золотом, облигациями и акциями
03Решение 2

Регистрация после ценности

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

Программа встречи. Четыре выступления и перерывы между ними

04Решение 3

От телефона и по закону

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

  • Cookie по закону, до выбора посетителя Метрика не грузится
  • Своя политика конфиденциальности и своя страница ошибки
  • Свой адрес на поддомене основного сайта заказчицы, с защищённым соединением
05Как выглядит

Первый экран и телефон

На первом экране дата крупно, город, площадка, число мест и порог входа в проекты.

Первый экран. Дата, площадка и условия участия
Встреча AURUM PARK, экран телефона 1
Встреча AURUM PARK, экран телефона 2
Следующая работа СвадьбаПриглашение на свадьбу
Свадьба, экран телефона 1
Свадьба, экран телефона 2
Свадьба, экран телефона 3
Свадьба, первый экран сайта

Разбор проекта · 03 из 22

Свадьба

Клиент
Частный заказ. Свадьба в Москве
Год
2026
Тип
Сайт-приглашение
Срок в календаре
2 недели
Направление
Приглашение на свадьбу

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

01Задача

Открыть с телефона, и чтобы сразу заиграла музыка

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

  • Открывают с телефона, вёрстка для телефона главная
  • Звук браузер включает только после нажатия
  • Пару хотели в национальных костюмах, жениха в азербайджанском, невесту в абхазском
02Решение 1

Конверт с одной кнопкой превращает запрет в ритуал

Первым экраном стоит конверт с именами и одной кнопкой «Открыть», под ней строка, что заиграет музыка. Нажатие и есть то действие, которого ждёт браузер. Песня стартует сразу, а страница начинает проявляться по шагам. Гость не ищет кнопку звука, он открывает приглашение, как открыл бы бумажное.

Конверт. Имена, одна кнопка и строка «Откройте, и заиграет музыка»
03Решение 2

Пара нарисована, а не снята

Фотографию пары в костюмах невеста отклонила и сама предложила рисунок. Пара сделана силуэтами с орнаментом, без лиц. На первом экране они стоят лицом друг к другу, рядом имена, город и дата. В конце страницы та же пара уходит, у жениха за спиной букет.

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

04Решение 3

Своя песня, но отрезком, который не надоедает

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

05Решение 4

Текст проявляется по мере прокрутки

Имена пишутся по буквам, обращение к гостям проявляется строками, когда до него доходит прокрутка. Лепестки летят отдельным слоем под текстом. На компьютере та же страница раскрывается шире, с орнаментом по углам.

Обращение к гостям. Строки проявляются при прокрутке
06Решение 5

История пары полароидами, тогда и сейчас

Детский снимок и снимки пары сейчас оформлены одинаковыми полароидами с подписями от руки. На телефоне это стопка, которую листает прокрутка, карточки по очереди ложатся друг на друга. На компьютере полароиды рассыпаны вокруг текста. В копии по ссылке вместо снимков пары сгенерированные кадры.

История на компьютере. Полароиды вокруг текста, кадры сгенерированы
Свадьба, экран телефона 1
07Как выглядит

На телефоне конверт и первый экран

Приглашение собрано сначала для телефона. Конверт занимает экран целиком. После нажатия пара, имена и дата встают в один столбец, а меню и кнопка музыки остаются в шапке.

Свадьба, экран телефона 2
Свадьба, экран телефона 3
08Видео

Минута приглашения глазами гостя

Запись копии в размере экрана телефона, со звуком. Сначала конверт, песня начинается в момент нажатия «Открыть», дальше обращение, история пары полароидами, место и время. Пара и все данные в копии вымышленные.

Следующая работа Елена КулифееваЛичный бренд
Елена Кулифеева, экран телефона 1
Елена Кулифеева, экран телефона 2
Елена Кулифеева, экран телефона 3
Елена Кулифеева, экран телефона 4
Елена Кулифеева, первый экран сайта

Строится · 04 из 22

Елена Кулифеева

Клиент
Елена Кулифеева, брокер. Москва и регионы, в связке с Royalty Teams
Год
2026
Тип
Многостраничный сайт
Срок в календаре
Три версии за два месяца
Направление
Личный бренд

Елена 30 лет в недвижимости и помогает вкладывать в доходное жильё. Рекламы нет, люди приходят по QR-коду с визитки и по рекомендации. Сайт должен показать человека, которому доверяют деньги, и подготовить клиента к первой встрече. Дизайн и сборка мои, договор, брендбук и запуск ведёт Royalty Teams.

01Задача

Визитка, которой доверяют деньги

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

  • 23 страницы, шесть услуг и два направления
  • Расчёты с пометкой «пример», а не обещание дохода
  • Страницы печатаются светлыми и целиком, Елена их печатает
02Решение 1

Знак стал формой

Портрет стоит в капсуле два к трём со скруглением в половину ширины, это форма её монограммы. Прямых углов на сайте нет.

Елена Кулифеева, экран телефона 1
Елена Кулифеева, экран телефона 2
03Решение 2

Палитра с её фото

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

Первый экран. Опыт цифрами и портрет в капсуле

04Решение 3

Перекладка капитала рисунками

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

Елена Кулифеева, экран телефона 3
05Решение 4

Инвестор на час

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

Елена Кулифеева, экран телефона 4
06Стек
HTMLCSSJavaScript
Следующая работа ПоелиГлавная и меню в Tilda
Поели, экран телефона 1
Поели, экран телефона 2
Поели, блок меню на главной

Главная сети · 05 из 22

Поели

Клиент
Поели. Пространство еды, Краснодар
Год
2026
Тип
Промо-сайт
Срок в календаре
1 месяц
Направление
Главная и меню в Tilda

«Поели» это точки на первом этаже жилых домов Краснодара. Готовая еда, выпечка, кофе и заморозка, а поесть можно тут же, в кафе-зоне. Заказчик хотел, чтобы с первого экрана было ясно, что здесь, кому и зачем, и чтобы на телефоне всё работало не хуже, чем на компьютере. Главная собрана за месяц и перенесена в его Tilda тринадцатью блоками. Сделано в составе команды Royalty Teams.

01Задача

Новый формат надо объяснить за один экран

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

  • Четыре адреса в Краснодаре, у каждого свои часы и свой вход
  • Меню больше 280 позиций ведётся в учётной системе заказчика
  • Карта лояльности, акции и обращения партнёров на той же странице
02Решение 1

Плакатный шрифт, который держит кириллицу

Крупные заголовки набраны узким плакатным шрифтом. Я сравнил десять шрифтов с кириллицей на настоящей фразе, у одних кириллицы не нашлось, другие были широкими или кривыми на большом кегле. Расстояние между строками подобрано по буквам «Й» и «Д», при меньшем соседние строки сталкиваются. Шрифты лежат на сервере заказчика, внешних сервисов страница не зовёт.

Заголовок в две строки. «Й» не задевает соседнюю строку
03Решение 2

Формат через четыре сценария

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

Сценарии. Попили. Поели. Фото меняется в липкой рамке

04Решение 3

Витрина из настоящего меню

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

Меню. Обложки разделов и карточки с КБЖУ
05Решение 4

Адреса по улицам и фото входа

Точки подписаны улицами, Булгакова, Пешкова, Адмиралтейский и Седина. У каждой адрес, ориентир, часы и три кнопки, маршрут, 2ГИС и звонок. Вместо маскота фото входа, чтобы место узнавали ещё до визита, так попросил заказчик. Адреса сверены по картам, закрывшуюся точку убрали, новую добавили.

Где нас найти. Адрес, ориентир, часы, маршрут и звонок
06Решение 5

Карта лояльности вместо статуса «открыто»

Сначала на первом экране стоял статус «Открыто сейчас». Заказчик заметил, что у четырёх точек он может быть разным, и попросил поставить туда карту лояльности. Теперь там кнопка «200 бонусов», она ведёт в веб-карту бонусной системы. В блоке лояльности та же ссылка главной кнопкой, рядом приложение в RuStore.

Лояльность. 200 бонусов, 5% и 7-й кофе в подарок
07Решение 6

Перенос в Tilda без расхождений

Главная перенесена в Tilda заказчика тринадцатью блоками, по блоку на секцию. Перед каждым переносом я собирал страницу у себя так же, как её соберёт Tilda, и на трёх ширинах экрана, от компьютера до телефона, расхождений с исходником не было. После переноса каждый блок сверен с исходником, публикацию заказчика я проверил на живой странице.

  • Меню на странице заказчика переложено в новый блок, старый выключен и оставлен на случай возврата
  • Картинки и шрифты блоков лежат на сервере заказчика
  • Ссылки на наш сервер в живой странице не остались, проверено по коду
08Как выглядит

Первый экран и сценарии на телефоне

На телефоне заголовок первого экрана во всю ширину, под ним две кнопки и цифры сети. Сценарии стоят окошками два на два, каждое со своим фото.

Поели, экран телефона 1
Поели, экран телефона 2
Следующая работа Лагерь «На Заре»Панель для менеджера
Лагерь «На Заре», экран телефона 1
Лагерь «На Заре», экран телефона 2
Лагерь «На Заре», страница «Школам и классам» с баннером фестиваля

Строится · 06 из 22

Лагерь «На Заре»

Клиент
Программный лагерь «На Заре», Новосибирск
Год
2026
Тип
Многостраничный сайт
Срок в календаре
В работе с 1 октября
Направление
Панель для менеджера

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

01Задача

Путёвки и заявки без разработчика

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

  • 18 страниц, проверены на телефоне и компьютере
  • Шесть проектов, у каждого своя страница
  • Таблица смен на телефоне идёт карточками, вбок не листается
02Решение 1

Панель смен под телефон

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

Лагерь «На Заре», экран телефона 1
03Решение 2

Приём заявок по проектам

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

04Решение 3

Фестиваль зимних чудес

Заезды классов с 21 по 29 декабря, день класс выбирает сам. На странице для школ баннер ярмарки с Зарюней, талисманом лагеря, и вертикальный ролик заезда.

Страница «Школам и классам». Баннер фестиваля
Лагерь «На Заре», экран телефона 2
Следующая работа Orso BrunoСайт производства мебели
Orso Bruno, экран телефона 1
Orso Bruno, экран телефона 2
Orso Bruno, экран телефона 3
Orso Bruno, первый экран сайта

Вторая версия сайта · 07 из 22

Orso Bruno

Клиент
Orso Bruno. Мягкая мебель на заказ
Год
2026
Тип
Многостраничный сайт
Срок в календаре
3 дня на вторую версию
Направление
Сайт производства мебели

Orso Bruno шьёт мягкую мебель на заказ в своих цехах. Для второй версии сайта я разобрал тринадцать сайтов мебели и интерьера и взял у них движение, которое объясняет продукт. Цех вырастает на весь экран, ткани пролетают над словом, задачи наезжают друг на друга. Главный кадр на телефоне при этом появляется быстрее, чем у первой версии.

Сайт готовится к запуску, поэтому показываю кадрами и записью экрана

01Задача

Мебель на заказ рядом с итальянскими фабриками

Orso Bruno шьёт мягкую мебель под размер, посадку и ткань покупателя. Его сравнивают с итальянскими фабриками и с крупными сетями. Первая версия сайта была аккуратной, но спокойной, похожей на десятки других. Нужен был характер, который читается в первые секунды прокрутки, и при этом без потери скорости на телефоне.

  • Заказчик просил один шрифт без завихрений, а заголовки крупнее и жирнее
  • Настоящих фото работ пока нет, есть только съёмка цеха
  • Сайт открывают с телефона по ссылке из мессенджера
02Решение 1

Движение взято у шести сайтов с наградами

Разобрали тринадцать сайтов мебели и интерьера, шесть из них с отметками Awwwards. От каждого взят один приём и поставлен туда, где он помогает понять продукт. Правило одно, на экран приходится одно заметное движение. Шрифт один, Onest со свободной лицензией, заголовки выезжают строками из-под маски.

Первый экран. Кадр медленно подходит ближе, заголовок стоит с первой отрисовки
03Решение 2

Диван собирается на глазах

Блок «Как собирается ваш диван» добавлен 19 октября. Человек проходит три шага, форму, размер от 220 до 320 сантиметров и ткань, и диван на кадре меняется вместе с выбором, ткань перекрашивает его целиком. Сцена стоит на месте, пока листаются шаги, и на телефоне тоже.

Orso Bruno. Диван собирается на глазах
Orso Bruno. Диван собирается на глазах

04Решение 3

Свой цех вырастает на весь экран

Ролик цеха стоит маленьким кадром между словами «Свой» и «цех». При прокрутке кадр растёт до полного экрана и раздвигает слова, на полном кадре появляется подпись про два цеха и срок. Съёмка настоящая, это главное доказательство, поэтому ему отдан самый громкий момент страницы.

Начало сцены. Кадр цеха в треть экрана между словами
Конец сцены. Цех на весь экран и подпись
05Решение 4

Ткани по одной, как в альбоме образцов

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

Карточки образцов пролетают над словом
06Решение 5

Каждой задаче свой экран

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

Задачи лесенкой, у каждой подходящая модель
07Решение 6

Мелочи, которые складываются в характер

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

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

Движение без потери скорости

Обе версии замерены на одинаковых условиях, телефон на медленном 4G с замедленным процессором. Главный кадр новой версии появляется быстрее первой, страница стала легче. Кадры заставки грузятся только тогда, когда она действительно показывается, а библиотека плавной прокрутки телефону не отдаётся вовсе.

  • Главный кадр на телефоне появляется за 2,3 секунды, у первой версии за 2,8
  • Главная стала легче первой версии и быстрее открывается на мобильном интернете
  • Пока страница грузится, текст и кнопки не прыгают под пальцем
09Было и стало

Та же структура, другой характер

Блоки и тексты почти не менялись. Поменялись шрифт, масштаб набора и то, как страница отвечает на прокрутку.

Производство и подвал. Версия 14 октября и версия 16 октября
Ткани и задачи. Версия 14 октября и версия 16 октября
10Как выглядит

На телефоне те же сцены, только тише

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

Orso Bruno, экран телефона 1
Orso Bruno, экран телефона 2
Orso Bruno, экран телефона 3
11Видео

Главная на телефоне меньше чем за минуту

Запись в размере экрана телефона. Заставка, первый экран, цех, ткани лентой, задачи, цена и подвал.

12Видео

И на компьютере

Запись окна 1440 на 900. Цех вырастает на весь экран, ткани пролетают над словом, задачи наезжают друг на друга, круг цены прорисовывается.

Следующая работа El TempoРедизайн магазина
El Tempo, экран телефона 1
El Tempo, экран телефона 2
El Tempo, первый экран сайта

Концепт редизайна · 08 из 22

El Tempo

Клиент
El Tempo. Кожаная обувь и аксессуары
Год
2026
Тип
Интернет-магазин
Срок в календаре
10 дней
Направление
Редизайн магазина

Магазин кожаной обуви с 26 салонами по России продаёт и через свой сайт. Прежде чем браться за переделку, я показал, каким сайт станет. Не макет на выдуманных кроссовках, а страницы на настоящем каталоге магазина, с его снимками, размерами и остатками. Тогда разговор идёт о деле, а не о вкусе.

Сайт магазина пока работает на прежнем дизайне, поэтому показываю кадрами

01Задача

Показать новый сайт на его же товаре

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

  • Четыре страницы, главная, каталог, карточка товара и разбор того, что было
  • Каталог собран из системы магазина, 48 моделей с остатками по размерам
  • Цвета, знак и девиз взяты из брендбука бренда, знак не перерисован
02Решение 1

Сначала размер, потом модели

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

Каталог. Фильтр по размеру считает остаток
03Решение 2

Карточка товара на настоящей паре

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

Карточка товара. Размеры с остатком и кнопка цвета бренда

04Решение 3

Дизайн-система из брендбука

Мозаика знака это текстура, а не палитра. В интерфейсе шесть цветов и нейтрали, а все 27 цветов брендбука живут только в самом знаке. Обувь в магазине в основном чёрная, коричневая и бежевая, яркий интерфейс спорил бы с товаром. Тёмной темы нет сознательно, бордо бренда на песке в ней теряет контраст.

  • Мужская линия чёрная с холодными подложками, женская бордо с тёплым песком, как на коробках бренда
  • Ни одной тени, скругление только у кнопок, полей и меток
  • Шрифты со своего сервера, без внешних подключений
05Как выглядит

Главная и телефон

Первый экран сам сменяет кадры, страница стала короче, с двенадцати экранов до семи. Вёрстка проверена на шести ширинах, от 320 до 1440, без прокрутки вбок.

Первый экран нового дизайна. Фото среды сгенерированы, на сайте их сменит съёмка бренда
El Tempo, экран телефона 1
El Tempo, экран телефона 2
Следующая работа Кулибинская картаПеределка лендинга
Кулибинская карта, экран телефона 1
Кулибинская карта, экран телефона 2
Кулибинская карта, экран телефона 3
Кулибинская карта, первый экран второй версии

Вторая версия · 09 из 22

Кулибинская карта

Клиент
Проект «Кулибинская карта»
Год
2026
Тип
Лендинг
Срок в календаре
3 дня на вторую версию
Направление
Переделка лендинга

Школьники и родители приходят на страницу с баннера партнёров и теряются, а все кнопки ведут на опрос проекта. Во второй версии тексты заказчика остались как есть. Каждый блок я собрал в трёх вариантах внутри целой страницы и выбрал лучший.

01Задача

Не потерять человека с баннера

Первый экран должен объяснить слова с баннера и сразу дать кнопку. В первой версии до кнопки было 122 слова, и на телефоне она стояла за краем экрана.

  • Семь блоков, у каждого три варианта
  • Сборщик сверяет тексты заказчика и останавливается при расхождении
  • Цветов на странице 8 вместо 30, скруглений 3 вместо 8
02Решение 1

Кнопка на первом экране

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

Кулибинская карта, экран телефона 1
03Решение 2

Номер 0001

Блок про первых обладателей карты. Крупный номер 0001 контуром, последняя единица залита цветом.

Кулибинская карта, экран телефона 2

04Решение 3

Две стороны карты

Карта стоит лицом и оборотом, на обороте строка «Карта не банковская». На компьютере доводы идут в два столбца, на телефоне столбиком.

Карта двумя сторонами и доводы
Кулибинская карта, экран телефона 3
05Стек
HTMLCSSPython
Следующая работа AkopovTeamВеб-платформа и приложение
AkopovTeam, экран телефона 1
AkopovTeam, экран телефона 2
AkopovTeam, первый экран сайта

Флагман · 10 из 22

AkopovTeam

Клиент
Лев Акопов. Чемпион Men's Physique 2023
Год
2026
Тип
Веб-платформа под ключ
Срок в календаре
4 месяца
Направление
Веб-платформа и приложение

Платформа персональных тренировок для Льва Акопова, чемпиона Men's Physique 2023. Тренер вёл клиентов в переписках. Программы уходили картинками, прогресс жил в памяти. Я собрал продукт трёх ролей. Тренер собирает программы и видит прогресс каждого, клиент тренируется с телефона прямо в зале, а новых людей встречает страница, которая продаёт и ведёт на прямой контакт.

01Публичная часть

Лендинг

Тёмная журнальная вёрстка в фирменных цветах. На первом экране фото, доверие держат настоящие титулы, а не выдуманные цифры, рядом живой экран продукта. Вместо форм и сбора данных прямые каналы, телефон, Telegram и WhatsApp.

Первый экран, «тело по системе чемпиона»
Для кого и форматы. Онлайн и офлайн
Что получишь. Программа, прогресс, живой экран приложения
02Рабочее место

Кабинет тренера

  • Карточка клиента. Активная программа, вес с динамикой, сила, объём, замеры, заметки
  • Конструктор программ. Дни и даты, подходы и повторы, суперсеты, альтернативы упражнений
  • Библиотека упражнений. Свои видео техники, загрузка с телефона, сервер сам готовит видео к показу
  • История программ. Прошлые циклы сохраняются, любой можно вернуть или скопировать
  • Вход по ссылке. Клиент без регистрации и паролей, доступ отзывается в один клик
AkopovTeam. Кабинет тренера
AkopovTeam. Кабинет тренера
03Продукт для клиентов

Приложение на телефоне

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

  • Экран тренировки. Ввод веса барабаном, подсказка «прошлый раз», таймер, видео, суперсеты
  • Гибкая неделя. Любой день, когда удобно; ничего не сгорает
  • Статистика. Вес с графиком и дельтой, личные рекорды, замеры тела
  • Офлайн. Тренировка сохраняется локально и досылается, когда появится сеть
AkopovTeam, экран телефона 1
AkopovTeam, экран телефона 2

04Инженерия

Под капотом

  • Нет интернета в зале, тренировка не теряется и отправится сама, без повторов
  • Новая версия приложения ставится сама, на крайний случай есть кнопка «Обновить»
  • Сохраняется только изменённое, правки с двух устройств не затирают друг друга
  • Видео тренер загружает как есть, сервер сам готовит его для телефона
  • Резервные копии с проверкой восстановления, защита от лишних запросов, обновление без остановки сервера
05Стек
React 19ViteTailwind CSSPWA · WorkboxNode.js · ExpressPostgreSQLffmpegnginxUbuntu VPSTelegram
Следующая работа ФЛОРИОСИТИИмиджевый сайт
ФЛОРИОСИТИ, экран телефона 1
ФЛОРИОСИТИ, экран телефона 2
ФЛОРИОСИТИ, первый экран сайта

Имиджевый сайт · 11 из 22

ФЛОРИОСИТИ

Клиент
Александра, ФЛОРИОСИТИ. Декор и флористика, Санкт-Петербург
Год
2026
Тип
Лендинг
Срок в календаре
4 дня
Направление
Имиджевый сайт

ФЛОРИОСИТИ оформляет свадьбы, частные и корпоративные мероприятия в Санкт-Петербурге. На сайте почти нет текста, говорят её работы. Фото стоят внахлёст и переплывают из блока в блок, и ни одно не режется ровно пополам, это было её условие. За четыре дня сайт собран по её выбору и запущен на её домене.

01Задача

Почерк в фотографиях, а не в словах

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

  • Фото накладываются друг на друга и связывают соседние блоки
  • Ни одна фотография и ни один блок не делятся ровно пополам, только треть, две трети или пропорция Фибоначчи
  • Шрифт без засечек, как в её логотипе
02Решение 1

Блоки на выбор по её референсам

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

О подходе. Три её строки и фото внахлёст
03Решение 2

Фото переплывают из блока в блок

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

Натюрморты. Кадры ложатся стопкой при прокрутке

04Решение 3

Связаться в один шаг

Форм нет. Кнопка связи висит в углу экрана и прячется у подвала, где Telegram, WhatsApp и телефон стоят открыто.

  • Палитра из её логотипа, цвет на странице несут фотографии
  • Шрифт Onest со свободной лицензией подобран сравнением с логотипом
  • Сайт на её хостинге, без cookie, счётчиков и чужих скриптов, со своей страницей 404
Связаться. Telegram, WhatsApp и телефон в одном блоке
05Как выглядит

Первый экран и телефон

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

Первый экран. Натюрморт и стол в рамке
ФЛОРИОСИТИ, экран телефона 1
ФЛОРИОСИТИ, экран телефона 2
Следующая работа Аварийная службаКалькулятор цены
Аварийная служба, экран телефона 1
Аварийная служба, экран телефона 2
Аварийная служба, фото мастера и выбор случая

Сайт с калькулятором · 12 из 22

Аварийная служба

Клиент
Андрей, арборист. Москва и область
Год
2026
Тип
Лендинг
Срок в календаре
3 недели
Направление
Калькулятор цены

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

01Задача

Цена до звонка, а не после

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

  • Разобрал конкурентов по Москве и области, их цены и приманки
  • Точную сумму без фото обещать нельзя, она фиксируется после фотографии
  • Форм нет, расчёт уходит прямо в мессенджер
02Решение 1

Калькулятор считает способ спила

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

Калькулятор. Способ спила, диаметр и верхняя граница цены
03Решение 2

Сначала свой случай

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

Шесть ситуаций, каждая открывает расчёт своим способом

04Решение 3

Расчёт уходит в мессенджер

Расчёт считается прямо в браузере и подставляется в сообщение для Telegram или WhatsApp. MAX готовый текст по ссылке не принимает, поэтому его кнопка ещё и копирует расчёт и подсказывает вставить его в чат.

  • На телефоне кнопки и ссылки крупные, по ним легко попасть пальцем
  • Шрифты стали легче в два с лишним раза, страница открывается быстрее
  • Сайт на его домене и сервере, с Метрикой и своей политикой
05Как выглядит

До и после и телефон

Работы показаны его фотографиями с объектов, без обработки, высоту и диаметр замеряли на месте. На первом экране больше тысячи объектов в год, эту цифру заказчик подтвердил.

До и после. Берёза сквозь сарай, разобрана по частям со спуском
Аварийная служба, экран телефона 1
Аварийная служба, экран телефона 2
Следующая работа НадекореСайт производства
Надекоре, сайт на телефоне
Надекоре, первый экран сайта

Разбор проекта · 13 из 22

Надекоре

Клиент
Надекоре
Год
2025
Тип
Промо-сайт
Срок в календаре
2 месяца
Направление
Сайт производства

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

01Задача

Платят вперёд за то, чего ещё нет

Готовую мебель можно потрогать в салоне. Заказную нельзя, её оценивают по эскизу и по доверию к производству. Отсюда все вопросы, которые человек держит в голове и обычно не задаёт вслух.

  • Оплата идёт до того, как изделие появилось
  • Ошибку нельзя обменять, изделие сделано под конкретный размер
  • Сроки в нише плавают, и об этом все знают
02Решение 1

Два адресата вместо одного

У производства два разных покупателя. Частный клиент делает кухню раз в десять лет. Дизайнер интерьера приводит заказы постоянно, и ему нужно совсем другое. Поэтому работа с дизайнерами вынесена отдельно, вместе со сложной геометрией и подготовкой технического проекта. Один канал разовый, второй повторяющийся, и терять второй нельзя.

03Решение 2

Срок назван вилкой, а не словами

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

04Решение 3

Вопросы собраны из страхов, а не из описания компании

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

05Как выглядит

Тёмный интерьерный тон и галерея как доказательство

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

Первый экран. Мебель по индивидуальным эскизам
Галерея интерьеров
Детали проекта. Офис в Краснодаре
Следующая работа ОрбитаСайт-афиша
Орбита, сайт на телефоне
Орбита, первый экран сайта

Разбор проекта · 14 из 22

Орбита

Клиент
Орбита, Ейск
Год
2025
Тип
Сайт с бронированием
Срок в календаре
2 месяца
Направление
Сайт-афиша

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

01Задача

Три заведения и три разных вечера

У площадки в Ейске три формата и три публики, которые пересекаются мало. Семья, которая идёт ужинать, и компания, которая идёт в клуб до утра, попадают на сайт с разными вопросами и в разное время суток. Общий рассказ про уютную атмосферу не работает ни для кого из них.

02Решение 1

Три входа с разным характером

Каждый формат получил свой блок, свой визуальный режим и свой раздел в меню, а не строчку в общем списке. Караоке про то, чтобы петь в полную силу и быть услышанным. Клуб про звук, свет и танцпол. Ресторан про кухню и вечер, который становится событием. Человек выбирает вход, а не читает всё подряд.

Три формата. Ресторан, караоке, клуб
03Решение 2

Афиша, привязанная к площадке

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

Афиша. У каждого события своя дата и свой плакат

04Как выглядит

Ночной ритм

Первый экран задаёт вопрос вместо описания, «Готов оказаться в центре событий?» Дальше три формата, афиша и акции.

Первый экран. В центр событий
Акции и спецпредложения
Следующая работа SAS DevelopmentКорпоративный сайт
SAS Development, сайт на телефоне
SAS Development, первый экран сайта

Разбор проекта · 15 из 22

SAS Development

Клиент
SAS Development Group
Год
2025
Тип
Корпоративный сайт
Срок в календаре
3 месяца
Направление
Корпоративный сайт

Этот сайт ищет не покупателей квартир, а партнёров. Партнёров двух разных видов, и вопросы у них противоположные. Владелец земли спрашивает, что он получит за свой участок. Инвестор спрашивает, как войти в проект и как из него выйти. Корпоративный сайт девелопера обычно пишут под кого-то одного, а второго теряют.

Сайт дорабатывается, пока показываю кадрами

01Задача

Два адресата с противоположными вопросами

Землевладельцу нужна не презентация компании, а понятная схема сделки. Он держит актив и боится его потерять. Инвестору нужен способ участия, стадия входа и горизонт выхода. Усреднённый текст про надёжного застройщика не отвечает ни одному из них, зато выглядит ровно как у всех остальных.

  • Владелец земли решает, отдавать ли актив, и думает про риск
  • Инвестор решает, куда положить деньги, и думает про доходность и выход
  • Суммы такие, что решение принимают долго и вместе с юристом
02Решение 1

Два отдельных блока вместо усреднённого текста

На странице два раздела с прямым обращением. Землевладельцам и инвесторам. Каждый написан своей логикой и отвечает на свой вопрос. Человек находит себя за секунду и не читает чужое.

  • Землевладельцам пять пунктов. Денежный входной билет, участие в прибыли, получение площадей, проектное финансирование, сопровождение согласований
  • Инвесторам семь форматов участия, от долевого до совместного предприятия
03Решение 2

Семь форматов входа вместо «инвестируйте с нами»

В деньгах такого размера общая фраза не работает. Инвестор мыслит конструкцией сделки, а не лозунгом. Поэтому каждый формат назван так, как он называется в договоре, и раскрывается отдельно.

  • Долевое участие в проектной компании
  • Мезонинное финансирование и инвестиционный заём
  • Совместное предприятие и приобретение доли в земельном активе
  • Финансирование отдельных этапов проекта

04Решение 3

Цифры вместо прилагательных

Вместо слов о надёжности на первом экране стоят проверяемые величины. Больше десяти лет на рынке, больше десяти реализованных проектов и 231 329 квадратных метров. Ниже счётчики по портфелю, городам и количеству квартир, а в самом портфеле у каждого дома стоят год, статус, число квартир и площадь. Число с таким разрядом нельзя написать примерно, и поэтому ему верят.

Портфель объектов. Реализованные жилые комплексы
05Как выглядит

Строгая корпоративная подача

Первый экран говорит главное. Полный цикл, от поиска участка и получения ГПЗУ до проектного финансирования, стройки и реализации объекта.

Первый экран. Девелопер и инвестиционный партнёр полного цикла
Следующая работа KD Group InvestЭкосистема KDRent
KD Group Invest, сайт на телефоне
KD Group Invest, первый экран сайта

Разбор проекта · 16 из 22

KD Group Invest

Клиент
KD Group
Год
2024
Тип
Многостраничный сайт
Срок в календаре
2 месяца
Направление
Экосистема KDRent

Собственник квартиры покупает не управление арендой. Он покупает возможность не искать жильцов, не ехать чинить кран в выходной и не считать простои. Беда в том, что ровно это обещают все, и слова в нише давно обесценились. Значит сайту надо было не обещать, а показывать.

01Задача

Все обещают одно и то же

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

  • Решение принимает тот, у кого актив уже есть и кто им дорожит
  • Главный конкурент это не другая компания, а привычка справляться самому
  • Обещания обесценены, работает только то, что можно проверить
02Решение 1

Сравнение не с конкурентом, а с его собственным вечером

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

03Решение 2

Названа доходность по конкретным объектам

Самый рискованный блок на сайте и самый сильный. Вместо слов о высокой доходности стоят конкретные объекты с цифрами. По аренде ставка и процент годовых, 35 тысяч и 8,5 процента. По продажам срок и превышение над оценкой, продано за 18 дней и плюс 6 процентов. Рядом оговорка, что цифры ориентировочные и это не оферта. Проверяемое число с оговоркой убеждает сильнее, чем непроверяемое обещание.

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

04Решение 3

Подбор вопросами вместо формы заявки

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

05Как выглядит

Пять услуг и четыре шага

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

Первый экран. Доход с аренды без хлопот
Предпродажная подготовка. Было и стало
Следующая работа ЦКСКорпоративный сайт
ЦКС, сайт на телефоне
ЦКС, первый экран сайта

Разбор проекта · 17 из 22

ЦКС

Клиент
Центр каркасного строительства
Год
2025
Тип
Корпоративный сайт
Срок в календаре
1 месяц
Направление
Корпоративный сайт

Здесь продают технологию, о которой заказчик чаще всего не слышал. Человеку нужен птичник, автосервис или детский сад, и он не знает, что каркас из лёгких стальных конструкций ему подходит. Значит главная задача сайта была не рассказать про ЛСТК, а помочь человеку узнать в списке свой случай.

01Задача

Покупатель не знает, что это про него

В отличие от кирпича или бетона, ЛСТК не входит в бытовой словарь. Заказчик приходит не за технологией, а за зданием под конкретную задачу. Пока он не увидит, что такие здания уже строят под его тип объекта, все преимущества технологии проходят мимо.

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

Спектр применения вместо списка преимуществ

Самый длинный блок на странице и самый полезный. Четыре категории зданий, и в каждой перечислены конкретные объекты. Малоэтажные, промышленные, коммерческие и общественные. А-фреймы, гостиницы, птичники, зернохранилища, ангары, цеха, крытые рынки, автосервисы, больницы, бассейны, детские сады и школы. Это не перечисление ради объёма, а способ сказать человеку, что и для его случая тоже.

03Решение 2

Отдел 3D-проектирования как аргумент доверия

Трёхмерная модель вынесена отдельным блоком, но продаётся не как технология, а как защита от неприятного сюрприза. Ошибки видны до стройки, проект согласуется наглядно, а рядом стоит прямая фраза про точные сметы и понятные чертежи. Это ответ на главный страх заказчика стройки, что насчитают потом.

Отдел 3D-проектирования. Модель до начала стройки

04Решение 3

Шесть услуг как доказательство полного цикла

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

Услуги. Проектирование, производство, монтаж
05Решение 4

Прямые телефоны первых лиц вместо общей формы

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

06Как выглядит

Четыре шага от эскиза до производства

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

Первый экран. Здания на металлическом каркасе
Кейсы. Глэмпинг, дома, объекты под ключ
Следующая работа Путь СилыПромо-сайт
Путь Силы, сайт на телефоне
Путь Силы, первый экран сайта

Разбор проекта · 18 из 22

Путь Силы

Клиент
Путь Силы, WayForceGym
Год
2025
Тип
Лендинг
Срок в календаре
2 месяца
Направление
Промо-сайт

Студия у метро в Москве живёт короткими решениями. Человек не выбирает фитнес полгода, он проходит мимо, видит рекламу и решает за минуту. Значит страница работает не как рассказ о клубе, а как ответ на один вопрос. Сколько стоит попробовать и куда нажать.

01Задача

Решение принимают за минуту, а не за месяц

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

  • Аудитория живёт рядом, выбор идёт по удобству и цене
  • Трафик покупной, поэтому цена ошибки на первом экране прямая
  • Конкурент это не другая студия, а решение не идти вообще
02Решение 1

Цена пробника прямо на первом экране

Не «узнайте стоимость», а десять дней фитнеса за 2 400 рублей и EMS-тренировка за 1 800. Названная цифра снимает главный барьер входа и отсекает тех, кому дорого, до того, как на них потратят время администратора.

03Решение 2

Три направления как три разные аудитории

Пилатес на реформерах, EMS и групповые программы вынесены на первый экран отдельными входами. Это не список услуг, а три разных человека. Один идёт за спиной и осанкой, второй за быстрым результатом, третий за компанией и режимом. Каждый должен увидеть своё, не листая.

Услуги клуба. Направления студии

04Решение 3

Точка записи на каждом экране

Форм на странице несколько, и это сознательно. Человек решает импульсивно, и заставлять его искать кнопку внизу значит терять готового. Отдельно сделана вовлекающая механика с розыгрышем, она превращает случайный заход в контакт.

Акция «Колесо фортуны». Вовлекающая механика
05Как выглядит

Клубные карты и расписание

Ниже первого экрана то, что нужно уже решившемуся. Направления, команда, расписание и клубные карты с тарифами.

Первый экран. Пилатес, EMS, группы
Клубные карты. Тарифы и абонементы
Следующая работа Рондель-МСайт с панелью правки
Рондель-М, экран телефона 1
Рондель-М, экран телефона 2
Рондель-М, первый экран сайта

Сайт с панелью правки · 19 из 22

Рондель-М

Клиент
Рондель-М. Видеонаблюдение, Москва и область
Год
2026
Тип
Лендинг
Срок в календаре
2 недели
Направление
Сайт с панелью правки

Рондель-М ставит видеонаблюдение в частных домах, посёлках и на объектах Москвы и области. Одностраничный сайт сначала спрашивает, что нужно защитить, и под выбранный объект меняет весь блок, от текста до цен. Форм нет, только мессенджеры и телефон. Тексты и партнёров заказчик правит сам, в своей панели на 97 полей.

Сайт дорабатывается, пока показываю кадрами

01Задача

Три разных клиента на одной странице

Хозяин частного дома, председатель посёлка и прораб на объекте ищут одно и то же, но им нужны разные камеры, доводы и цены. Сначала вариантов было два, по просьбе заказчика их стало три, и выбор вынесен крупными карточками, пропустить его нельзя.

  • Москва и область, выезд инженера бесплатно
  • Заявки только в мессенджеры и по телефону, без формы
  • Тексты заказчик хотел менять сам, без разработчика
02Решение 1

Выбор объекта меняет весь блок

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

Что нужно защитить. У каждого объекта свой текст, галерея и цены
03Решение 2

Цены карточками со снимком камеры

Комплекты на 2, 4, 8 и 16 камер стоят карточками с ценой от и снимком камеры, как просил заказчик. Рядом свой вариант с подбором комплекта и оговорка, что точная смета считается после бесплатного выезда инженера.

Комплекты под ключ. Снимки камер сгенерированы, это согласовано с заказчиком

04Решение 3

Заказчик правит сайт сам

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

  • Тёмные и светлые секции чередуются, шрифт Golos Text со свободной лицензией вместо платного шрифта брошюр
  • По первому экрану медленно проходит светлая полоса, как ход камеры по кадру, и не включается, если в системе выбрано «уменьшить движение»
  • Без формы сайт не собирает персональные данные, это сказано в подвале
05Как выглядит

Первый экран и телефон

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

Первый экран. Фон сгенерирован, он не выдаётся за объект компании
Рондель-М, экран телефона 1
Рондель-М, экран телефона 2
Следующая работа КиберлэндСайт развлекательного центра
Киберлэнд, сайт на телефоне
Киберлэнд, первый экран сайта

Разбор проекта · 20 из 22

Киберлэнд

Клиент
КИБЕР ЛЭНД. Семейный центр, ст. Каневская
Год
2026
Тип
Многостраничный сайт
Срок в календаре
2 месяца
Направление
Сайт развлекательного центра

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

01Задача

Три мира, три покупателя, одна крыша

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

  • Аудитории не пересекаются по возрасту и настроению
  • Главный продукт центра это повод прийти, а не билет на вход
  • Станица, решение принимают по телефону и по рекомендации
02Решение 1

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

Детская зона светлая и пастельная, с цветными буквами и настоящими детьми на фото. VR тёмный, с неоном и человеком в шлеме. Ресторан на плотном синем с едой крупно. Три режима не спорят, потому что их держит одна шапка с меню по зонам и одной кнопкой «позвонить». Человек попадает в свой мир и при этом видит, что рядом есть ещё два.

Детская зона. Пастель, цветные буквы, дети на фото
VR-пространство. Тёмный неон, человек в шлеме
03Решение 2

События как готовые форматы с длительностью

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

Сценарии. День рождения на 3 до 5 часов, VR-приключение на 1 до 2

04Решение 3

Ресторан с акциями, потому что еда держит семью на месте

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

Ресторан с ярким вкусом. Бургер, пицца, салат
Акции. Вторая пицца, бургеры, блюдо дня
05Решение 4

Звонок и «запланировать визит» вместо длинных форм

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

06Как выглядит

Слоган и три зоны одной строкой

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

Первый экран. Детское пространство, VR и семейный ресторан в одном месте
Следующая работа ДеньСвой продукт
День, экран телефона 1
День, экран телефона 2
День, экран телефона 3
День, экран телефона 4
День, экран телефона 5
День, картина месяца в приложении

Свой продукт · 21 из 22

День

Клиент
ERG, свой продукт
Год
2026
Тип
Бот и мини-приложение
Срок в календаре
1 день на первую версию
Направление
Свой продукт

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

Приложение личное, поэтому показываю кадрами

01Задача

Трекер, который не превращается в упрёк

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

  • Ни серий, ни процентов, ни целей внутри приложения
  • Красного нет. Синий значит сделал, янтарь половина, пустая клетка не сделал
  • Незаполненный день не окрашен вовсе, это пауза, а не провал
02Решение 1

Семь клеток и закрытая граница

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

День, экран телефона 1
День, экран телефона 2
03Решение 2

Картина раз в неделю

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

День, экран телефона 3
День, экран телефона 4

04Решение 3

Бот, который умеет молчать

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

День, экран телефона 5
05Как выглядит

Экран дня, картина и замеры

Знак собран по геометрии куба ERG, но складывается из букв D, E и N. Цвета из палитры ERG, синий для тёмной темы взят светлее, чтобы держать контраст.

Вчерашний день, картина недели и замеры. Данные выдуманные
Следующая работа Данила и ПолинаСайт-приглашение
Данила и Полина, экран телефона 1
Данила и Полина, экран телефона 2
Данила и Полина, экран телефона 3
Данила и Полина, экран телефона 4
Данила и Полина, экран телефона 5
Данила и Полина, первый экран сайта

Сайт-приглашение · 22 из 22

Данила и Полина

Клиент
Данила и Полина, в связке с Royalty Teams
Год
2026
Тип
Сайт-приглашение
Срок в календаре
2 дня
Направление
Сайт-приглашение

Свадебное приглашение для Данилы и Полины в Краснодаре. Главная идея, показать жениха и невесту детьми, а потом развернуть «Узнали? Да-да, это мы!». Стиль и идею взяли с демо-приглашения другой студии и собрали заново, со своими шрифтами, рисунками и фотографиями пары. Сделано в связке с Royalty Teams.

01Задача

Приглашение, которое узнают по детским фото

Пара хотела сайт-приглашение, которое гости открывают с телефона по ссылке. На нём всё о дне, от росписи до дресс-кода, и тёплый тон с юмором, а не официальная открытка.

  • Одна колонка под телефон, на компьютере та же колонка по центру
  • Роспись и основная часть, у каждой адрес и ссылки на Яндекс Карты и 2ГИС
  • Собрано за два дня, за три дня до свадьбы
02Решение 1

Детские фото и рукописные заголовки

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

Данила и Полина, экран телефона 1
Данила и Полина, экран телефона 2
03Решение 2

Всё о дне на одной странице

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

Данила и Полина, экран телефона 3
Данила и Полина, экран телефона 4

04Как выглядит

Три экрана с телефона

Палитра бордовая и кремовая, как в референсе, по краям тёмный фон. В конце подтверждение присутствия и подпись пары.

Первый экран, когда и где, тайминг и дресс-код
Данила и Полина, экран телефона 5
Следующая работа AURUM PARKСайт со сценами

Расскажите задачу своими словами

Отвечу в течение рабочего дня. Скажу, сколько это займёт и стоит ли вообще это делать.

ERG · Тимур Эргашев