Сколько стоит UX/UI-дизайн сайта, зависит не от числа страниц, а от числа уникальных типов страниц, глубины исследования и того, нужна ли дизайн-система. У нас дизайн лендинга стоит от 250 000 ₸, корпоративного сайта на 8–12 типов страниц — от 600 000 ₸, интернет-магазина или сервиса — от 1 200 000 ₸. Сроки — от 1–2 до 5–7 недель. Ниже разбираем смету по этапам, чтобы было понятно, за что вы платите и почему два предложения «дизайн сайта» могут отличаться в пять раз.
- Единица сметы — тип страницы: десять одинаковых страниц услуг считаются как один макет.
- Дизайн включает не только красивые макеты, но и исследование, прототип с UX-тестом, адаптивы, все состояния экранов и дизайн-систему.
- Правки на прототипе и макетах не ограничены, пока макет не утверждён.
- Отдельно оплачиваются только лицензии шрифтов и стоков, о них говорим заранее.
Стоимость дизайна сайта: три формата
Мы считаем UX/UI-дизайн сайтов по формату проекта. Внутри каждого — один и тот же набор этапов, меняется только объём.
| Формат | Цена | Срок | Что входит |
|---|---|---|---|
| Лендинг | от 250 000 ₸ | 1–2 недели | Прототип и дизайн одной страницы, адаптив, UI-кит |
| Сайт | от 600 000 ₸ | 3–5 недель | Исследование, прототип 8–12 типов страниц, UI, адаптивы, дизайн-система |
| Магазин / сервис | от 1 200 000 ₸ | 5–7 недель | CJM, каталог, карточка, чекаут, личный кабинет, все состояния, UX-тесты, дизайн-система |
Формат «Сайт» выбирают 7 из 10 заказчиков: это корпоративные сайты и сайты услуг, где важно и доверие, и заявки. «Лендинг» подходит под одну рекламную кампанию. «Магазин / сервис» дороже не из-за количества товаров, а из-за сценариев: поиск, фильтр, корзина, оплата, личный кабинет — каждый требует проработки и проверки на людях.
Из чего складывается цена UX/UI-дизайна
Возьмём формат «Сайт» на 3–5 недель и разложим его по неделям. Так проще увидеть, где именно работает бюджет.
UX: исследование и прототип
UX — это логика: какие блоки нужны, в каком порядке, как человек доходит до заявки. На исследовании разбираем, где посетители уходят с текущего сайта и какие сомнения у них на каждом шаге — для этого строим карту пути клиента. Затем рисуем серые схемы страниц и даём их пройти реальным людям. Правки на этом этапе стоят часы, а не дни, поэтому экономить на нём — самая дорогая экономия. Подробнее этот этап описан на странице прототипирования интерфейсов.
UI: макеты, адаптивы и состояния
UI — визуальный слой поверх утверждённой логики: цвета, типографика, иконки, фото, анимации. Каждый тип страницы рисуется в трёх версиях — десктоп, планшет и мобильный. Отдельно прорабатываются состояния: пустой список, загрузка, ошибка формы, успешная отправка, длинный и короткий текст. Без них разработчик додумывает сам, и сайт выглядит не так, как на макете.
Дизайн-система и передача в разработку
Библиотека компонентов в Figma с правилами применения: кнопки, поля, карточки, отступы, цвета в токенах. Она окупается после запуска — новую страницу маркетолог собирает из готовых блоков за час, а не заказывает дизайнеру. В состав работ входит и контроль вёрстки: мы принимаем каждый свёрстанный экран, чтобы «нарисовали одно — получилось другое» не случилось.
Тип страницы: почему сайт на 60 страниц может стоить как на 12
Самый частый вопрос при расчёте — «у нас 40 страниц, сколько это будет?». Ответ зависит не от 40, а от того, сколько среди них уникальных макетов. Тип страницы — это главная, каталог, карточка товара, страница услуги, статья, контакты, форма. Десять страниц услуг с одинаковой структурой — один тип.
Поэтому при подготовке к расчёту полезно разложить будущий сайт на шаблоны. Обычно оказывается, что корпоративному сайту хватает 8–12 типов страниц, а остальное — наполнение. Если вы планируете сайт целиком, а не только дизайн, ориентиры по разработке собраны в статье «Стоимость корпоративного сайта».
Сколько стоит дизайн сайта в Figma отдельно от разработки
Дизайн можно заказать как самостоятельную работу. На выходе — исходники Figma с автолейаутами, компонентами и документацией, с которыми разберётся любой разработчик. Макеты, шрифты и лицензии оформляются на вашу компанию, ограничений на использование нет.
Но учитывайте, что дизайн отдельно от команды разработки несёт риск: макет может оказаться нереализуемым на вашей платформе или слишком тяжёлым для мобильного интернета. Мы проектируем с учётом ограничений 1С-Битрикс, Аспро, Laravel и других CMS и проверяем макеты на реализуемость до утверждения. Если сайт делается целиком, дизайн уже входит в разработку корпоративного сайта под ключ, и заказывать его отдельно не нужно.
Почему дизайн у разных подрядчиков стоит по-разному
Когда вы сравниваете коммерческие предложения, за одинаковым словом «дизайн сайта» часто скрывается разный объём. В одном случае это два-три красивых экрана главной страницы для презентации. В другом — полный комплект: исследование, проверенный на людях прототип, макеты всех типов страниц в трёх разрешениях, состояния, дизайн-система и контроль вёрстки.
Чтобы сравнение было честным, задайте каждому подрядчику одни и те же вопросы:
- Сколько типов страниц входит в цену и рисуются ли мобильная и планшетная версии?
- Проводится ли UX-тест прототипа на реальных пользователях до начала UI?
- Входят ли состояния экранов — ошибки, загрузка, пустые списки?
- Передаётся ли дизайн-система или только набор картинок?
- Кто проверяет, что вёрстка совпадает с макетом?
- Кому принадлежат исходники и лицензии шрифтов?
Дешёвое предложение без половины этих пунктов не плохое само по себе — просто недостающую работу потом сделает кто-то другой, обычно разработчик, на ходу и за отдельные деньги.
Калькулятор: ориентир стоимости дизайна
Выберите формат проекта. Если вместе с сайтом планируете приложение, отметьте его дизайн: дизайн-система сайта переиспользуется, но экраны приложения проектируются заново по гайдлайнам Apple и Google.
Внутри формата цену двигают число типов страниц и состояний, глубина исследования и наличие готовой дизайн-системы. Полный список цен по дизайну — фирменный стиль, логотип, приложения — собран на странице цен на дизайн.
На чём можно сэкономить, а на чём нельзя
Снизить смету можно честно, без потери качества:
- Меньше типов страниц в первой версии. Блог, вакансии, пресс-центр можно добавить позже из компонентов дизайн-системы.
- Сократить исследование. Для лендинга мы сокращаем его до двух дней, если аудитория понятна.
- Взять за основу готовую систему. Если у сайта есть рабочий UI-кит, новый дизайн строится на нём.
- Назначить одного ответственного. Самое частое, что сдвигает срок и бюджет, — правки, которые неделю собирают пять человек.
Экономить на адаптивах и состояниях экранов. Их всё равно придётся нарисовать — только позже, в спешке, силами разработчика и дороже. Большинство посетителей в Казахстане открывают сайт с телефона, и именно мобильная версия решает, будет ли заявка.
Как подготовиться к расчёту дизайна
- Опишите цель сайтаЗаявки, доверие для тендеров, продажи из каталога — от этого зависит структура.
- Составьте список типов страницНе всех страниц, а уникальных шаблонов: главная, услуга, кейс, статья, контакты.
- Соберите материалыЛоготип, фирменные цвета, доступ к аналитике текущего сайта, черновики текстов к началу UI.
- Определите языкиКазахский и английский тексты длиннее русских, и это нужно заложить в сетку заранее.
- Назначьте ответственногоОдин человек с правом утверждать этапы — исследование, прототип, UI, дизайн-систему.
С этими вводными смету пришлём за один рабочий день. Оплата — по этапам, работаем с ТОО и ИП и участвуем в госзакупках. Если хотите сначала понять, какая часть работы относится к логике, а какая к визуалу, прочитайте разбор разницы между UX и UI, а посчитать проект можно на странице дизайна сайта под конверсию.
Какая цена дизайна сайта в Казахстане у WeMake?
Лендинг — от 250 000 ₸, сайт на 8–12 типов страниц — от 600 000 ₸, магазин или сервис — от 1 200 000 ₸. Работаем с компаниями из Алматы, Астаны, Усть-Каменогорска и всего Казахстана.
Сколько занимает UX/UI-дизайн сайта?
Лендинг — 1–2 недели, сайт — 3–5 недель, магазин или сервис — 5–7 недель. Первые схемы экранов показываем в конце первой недели, цветные макеты — на третьей.
Можно ли отдать макеты своим разработчикам?
Да. Figma с автолейаутами, компонентами и документацией понятна любому разработчику, а приёмку вёрстки мы можем провести сами.
Сколько правок входит в стоимость?
На этапах прототипа и дизайна правки не ограничены. После утверждения макета изменения оцениваются отдельно, и мы предупреждаем об этом заранее.
Гарантируете ли рост конверсии после нового дизайна?
Гарантируем методику: дизайн от метрик, UX-тесты и проработанные состояния. Рост измеряем: до запуска фиксируем базовые показатели, после — сравниваем, где возможно, на A/B-тесте.
