Назад

Сколько стоит UI/UX дизайн на заказ?

Качественный UI/UX дизайн может принести прибыль, привлечь новых юзеров и удержать старых. А каждый вложенный в него доллар — окупиться в 100 раз. Но сколько должен стоить UI/UX дизайн? И о чем идет речь, когда мы говорим про «UI/UX дизайн»?

В этой статье расскажем, какие факторы влияют на цену UI/UX дизайна — и сколько времени он занимает.

Время чтения: 7 минут

Содержание

    Главное

    • Цена и сроки UI/UX дизайн зависят от пяти факторов: четкость видения приложения, количества и сложности функций, визуальной сложности и опыта дизайнеров;
    • Цена варьируется от 380 000 до 750 000 рублей;
    • Чтобы рассчитать цену дизайна для проекта, сформируйте список эпиков и пользовательских историй. Затем посчитайте, сколько времени уйдет на дизайн каждого экрана и умножьте время на почасовую ставку дизайнеров.

    От чего зависит цена UI/UX дизайна

    Не важно, что вы хотите создать — приложение для дыхательных практик или сайт для туристов — цена UI/UX дизайна рассчитывается одинаково. На нее влияют 5 факторов: планирование функций, количество и сложность функций, сложность элементов дизайна, опыт команды. Рассмотрим их поближе — учтите, что 3 первых фактора больше применимы именно к дизайну приложений, а не сайтов.

    Фактор №1. Четкость видения приложения

    Допустим, заказчик обратился в студию разработки за UI/UX дизайном. Он может прийти с четким видением продукта и его функций. Или ни с чем, кроме размытой идеи.

    Если заказчик знает, какие функции будут в приложении, дизайн пойдет быстрее.

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

    Дизайн приложения PetBuddy

    В начале разработки PetBuddy заказчица не знала, что хочет реализовать в приложении. Поэтому мы продумывали функции и их логику. Одна из них — калькулятор шоколада

    Фактор №2. Количество функций

    Чем больше в приложении функций, тем больше экранов надо проектировать. Такой дизайн дольше делать — и он дороже.

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

    PetBuddy — приложение для ухода за питомцамиЭкосистема приложений для ночных клубов NoTab
    • 1 роль: владелец питомца
    • 5 ролей: гости, кухня, администраторы, официанты и танцовщицы
    • Один набор функций для одной роли
    • 5 наборов функций для каждой роли
    Экраны приложения PetBuddy

    Для приложения PetBuddy нужно было разработать экраны для одной пользовательской роли, не больше

    Экраны приложения NoTab

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

    Фактор №3. Сложность функций

    Разработка некоторых функций дольше и сложнее других. Их дизайн стоит дороже.

    Представьте приложение в сфере образования. Пользователь закончил один из уроков — как замотивировать его продолжить учебу? Есть два варианта:

    • Показать экран с поздравлением и призывом идти дальше;
    • Интегрировать геймификацию — добавить календари с трекерами, персонажей и т.д.

    Второй вариант более дорогой — нужно спроектировать больше экранов.

    Геймификация в приложении DuoLingo

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

    Фактор №4. Сложность дизайн-элементов 

    Если у приложения или сайта минималистичный дизайн, он будет стоить дешевле. А если для продукта нужно разработать сложную анимацию и интерактивные элементы, придется заплатить больше. Сравните:

    ЭлементНедорогой дизайн с простыми элементамиДорогой дизайн со сложными элементами
    • Иконки, иллюстрации, кнопки
    • Готовые, можно купить со стоков
    • Нужно делать с нуля
    • Элементы дизайна
    • Статичные
    • Динамичные, есть анимации
    • Запрос на стиль
    • У клиента запрос на конкретный стиль — дизайнерам не надо создавать его с нуля
    • Клиент не знает, какой стиль хочет — студии дизайна приходится делать несколько версий и ждать оценку заказчика по каждой из них
    • UI kit — набор кнопок и иконок
    • У клиента уже есть UI-kit
    • У клиента нет UI-kit — его нужно создать самим

    Мы работали над двумя приложениями с разной визуальной сложностью: Breathmethod и приложением для доставки лекарств.

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

    Экраны Breathmethod

    Дизайн приложения Breathmethod

    У приложения для доставки лекарств дизайн нейтральный. Мы добавили простые иконки и выбрали монохромную цветовую палитру с красными элементами.

    UX дизайн фармацевтического приложения

    Дизайн приложения для доставки лекарств

    Фактор №5. Опыт UI/UX дизайнера

    У разных дизайнеров разная почасовая ставка. Она зависит от опыта и типа сотрудничества.

    Опыт. Узнайте, как давно специалист начал заниматься UI/UX дизайном, и есть ли у него кейсы. Чем опытнее дизайнер, тем дороже услуги. Но это все равно выгодно: если у него хорошее портфолио, скорее всего, у вашего продукта тоже будет классный дизайн.

    Тип сотрудничества. Фрилансер может сделать работу дешевле, но у него нет гарантии качества. Сотрудники в штате могут справиться лучше, но такой дизайн стоит дорого — придется искать кандидатов, проводить интервью и онбордить их. Аутсорсинговые компании — золотая середина: они дешевле, чем команда в штате, но качество гарантируют. Подробнее о том, как нанять дизайнера, можно прочитать в статье ниже.

    READ MORE  Как убедиться, что вашему потенциальному UI / UX-дизайнеру интересно узнать о продукте вашей компании

    Обычно цену рассчитывают с помощью почасовой ставки.

    Как оценить стоимость проекта UI/UX

    В Purrweb свой подход к оценке стоимости дизайна. Вот что нужно сделать:

    Шаг 1. Сформируйте список эпиков

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

    Возьмем для примера приложение в сфере фитнеса. У него может быть несколько эпиков: регистрация, главная страница, каталог с тренировками.

    Регистрация — важная часть пользовательского опыта. Это эпик — он может охватывать несколько экранов

    Шаг 2. Определите пользовательские истории и состояния экранов

    Затем менеджер проекта делит эпики на истории. Пользовательские истории более конкретны, чем эпики — определяют действия, которые пользователь может совершить в приложении или на сайте. С историями легче понять, сколько экранов нужно.

    Вернемся к приложению в сфере фитнеса. В эпике «Главная страница» есть несколько историй: юзер может начать тренировку, зайти в календарь, посмотреть программы.

    Дизайн приложения для фитнеса

    С главной страницы пользователь может просмотреть любую программу — это одна из историй

    Шаг 3. Оцените, сколько времени займёт дизайн

    В нашей студии оценкой занимаются дизайнеры и бизнес-аналитик. Они определяют, сколько часов нужно, чтобы наметить логику пользовательского опыта и сделать вайрфреймы (базовые версии экрана). А еще — сколько времени займёт дизайн всех состояний одного экрана.

    Состояния экрана показывают, как одна функция работает в разных сценариях. Возьмем регистрацию. Недостаточно продумать момент, когда юзер вводит правильный логин и пароль. Нужно учесть сценарии, когда пользователь вводит неправильный пароль или оставляет поле ввода пустым.

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

    Оценка времени дизайн-проекта

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

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

    Этапы UI/UX дизайна

    У каждой компании свой подход к UI/UX дизайну. У нас есть свой опыт — мы сделали больше 300 проектов за 8 лет. За это время мы оптимизировали процесс — можете адаптировать его для своей команды разработчиков или нанять нас. Вот какие этапы есть:

    Проведите анализ рынка и конкурентов

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

    Соберите референсы и разработайте майндмэп

    Просим у заказчика примеры дизайна, которые ему нравятся — и референсы, которые ему не нравятся. Так легче понять, на что ориентироваться и от чего отказаться — в процессе дизайна будет меньше правок, которые его затягивают.

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

    Майндмэп для одного из наших проектов — обычно мы создаем их в Miro

    Нарисуйте вайрфреймы

    Берем функции приложения или контент сайта, прогнозируем действия пользователя — и даем им визуальное воплощение. Это и есть вайрфрейм. С ним легче определить, как расположить основные элементы на экранах.

    вайрфрейм для дизайна

    Вайрфрейм — черно-белый «скелет» экрана приложения

    Создайте дизайн-концепт

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

    С помощью дизайн-концепта мы показываем заказчику цветовую палитру и шрифт. Еще объясняем другие решения дизайнеров — например, почему выбрали конкретный дизайн кнопки. Результат согласовываем.

    Дизайн-концепт нередко отличается от вайрфреймов — он выглядит более законченным

    Подготовьте прототип

    С кликабельным прототипом легче проверить, как работает интерфейс. Еще с ним можно проводить UX-исследования.

    Закончите дизайн и создайте UI-kit

    В итоге заказчик получает кликабельные прототипы и UI-kit. Он может передать дизайн разработчикам или инвесторам.

    Дизайн приложения Cryptowallet

    Сколько времени занимает UI/UX дизайн

    Посмотрите в таблице:

    ⚙️Этап UI/UX дизайна🕰 Время
    Собрать референсы2-3 дня
    Создать майндмэп1 день
    Создать вайрфреймы1-2 дня
    Завершить дизайн-концепт1-2 дня
    Создать прототип14 дней
    Завершить дизайн и создать UI-kit14 дней

    В нашей студии дизайн занимает около 1,5 месяцев.

    Мы руководствовались этим процессом, когда делали Fintarget — приложение для начинающих инвесторов. Заказчик пришел со своей командой разработчиков, и нашей задачей было сделать UI/UX дизайн продукта. Мы спроектировали несколько функций: регистрацию, профили пользователей и поиск стратегий. Через 1,5 месяца заказчик получил две версии продукта — мобильное и веб-приложение.

    Дизайн инвестиционного приложения

    Приложение для начинающих инвесторов Fintarget

    А что в итоге?

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

    Насколько публикация полезна?

    Оцени эту статью!

    14 оценок, среднее 5 из 5.

    Оценок пока нет. Поставьте оценку первым.

    Так как вы нашли эту публикацию полезной...

    Подписывайтесь на нас в соцсетях!

    Share