Login AI
UI/UX-дизайн сайтов и приложений
Проектируем интерфейсы сайтов, личных кабинетов и сервисов. Вы получаете карту сценариев, кликабельный прототип, макеты в Figma и описание состояний. Для недвижимости связываем выбор квартиры, 2D-план, 3D-просмотр и заявку в один маршрут.
Понятные сценарии, адаптивные экраны и макеты для разработки.
Стоимость
от 60 000 ₽
за проект
Это нижняя граница проекта. Точную смету считаем после брифа: она зависит от объёма и числа интеграций.
Возможности
Сценарии и структура
Разбираем, зачем человек приходит в продукт и какое действие должен завершить. Собираем карту страниц, переходов и ролей. Для сайта недвижимости это выбор объекта, сравнение планировок, просмотр квартиры и запись на встречу. Каждый экран получает конкретную задачу.
Прототип в Figma
Сначала показываем логику на кликабельном прототипе. Вы проходите основной маршрут, проверяете порядок вопросов, фильтры и формы до отрисовки всех деталей. Разбираем также возврат назад, пустую выдачу и ошибку отправки. Замечания связываем с определённым экраном и состоянием.
Визуальный дизайн и адаптив
Подбираем типографику, сетку, цвет и расположение контента под ваш бренд. Прорабатываем настольный и мобильный интерфейсы, таблицы, длинные названия и изображения разных пропорций. Согласованную концепцию переносим на остальные экраны, сохраняя общие правила кнопок, полей и навигации.
Интерфейс для 3D-просмотра
Проектируем переключение между планом и моделью, точки входа в комнаты, управление камерой и временем суток. Иконки получают подписи для доступности, а сложные действия сопровождаются короткой подсказкой. На телефоне учитываем жесты и размер зон нажатия; саму Three.js-сцену оцениваем в услуге 3D.
Пример рабочего интерфейса
«Делотакт»: рабочее пространство финансового управляющего. Экран списка дел показан с демонстрационными данными.
Делотакт · список дел
Поиск по имени и номеру дела, фильтры по процедуре и ответственным, статусы и задачи в общей таблице. Боковое меню связывает дела, документы, календарь и работу команды.
От заявки до результата
1
Бриф и аудит
Вы передаёте текущий сайт, брендбук, аналитику и ограничения разработки. Мы фиксируем аудиторию, основной сценарий, список разных экранов и критерии приёмки. Если продукт уже работает, отмечаем конкретные места, где пользователь теряет контекст или повторяет ввод данных.
2
Карта и прототип
Собираем структуру и прототип ключевого маршрута. Встреча по прототипу заканчивается списком решений: какие поля нужны, где появляется подтверждение, как человек исправляет ошибку. Новые сценарии заносим в объём работ до визуальной стадии.
3
Макеты и компоненты
После согласования первого экрана оформляем остальные страницы, мобильные версии и состояния элементов. В базовую поставку входят повторяемые компоненты текущего проекта. Расширенную библиотеку для нескольких продуктов, правила версий и документацию оцениваем отдельно.
4
Проверка и передача
Проходим маршруты с клавиатуры, проверяем контраст, длинный текст, загрузку и ошибки. Вы получаете Figma-файл, прототип и комментарии для разработчика. После согласованного этапа реализации сверяем интерфейс с макетами в рамках отдельно выбранного сопровождения.
Проверьте, подойдёт ли вам
Подходит
Интернет-магазины и онлайн-сервисы
Проектируем каталог, поиск, сравнение, карточку товара, корзину и оформление заказа. Для сервиса связываем регистрацию, выбор тарифа и личный кабинет. Подходит командам, которые запускают продукт или перерабатывают неудобные экраны.
Застройщики и архитектурные студии
Проектируем выбор квартиры по параметрам, просмотр 2D-плана и 3D-модели, сравнение вариантов и запись на показ. Продумываем управление камерой, точки переходов и мобильный просмотр, чтобы посетитель понимал расположение комнат и следующий шаг.
Корпоративные продукты и SaaS
Для CRM, рабочих кабинетов и сервисов подписки проектируем таблицы, фильтры, формы и сценарии разных ролей. Учитываем пустые состояния, ошибки, права доступа и повторяющиеся действия сотрудников. Передаём компоненты, которые команда сможет развивать вместе с продуктом.
Не подходит
Только публикация готового сайта
Если утверждённые макеты уже есть и требуется только вёрстка, выбирайте разработку сайта. Брендинг, тексты, 3D-модели и программирование не входят в базовую оценку дизайна.
Что входит в поставку
Редактируемые макеты
Передаём редактируемые макеты в Figma с названиями страниц, компонентами, вариантами состояний и подготовленными мобильными экранами для согласованного объёма.
Кликабельный прототип
Прототип связывает согласованные сценарии в последовательность действий: начало, выбор, подтверждение, ошибка и повторная попытка пользователя.
Спецификация интерфейса
Спецификация описывает состояния полей, правила отступов, поведение навигации и движение элементов, чтобы разработчик мог воспроизвести согласованные решения.
Проверка до старта
Основные маршруты
Проверяем маршруты от первого экрана до результата, включая возврат, отмену действия и сохранение уже введённых пользователем данных.
Мобильный интерфейс
Мобильный интерфейс проверяем с длинными заголовками, открытой клавиатурой, компактными таблицами и управлением моделью пальцами на экране.
Доступность элементов
Проверяем доступность элементов с клавиатуры, видимый фокус, подписи иконок и достаточный контраст текста на светлом и тёмном фоне.
Где решение упирается
- 01
Объём экранов
Объём считаем по отдельным экранам и сценариям. Дополнительная роль, новая структура страницы или отдельный мобильный маршрут меняют оценку.
- 02
Исследование пользователей
Исследование с интервью и приглашёнными участниками требует отдельного бюджета. В базовый этап входят разбор исходных материалов и экспертная проверка маршрутов.
- 03
Разработка и сопровождение
Разработку, подключение данных и сопровождение после передачи оцениваем отдельными этапами. Макеты задают внешний вид и согласованную логику интерфейса.
Технологии
Технологии, которые мы используем в работе, и их роль в проекте.
Рабочие файлы и движение
В Figma собираем макеты и прототип. SVG используем для масштабируемой графики, схем и планов. GSAP подходит для реализации согласованных переходов на стадии разработки сайта.
Калькулятор стоимости
Это ориентировочный диапазон, а не коммерческое предложение. Точную смету подготовим после брифа: она зависит от объёма и числа интеграций.
Дополнительные экраны сверх пяти
В основе расчёта — пять экранов, мобильные версии и два круга правок. Здесь добавьте экраны сверх пяти.Сложность интерфейса
Дополнительно
Интервью и исследование
Расширенная дизайн-система
Услуга
UI/UX-дизайн сайтов и приложений
В смету входит работа команды. Оборудование, лицензии сторонних сервисов и командировки добавляем по согласованию.
Расчётная стоимость
84 000 ₽ – 131 000 ₽
Срок работ
2–4 нед.
Частые вопросы
Сколько стоит UI/UX-дизайн?
Предварительный ориентир для пяти разных экранов составляет 60–95 тысяч рублей. В калькуляторе заложены 20–35 тысяч на структуру и концепцию и 8–12 тысяч на экран. Это наша оценка объёма работы, а не фиксированная оферта. Итог уточняем после списка экранов и исходников.
Что считается одним экраном?
Один экран — самостоятельная страница или представление с собственной задачей и компоновкой. Состояния стандартной кнопки и адаптация согласованного экрана входят в базовую работу. Новый сценарий, сложная таблица с отдельным режимом редактирования или другая роль пользователя могут потребовать отдельного экрана; это фиксируем в перечне.
Можно заказать только аудит или прототип?
Да. Согласуем отдельный этап с перечнем страниц и конкретным результатом: список проблем с приоритетами либо прототип выбранного маршрута. Калькулятор показывает полный цикл дизайна. Для отдельной стадии готовим расчёт по фактическому объёму, чтобы вы могли продолжить работу своей командой.
Как согласовываются правки?
В оценку закладываем два сводных раунда замечаний по согласованному объёму. Вы собираете комментарии в одном месте, мы фиксируем решения и следующую версию. Изменение бизнес-сценария после утверждения прототипа обсуждаем отдельно. Такой порядок позволяет видеть, какие решения уже приняты.
Вы можете реализовать интерфейс на сайте?
Да, разработку оформляем отдельным этапом. Перед началом согласуем стек, формы, данные, интеграции, публикацию и поддержку. Для 3D-просмотра заранее определяем модель, устройства и поведение камеры. Передача Figma остаётся самостоятельным результатом: вы можете отдать её своим разработчикам.
Что берут вместе с этой услугой
Связанные услуги
3D-дизайн
Архвиз по вашим чертежам, 2D-планы и интерактивные сцены для сайта.
Корпоративные сайты
Современный сайт компании: презентация, доверие и поток заявок.
Лендинги
Продающие одностраничники, которые превращают посетителей в клиентов.
Разработка ПО
Создаём надёжное ПО под ваши задачи: от веб-сервисов до ИИ-платформ.
В составе решений
Готовы обсудить задачу?
Оставьте заявку – вернёмся с предложением и предварительной оценкой.
Связаться с нами