Дизайнер или
разработчик?

Спор «кто делает сайты лучше — дизайнер или разработчик» возникает каждый раз, когда заказчик собирает команду на проект. И каждый раз ответ один и тот же. Лучшие сайты в 2026 году делают дизайнеры, освоившие разработку. Не наоборот. Это не идеология — это пять лет моих собственных наблюдений и сравнений: я работал и в студиях с большими отделами разработки, и как соло-исполнитель с UI/UX-базой. Разница в результате — кратная.

Откуда вообще этот спор

Лет десять назад спорить было не о чем. Дизайнер рисовал в Photoshop макет, верстальщик «нарезал» его в HTML, программист цеплял бекенд. Три специалиста — три навыка. Никто не пересекался. Если хотел работать соло — учил всё подряд и был «человеком-оркестром» среднего уровня.

Сейчас всё изменилось. Появился Claude, который пишет код за тебя. Появился Vercel, на который деплоится за минуту. Появилась Figma с переменными и токенами, из которых можно поднять полноценную дизайн-систему. И вдруг оказалось, что код перестал быть редким навыком. Любой джун может написать рабочий лендинг с помощью AI за день. Но почему-то лендинги джунов всё равно выглядят как лендинги джунов.

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

Что делает разработчик без дизайн-базы

Возьмём типичную задачу: лендинг для SaaS-стартапа за 200 000 ₽. К программисту приходит макет от стажёра или вообще без макета — «сделайте по референсам». Что получится:

• Сайт технически рабочий: формы валидируются, кнопки кликабельны, mobile-responsive по Bootstrap
• Типографика — дефолтная: Inter 16px, line-height 1.5, без иерархии
• Цвета — из StackOverflow: главный цвет = #007bff (Bootstrap blue), акценты случайные
• Сетки — Bootstrap 12 колонок, ничего не выровнено по оптической сетке
• Микроанимации — отсутствуют или скопированы из туториала
• Hover-эффекты — `transform: scale(1.05)` на всё подряд
• Заголовки — H1 36px, потому что «сделал поменьше — кажется аккуратнее»
• Результат: сайт похож на стартап 2017 года. Продаётся за 50-100 тыс. ₽.

И это не значит, что разработчик плохой. Он отлично знает React, умеет в TypeScript, разворачивает CI/CD за час. Просто его не научили видеть. Когда я сижу с таким разработчиком на ревью и говорю «межбуквенный интервал в заголовке слишком разреженный», он отвечает: «А разве это важно? Шрифт же читается». Важно. Из-за таких мелочей сайт за 50 000 ₽ выглядит как сайт за 50 000 ₽, а не за 500 000.

Что делает дизайнер с кодом

Теперь обратная история. Тот же лендинг, но делает UI/UX-дизайнер 3+ года опыта, который прошёл программу курсов и освоил Claude/Vercel/vanilla-стек:

• Сетка выверена под контент: бейзлайн-grid, оптические смещения, ритм
• Типографика — выбор пары шрифтов под бренд, осознанные размеры и трекинг
• Цвета — палитра из 5-7 оттенков, выстроенная по контрасту WCAG AA
• Иерархия — крупный H1 в hero, средний H2 для секций, мелкий sub-text как ритм
• Микроанимации — точечные, осмысленные (cubic-bezier `0.16, 1, 0.3, 1` для премиум-ощущения)
• Hover-эффекты — не одинаковые, а специально подобранные для каждой группы элементов
• Композиция — есть «дыхание» (white space), фокус не размазан
• Результат: сайт похож на премиум-продукт. Продаётся за 350-500 тыс. ₽.

Код у обоих может быть одинаковый по «правильности». Тот же Vanilla JS, тот же CSS Grid, тот же Service Worker. Но воспринимается совершенно по-разному. И заказчики не идиоты — они эту разницу видят и платят за неё больше.

Реальные примеры из практики

Пример 1: OVERCAP (SaaS CRM)

Команда из двух full-stack разработчиков делала MVP. Я подключился через год — нужен был redesign, потому что метрики были плохие. Тогда я сидел над макетами в Figma неделю, переделал всю типографику (пара DM Sans + Fraunces вместо Roboto), пересмотрел сетки, добавил микроанимации. Код почти не трогал — он был приличный. Конверсия на регистрацию выросла в 2.8 раза. Не потому что код стал лучше — он не стал. Потому что глаз стал лучше.

Пример 2: SITEMETRICS (SaaS SEO)

Тут наоборот — я делал сразу всё, от концепции до прода. Один человек, 4 месяца работы. Сейчас сайт держит позицию топ-3 по «SEO-аудит онлайн» в Yandex и приносит 40 заявок в месяц. Это пример того, что соло-дизайнер-разработчик может покрыть весь цикл без потерь качества — потому что любые решения принимаются одной головой, без потерь в коммуникации.

Пример 3: ARTEWOOD (E-commerce мебели)

Заказчик пришёл с готовой версией от агентства за 800 000 ₽. Конверсия — 0.4%. Мы за месяц переделали UI: убрали 60% «декора», переписали типографику, добавили правильную фотосъёмку и работу с цветом. Конверсия выросла до 2.1%. Код почти не менялся.

Почему вкус нельзя выучить за неделю

Это главный аргумент против обратного движения — «разработчик учит дизайн». Можно ли пройти курс UX за месяц и научиться видеть? Нет.

Вкус — это distillery of taste, насмотренность тысяч проектов, годы попыток скопировать и понять, почему у Линуса Болдена работает, а у тебя — нет. Год опыта в Figma — это 1500-2000 макетов, которые ты успел потрогать руками, и десятки тысяч, которые ты разглядывал в портфолио. Это нельзя получить за выходные.

Дизайнер учит код за 3 месяца до уровня соло-разработчика. Разработчик учит дизайн годами и часто всё равно остаётся «техничным».

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

Как дизайнеру стать fullstack

Если у тебя есть UI/UX-база (год+ в Figma, портфолио с реальными проектами), путь в fullstack-разработку выглядит так:

1. Базовый HTML/CSS — не «зубрить теги», а понять принципы: семантика, Grid/Flexbox, custom properties. 1-2 недели интенсивной практики.
2. Vanilla JS — без React. Селекторы, события, IntersectionObserver, fetch. 2-3 недели. Этого хватает на 90% задач.
3. Claude Code как инструмент — научиться структурировать промпты, давать контекст, читать чужой код. Это другое мышление. 1-2 недели.
4. Vercel + GitHub — деплой за 5 минут. Подключение домена. Env vars. 2-3 дня.
5. Бэкенд по необходимости — Vercel Functions, Supabase, Resend. Делать только то, что нужно для конкретного проекта.
6. Финальный проект — твой первый коммерческий сайт от Figma до прода. Лучше с ментором, который укажет на грабли.

Реально это занимает 3-6 месяцев, если заниматься 5-10 часов в неделю. Большинство учеников за это время становятся способными взять заказ на лендинг за 150 000 ₽ и закрыть его соло.

Кому всё это не подходит

Будь честен с собой. Если у тебя:

• Меньше года опыта в Figma — сначала прокачай дизайн
• Нет собранного портфолио — соберите хотя бы 5-7 кейсов
• Не любишь технические детали — fullstack будет мучением
• Хочешь «быстро срубить денег» — этот путь долгий, годы
• Не готов учиться по часу в день — не зайдёт

Если хотя бы пара пунктов про тебя — это не значит, что ты «плохой дизайнер». Это значит, что твой путь — другой. Можно вырасти как чистый UI/UX-эксперт и зарабатывать 250-400 тыс. ₽/мес в продуктовой компании. Это абсолютно нормальная карьера.

Итого

Лучшие сайты делают дизайнеры, освоившие разработку. Не наоборот. Это не потому что разработчики плохие — это потому что вкус и насмотренность качаются на порядок дольше, чем технические навыки. Если у тебя есть дизайн-база и амбиции расти в продакшен — путь открыт. Если нет — копи базу или ищи другой путь.