Демо-макеты · собственная витрина
Демо-макеты: десять сайтов и десять презентаций
Это не клиентские проекты, а собственная витрина: по одному первому экрану на нишу и по одной обложке на тип презентации. Каждая тема — своя палитра, своя пара шрифтов, свой характер. Сделаны тем же конвейером, что и боевые сайты в разделе «Кейсы».
Бренды на демо вымышленные, контактов и реальных цен в кадре нет. Всё помечено лейблом «Демо», чтобы не путать с прод-проектами.
Назовите нишу — подскажу, какие два-три демо здесь ближе к вашей задаче. Спросить про тему
Витрина демо-работ
Любое демо открывается в полный размер по клику.
Спешелти-кофейня
Тёплый крафт: первый экран, меню, бронь столика
Стоматология
Чистая клиника: доверие, врачи, запись на приём
Барбершоп
Тёмный премиум: мастера, прайс, запись
Фитнес и йога
Энергия и минимал: расписание, абонементы
Юридическая фирма
Строгий корпоратив: практики, кейсы, консультация
Детейлинг и автосервис
Техно: услуги, пакеты, запись на бокс
Онлайн-школа
Дружелюбный яркий: курсы, преподаватели, старт потока
Флористика
Пастель и элегантность: букеты, доставка
Ресторан высокой кухни
Тёмный фуд-стиль: сет, шеф, бронь
SaaS-продукт
Продуктовый лендинг: тарифы, интеграции, демо
Инвест-питч
Seed-раунд: проблема, продукт, рынок, команда
B2B коммерческое предложение
Оффер, экономика, условия, следующий шаг
Запуск SaaS-продукта
Позиционирование, тарифы, план запуска
Онлайн-курс
Программа, результат, формат обучения
Брендбук
Логотип, палитра, типографика, носители
Маркетинговая стратегия
Аудитории, каналы, воронка, бюджет
Квартальный отчёт
Показатели, динамика, выводы для руководства
Недвижимость
Объект, планировки, условия входа
HoReCa: ресторан
Концепция, меню, экономика точки
HR-онбординг
Первый месяц сотрудника: шаги, роли, чек-листы
Как это собиралось
Двадцать разных эстетик за один прогон конвейера: дизайн-система на тему, вёрстка, скриншот, проверка качества. Ни один набор токенов не повторяется.
Своя система на тему
Палитра, пара шрифтов и ритм фиксируются до кода — иначе всё сползает к одинаковому.
Верстается кодом
HTML и CSS, никаких конструкторов: любой экран можно доработать и вынести в прод.
Скриншот из браузера
Каждое демо снято с живой страницы в двух вьюпортах, а не нарисовано в макете.
Отдельная приёмка
Проверка на слоп, контраст и доступность идёт после сборки — отдельным этапом.
Любое демо отсюда доводится до боевого сайта: та же вёрстка кодом, та же проверка после сборки. Скажите, под какой бизнес нужен экран.
Нужен такой же экран под вашу нишу
Напишите в двух словах, что за бизнес и зачем нужен сайт. Я покажу, какая из этих эстетик ближе, и скажу, сколько будет стоить боевая версия. Если задача не моя — скажу прямо.
Москва · работаю удалённо по всей России · отвечаю в течение часа днём по Москве