LEONZНаписать
Стиль 00 · LEONZ — дальше шестнадцать других Свободен для заказа

Сайты под ключ. Дизайн и код — в одних руках.

Сайт может быть громким — или любым другим.

Лендинги, премиальные сайты с 3D и WebGL, магазины и приложения в браузере. От брифа до публикации делаю сам — ниже работы, цены, сроки и ответы на частые вопросы.

Обсудить проектСмотреть работы ↓

Стиль 02 · Тёмная фольга — для премиальных брендов

PREMIUM

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

  1. P / 01

    RAZGON

    Концепт-магазин городских кроссовок

    Кроссовок разбирается на восемь слоёв, выезжает из коробки и перелетает со страницы на страницу; вокруг — часы, бумбокс и билет в 3D.

    • 3D · WebGL
    • Разбор по слоям
    • Blender
    • Физика
    • Звук
    • Магазин
    Открыть кейс

  2. P / 02

    THE OFFING

    Иммерсивный лендинг верфи

    Весь сайт держится на одном жесте — линии горизонта, из которой раскрывается море.

    • WebGL-шейдеры
    • 3D-парус
    • Скролл-кино
    • Lenis
    Открыть кейс

  3. P / 03

    OBSIDIAN

    Приложение барбершопа (PWA)

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

    • PWA
    • Онлайн-запись
    • Офлайн
    • View Transitions
    Открыть кейс

Стиль 03 · Баухаус — для образования и культуры

Что я
делаю

  • Лендинг

    Одна страница под одну задачу: продать, записать, собрать заявки.

    • Структура и тексты-заглушки под нишу
    • Дизайн в одном из стилей или своём
    • Адаптив 375–1920, анимации
    • Сборка и публикация

    Цена по запросу

    Пример: Ember Roasters, Glow Atelier, Whisker & Co

  • Премиальный сайт

    Иммерсивный сайт, который запоминают: WebGL, 3D, видео, звук.

    • Арт-дирекшн и подбор съёмки
    • WebGL и 3D-сцены, шейдеры
    • Скролл-режиссура и звук
    • Скорость в зелёной зоне

    Цена по запросу

    Пример: RAZGON, THE OFFING

  • Магазин или приложение

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

    • Каталог с фильтрами и карточками
    • Корзина, оформление или запись
    • PWA и офлайн-режим
    • Хранение данных на устройстве или API

    Цена по запросу

    Пример: RAZGON, OBSIDIAN

  • Анимации и доработка

    Оживлю готовый сайт: скролл-анимации, микровзаимодействия, скорость.

    • Аудит скорости и доступности
    • Анимации на GSAP и CSS
    • Переходы между страницами
    • Без переделки дизайна

    Цена по запросу

    Пример: Pulse Studio, AETHERIA

Цену считаю после короткого брифа: ниша, объём, сроки. Отвечаю в тот же день.

Стиль 04 · Швейцарский стиль — для архитектуры и консалтинга

Что входит
в каждый сайт

  1. Дизайн под нишу

    Стиль, сетка, шрифты и цвета — под вашу аудиторию. Не шаблон с подменой цвета.

  2. Адаптив 375–1920

    Проверяю на телефоне, планшете и большом экране до того, как покажу вам.

  3. Анимации в меру

    Появления, скролл и отклик кнопок — столько, сколько нужно задаче.

  4. Структура и тексты

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

  5. Доступность

    Контраст по WCAG 2.2 AA, работа с клавиатуры и со скринридером.

  6. Скорость

    Картинки в AVIF и WebP, шрифты и видео грузятся, когда до них доходит очередь.

  7. SEO-основа

    Заголовки, описание, картинка для соцсетей, sitemap и robots.

  8. Передача

    Сборка, дизайн-система и инструкция, как править самому.

Стиль 05 · Оверсайз-гротеск — для стритвира и музыки

Ниши,
где уже есть сайт

  1. Кофейня и обжаркаEmber Roasters
  2. Фитнес-приложениеPulse Studio
  3. Косметика и уходGlow Atelier
  4. Одежда и текстильTerra Thread
  5. Корм для питомцевWhisker & Co
  6. Отель и курортAETHERIA
  7. Кроссовки и стритвирRAZGON
  8. Яхты и верфьTHE OFFING
  9. БарбершопOBSIDIAN

Вашей ниши нет в списке? Это не проблема: стиль подбирается под аудиторию, а не под готовый шаблон.

Стиль 06 · Чертёж — для инженерии и B2B

Как идёт
работа

  1. Бриф

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

  2. Концепция

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

  3. Прототип

    Рабочий код, а не картинка. Проверка на 375, 768 и 1440, клавиатурой и скринридером, с замером скорости. Здесь же вы кликаете по нему сами и говорите, что не так.

  4. Передача

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

Стиль 07 · Необрутализм — для стартапа и сервиса

Сроки
и оплата

Сроки

Лендинг
Обсудим на брифе
Премиальный сайт
Обсудим на брифе
Магазин или приложение
Обсудим на брифе
Анимации и доработка
Обсудим на брифе

Оплата и правки

Предоплата
Обсудим на брифе
Правки
Обсудим на брифе
После сдачи
Обсудим на брифе
Как оплатить
Обсудим на брифе

ДокументыРаботаю как самозанятый: чек на каждую оплату.

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

Стиль 08 · Y2K и хром — для бьюти и фестиваля

Анимации, 3D и звук

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

Стиль 09 · Терминал — для IT и крипто

> скорость и технологии

$ npm run build

  • статический экспорт: ни сервера, ни рантайма — страница отдаётся файлом
  • картинки в AVIF и WebP с размерами: страница не прыгает при загрузке
  • шрифты и видео грузятся, когда до них доходит очередь
  • контраст и фокус по WCAG 2.2 AA, работа с клавиатуры

готово · сайт можно выкладывать на любой хостинг

$ cat stack.txt
ИнструментЗачем
Framerпрототип и продакшн
Webflowсайты под самостоятельную правку
Figmaтокены и компоненты
Next.jsстатический экспорт
Astroконтентные проекты
TypeScriptстрогий режим
Tailwindслой утилит поверх токенов
GSAPсложные таймлайны
CSS Scroll-Drivenскролл без JS
WCAG 2.2 AAконтраст, фокус, клавиатура
Core Web VitalsLCP · INP · CLS

Стиль 10 · Редакционный люкс — для отеля и ювелирки

Maison LEONZ · Принципы

Как я работаю

  1. Дизайн и код — в одних руках

    Тот, кто нарисовал макет, отвечает и за то, как он работает на телефоне, с клавиатуры и в замере скорости.

  2. Своя система для каждого сайта

    Не шаблон с подменой цвета: у каждого сайта своя ниша, своя плотность и свой темп анимации.

  3. Честно о том, что не моё

    Если задача не моя, скажу об этом сразу и посоветую, к кому идти.

  4. Только настоящее

    Ни выдуманных отзывов, ни выдуманных цифр — на этом сайте их нет.

  5. Вы не зависите от меня

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

Стиль 11 · Обложка журнала — для медиа и личного бренда

Выпуск № 01 · 2026 · Дизайн и код

Портрет автора сайта: человек в профиль на фоне реки, моста и закатного неба

Разговор

Дизайн и код — в одних руках

Я — LEONZ. Проектирую и собираю лендинги целиком: от токенов и сетки до продакшена. Макет не уходит «на вёрстку» к кому-то ещё — тот, кто его нарисовал, отвечает и за то, как он работает на телефоне, с клавиатуры и в замере скорости.

Кейсы выше — не один шаблон с подменой цвета: у каждого своя ниша, своя плотность и свой темп анимации. Общий у них подход, а не сетка.

Если задача не моя, скажу об этом сразу и посоветую, к кому идти.

Делаю
Дизайн и разработку лендингов
Площадка
Kwork
Языки
Русский, английский
Статус
Свободен для заказа

Стиль 12 · Мессенджер — для сервисов и доставки

Отзывы

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

LEONZбыл(а) недавно

Сегодня

А где отзывы?12:04

Пока нет — ни здесь, ни на площадках. Сайт новый, первые проекты ещё в работе.12:05 ✓✓

Напишут заказчики — отзывы появятся здесь, слово в слово и с их разрешения.12:05 ✓✓

Стиль 13 · Мягкий органик — для wellness и клиник

Частые
вопросы

Сколько стоит сайт?

Зависит от объёма: лендинг, премиальный сайт, магазин или доработка готового. Ориентиры по пакетам — в «Услугах и ценах», точную цену называю после короткого брифа: ниша, объём, сроки.

Услуги и цены →
Сколько времени занимает работа?

Срок зависит от объёма и того, готовы ли тексты и фото. Называю его после брифа, до начала работы.

Сроки и оплата →
Как проходит оплата?

Работаю как самозанятый: чек на каждую оплату.

Сроки и оплата →
Сколько правок входит?

Договоримся на брифе. Правки идут по этапам: концепция, прототип, сборка — так их меньше и они дешевле.

Смогу ли я править сайт сам?

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

Как идёт работа →
У меня нет текстов и фото. Можно начать?

Можно. Структура и тексты-заглушки под нишу входят в работу: сразу видно, что и куда писать. Фото и логотип подключаются, когда будут готовы.

Что подготовить →
Где будет жить сайт?

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

Моей ниши нет среди работ. Это проблема?

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

Ниши →

Стиль 14 · Ретро-70-е — для кофейни и барбершопа

Что подготовить
к старту

  1. Ниша и отличие

    Чем занимаетесь и чем вы лучше соседей по улице или поиску.

  2. Два-три примера

    Сайты, которые нравятся, — и чем именно: цветом, подачей, ощущением.

  3. Главное действие

    Что должен сделать посетитель: позвонить, записаться, купить.

  4. Тексты и фото

    Если есть — отлично. Если нет, начнём со структуры и заглушек.

  5. Срок и бюджет

    Когда нужен сайт и на какую сумму ориентируетесь.

Прислать в TelegramПрислать на почту

Стиль 15 · Кинетический постер — для событий

Давайтесоберёмваш сайт

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