Статьи о дизайне сайтов

Стоимость дизайна сайта в России в 2026 году варьируется в широком диапазоне. Мы работаем по прозрачной системе ценообразования: лендинг — базовая категория, корпоративный сайт — средняя, интернет-магазин — выше, портал или сложный сервис — верхняя ценовая категория.

На итоговую цену влияют:

• Количество страниц и уникальных блоков
• Сложность UX-проектирования (прототипы, исследования)
• Наличие анимации и интерактивных элементов
• Необходимость разработки дизайн-системы
• Наличие фирменного стиля или его разработка
• Сроки (срочные проекты дороже)

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

По завершении проекта вы получаете полный пакет дизайн-исходников в удобных форматах:

• Figma — основной источник с полной структурой, компонентами, слоями и комментариями
• PNG/JPG — экспорт всех страниц в высоком разрешении для презентаций и согласований
• SVG — все иконки и векторные элементы в отдельном файле
• PDF-спецификация — подробное описание поведения элементов для верстальщика
• UI-кит — библиотека компонентов для масштабирования
• Шрифты — если использовались кастомные, передаём с лицензией

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

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

В дизайн входит только создание макетов: прототип, визуальный дизайн, адаптивные версии, UI-кит, спецификации. Вёрстка — это отдельный этап: превращение макетов в HTML/CSS/JavaScript-код.

Если вам нужна только вёрстка — у нас есть отдельная услуга разработки сайтов. Если дизайн и вёрстка — можем сделать комплексно и дать скидку.

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

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

Однако, чтобы процесс был эффективным, рекомендуем:

• Собирать замечания пакетно — одним списком, а не по одному
• Формулировать конкретно — «кнопка должна быть синего цвета», а не «мне не нравится»
• Избегать кардинальных изменений на финальных этапах

На этапе концепции мы обычно предлагаем 2 варианта на выбор. Если ни один не подошёл — предлагаем третье направление без дополнительной оплаты.

Да, адаптивность входит в стоимость по умолчанию — это не отдельная услуга.

Мы проектируем три версии: десктопную, планшетную и мобильную. Мобильная версия — это не «уменьшенная копия» десктопа, а полноценный UX с учётом:

• Тач-взаимодействия (крупные кнопки, свайпы)
• Размера экрана (перестройка блоков)
• Контекста использования (мобильные пользователи часто спешат)
• Скорости загрузки (оптимизация изображений)

В 2026 году более 65% трафика приходит с мобильных устройств, поэтому мы уделяем мобильной версии особое внимание.

Да, редизайн — одно из ключевых направлений. Мы не просто «перекрашиваем» сайт, а проводим полный анализ и предлагаем системное улучшение.

Процесс:

1. Аудит текущего сайта — аналитика поведения, конверсия, проблемные места
2. Исследование — кто ваши пользователи, что они ищут, где уходят
3. План редизайна — что оставить, что изменить, что добавить
4. Редизайн — с сохранением того, что работает
5. SEO-сохранение — правильный перенос URL, мета-тегов, редиректы

По статистике, грамотный редизайн увеличивает конверсию в среднем на 25–40%, а скорость загрузки — на 30–50%. Мы не ломаем то, что приносит результат, а улучшаем то, что мешает.

UX-проектирование — это фундамент дизайна. Оно включает несколько этапов:

• Исследование — анализ целевой аудитории, конкурентов, рынка
• Портреты пользователей (персоны) — обобщённые образы ваших клиентов
• Карта пути клиента (CJM) — как пользователь взаимодействует с сайтом на каждом этапе
• Структура сайта — карта страниц, иерархия разделов
• Прототип (wireframe) — схематичное расположение блоков
• Юзабилити-тестирование — проверка прототипа на реальных пользователях

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

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

• Цветов (основные, дополнительные, акцентные)
• Шрифтов (заголовки, текст, размеры)
• Логотипа (основная версия, варианты использования, охранное поле)
• Отступов и сеток
• Стиля изображений (фото, иллюстрации, иконки)

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

Процесс согласования прозрачный и структурированный:

1. Показываем 2 концепции главной страницы — вы выбираете направление, которое ближе
2. Разрабатываем остальные страницы в выбранном стиле
3. Вы оставляете комментарии прямо в Figma или в отдельном документе
4. Вносим правки, показываем обновления
5. Утверждаем финал

Все этапы отслеживаются в таск-трекере, вы видите прогресс в реальном времени. Коммуникация — в Telegram/Slack, при необходимости — видеозвонки. Мы стараемся отвечать на вопросы в течение нескольких часов, чтобы не тормозить процесс.

Да, мы учитываем особенности CMS на этапе проектирования, чтобы дизайн легко «ложился» на систему и не требовал переделок при верстке.

• WordPress — учитываем гибкие блоки Gutenberg, шаблоны страниц
• 1С-Битрикс — работаем с компонентами, инфоблоками, шаблонами
• OpenCart — модули каталога, корзины, оформления заказа
• Tilda — блочная структура, ограничения платформы
• Laravel, React — полная свобода, проектируем компонентную систему

Если CMS ещё не выбрана — поможем подобрать оптимальный вариант под ваши задачи, бюджет и планы развития.

Такое бывает, и мы к этому готовы. Обычно мы предлагаем 2 варианта концепции главной страницы, чтобы у вас был выбор.

Если ни один не подошёл:

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

Наша цель — не «навязать красивую картинку», а создать дизайн, который решает задачи бизнеса. Обычно 2–3 итерации достаточно, чтобы попасть в ожидания. Все итерации на этапе концепции — бесплатны.

Да, все исходники передаются вам в полном объёме, без каких-либо ограничений.

Вы получаете:

• Figma-файл с полной структурой: компоненты, auto-layout, комментарии, история версий
• SVG-иконки и векторные элементы
• Шрифты (если использовались кастомные)
• Изображения (с лицензиями)
• UI-кит и спецификации

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

Стандартный корпоративный сайт — это 10–15 страниц: главная, о компании, услуги, портфолио или кейсы, контакты, блог, страница благодарности, страница 404, политика конфиденциальности.

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

Мы считаем не столько страницы, сколько уникальные шаблоны. Это выгоднее для вас: одна страница-шаблон «Услуга» + 20 страниц на её основе = 1 уникальный дизайн, а не 20. Такой подход экономит бюджет и ускоряет проект.

Да, но это отдельная услуга со своей спецификой. Дизайн мобильных приложений отличается от веб-дизайна: используются нативные гайдлайны (Human Interface Guidelines для iOS, Material Design для Android), учитываются тач-жесты, состояния загрузки и offline-режим, работа с уведомлениями, разрешениями, интеграциями с устройством.

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

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

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

Для небольших проектов Agile часто избыточен — работаем линейно. Выбор модели зависит от ваших предпочтений и особенностей проекта.

Дизайн-система — это библиотека компонентов и правил, которая позволяет поддерживать единообразие и быстро развивать проект. Она включает:

• UI-кит — готовые компоненты (кнопки, формы, карточки, навигация) во всех состояниях
• Типографика — иерархия шрифтов, размеры, интерлиньяж, отступы
• Цвета — основная палитра, акцентные цвета, состояния
• Сетка — breakpoints, колонки, отступы
• Правила использования — как и когда применять компоненты
• Документация — описание для дизайнеров и разработчиков

Дизайн-система особенно полезна для крупных проектов: она ускоряет разработку новых страниц, снижает вероятность ошибок, обеспечивает единообразие. Для небольших сайтов дизайн-система может быть избыточной — вместо неё хватает UI-кита.

Мы используем два подхода к проверке удобства: юзабилити-тестирование и эвристическую оценку.

Юзабилити-тестирование: показываем прототип или готовый дизайн реальным пользователям (обычно 5–7 человек из целевой аудитории), даём им задачи, записываем сессии, выявляем проблемы. Это самый надёжный способ найти проблемы до вёрстки.

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

Также используем аналитику поведения после запуска: тепловые карты, записи сессий, воронки — чтобы выявить проблемы уже на живом сайте.

Да, для лендинга с типовой структурой это возможно при нескольких условиях:

• У вас уже есть весь контент (тексты, фото, логотип)
• Есть чёткое понимание, что хотите
• Вы готовы оперативно согласовывать (в течение нескольких часов)
• Нет сложных анимаций и интеграций

В этом случае мы выделяем дизайнера на проект и работаем в интенсивном режиме: день 1 — бриф и концепция, день 2 — дизайн главной, день 3 — адаптив и передача.

Однако для корпоративного сайта, интернет-магазина или портала 3 дня — нереально без потери качества. Лучше планировать разумные сроки: 10–20 дней. Если у вас срочный проект — сообщите заранее, мы оценим возможность ускорения.

Да, это отдельное направление. Дизайн email-рассылок — это не просто «картинка письма», а сложная верстка, которая должна корректно отображаться во всех почтовых клиентах (Gmail, Mail.ru, Яндекс.Почта, Outlook, Apple Mail) и на всех устройствах.

Мы учитываем:

• Тёмную тему (всё чаще используется на телефонах)
• Мобильную адаптацию (более 50% писем открываются на телефонах)
• Интерактивные элементы (кнопки, ссылки, формы)
• Превью в списке писем
• Ограничения клиентов (некоторые не поддерживают CSS-анимации или веб-шрифты)

Часто заказывают комплект: welcome-письмо, транзакционные, промо, реактивация.

Мы проектируем мультиязычный дизайн с учётом всех нюансов:

• Длина текстов — немецкий и финский языки длиннее английского на 30–40%, китайский и японский — компактнее
• Направление письма — для арабского и иврита интерфейс нужно «зеркалить» (RTL), менять положение навигации, иконок, полей форм
• Культурные особенности — цвета, изображения, символы могут иметь разное значение в разных культурах
• Переключатель языка — должен быть в удобном месте (обычно в шапке)
• SEO — правильная разметка hreflang, отдельные URL для каждого языка

Мультиязычный дизайн — это дополнительная работа, но мы делаем её без переусложнения.

Мы не используем «стоковые» фото, которые видели все — это убивает уникальность. Подход такой:

1. Если у вас есть свои фото — используем их, при необходимости обрабатываем (цветокоррекция, ретушь, кроп)
2. Если фото нет — подбираем уникальные изображения на платных стоках с правильной лицензией
3. Для ключевых блоков можем заказать фотосессию или создать иллюстрации
4. Используем AI-генерацию изображений, если это уместно — например, для абстрактных фонов

Все изображения оптимизируем под веб: сжатие без потери качества, современные форматы (WebP), правильные размеры под retina-экраны. Для каждой картинки готовим alt-текст для доступности и SEO.

Да, мы специально проектируем дизайн с учётом дальнейшей поддержки. Что это значит:

• Модульные блоки — можно менять местами, удалять, добавлять без переделки соседних
• Гибкие компоненты — цвета, размеры, тексты настраиваются в Figma через варианты
• Понятная структура — логичные названия слоёв и компонентов
• Документация — описание, как что работает

Благодаря этому ваша команда (или сторонний разработчик) сможет добавлять новые блоки без дизайнера, использовать готовые компоненты, поддерживать единый стиль. Для крупных проектов дополнительно делаем дизайн-систему.

Да, мы работаем удалённо со всей Россией и странами СНГ. Процесс не отличается от работы в одном городе. Все коммуникации — онлайн:

• Figma — для макетов и комментариев
• Slack/Telegram — для оперативной связи
• Zoom/Google Meet — для видеозвонков и презентаций
• Notion/Trello — для задач

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

Поддержка после сдачи проекта включает:

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

Срок поддержки — от 3 до 6 месяцев в зависимости от тарифа. По истечении срока можем продлить поддержку. Если у вас есть команда дизайнеров — поддержка не нужна, вы просто получаете исходники и работаете самостоятельно.

Процесс старта такой:

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

Что подготовить заранее: описание бизнеса и задач сайта, примеры сайтов, которые нравятся, логотип и брендинг (если есть), контент (тексты, фото — если готовы), информацию о конкурентах. Если что-то не готово — поможем собрать в процессе.

Мы всегда начинаем с вопроса «зачем?» — чтобы дизайн решал конкретную бизнес-задачу, а не был просто красивой картинкой.

Мы регулярно работаем с существующими дизайнами — дорабатываем, расширяем, адаптируем. Что можем сделать:

• Доработать отдельные блоки — например, переделать форму или главный экран
• Расширить дизайн — добавить новые страницы в существующем стиле
• Адаптировать под мобильные — если дизайн только десктопный
• Обновить компоненты — если UI-кит устарел
• Подготовить к вёрстке — если макеты в PSD или Sketch

Важно: нам нужен исходный файл (Figma, Sketch, PSD) — без него работать сложно. Если исходников нет — можем восстановить дизайн по скриншотам (дороже, но возможно).

Мы используем несколько метрик:

• Конверсия — рост заявок или заказов после запуска дизайна
• Скорость загрузки — оптимизируем дизайн под Core Web Vitals
• Удовлетворённость клиентов — собираем NPS после завершения проекта
• Повторные заказы — значительная часть клиентов возвращается с новыми задачами

Но главный критерий — это результат бизнеса: если клиент приходит с «хочу красивый сайт», а уходит с «сайт приносит больше клиентов», значит, мы сделали свою работу правильно. Мы всегда даём гарантию на дизайн: если что-то не соответствует ТЗ, исправляем бесплатно.