UX/UI-дизайн

UX/UI-дизайн на viqq.ru - это вход в линейку макетов: посадочная, приложение, кабинет, доступность или сценарный сайт. Заказчик выбирает формат в первой сетке, а исследования, аудит и систему компонентов смотрит во второй.

VIQQ рисует экраны под сценарий, а не «красивую главную». Сначала роли и шаги, потом визуал и UI-kit. Если продукт уже живой и нужен список проблем, начинают с UX-аудита из второй сетки. Если путь ещё не назван, берут CJM, прототип или предпроектное исследование.

Макеты интернет-магазина и кабинета продавца не выносим на отдельный URL: блок про e-commerce UI живёт здесь и на странице дизайна веб-приложения. Старый адрес /expertise/ux-ui-dizajn-internet-magazin/ сворачиваем на этот хаб.

Разработку после макетов заказывают отдельно: готовая посадочная, мобильный клиент или кабинет - это другие услуги в каталоге VIQQ, а не продолжение этого хаба одним абзацем.

Телефон: макет лендинга с оффером и формой

Дизайн лендингаОффер, доказательства и форма под рекламу.

Дизайн приложенияЭкраны iOS и Android под сценарий сессии.

Дизайн веб-приложенияКабинет, таблицы, роли и пустые состояния.

Доступный интерфейсКонтраст, клавиатура и скринридер на ключевых шагах.

Телефон со скролл-сценой и кнопкой Заявка

Иммерсивный сайтСкролл-история и заявка после финала сцены.

Как выбрать формат UX/UI-дизайна

Одна рекламная страница с одной заявкой - дизайн лендинга в первой сетке. Ежедневная работа в таблицах и ролях - дизайн веб-приложения. Экраны под палец и сторы - дизайн мобильного приложения в соседней карточке хаба мобильной разработки.

Если важны клавиатура, контраст и скринридер, открывают доступный интерфейс. Сюжет из нескольких глав вместо каталога - иммерсивный сайт. Карточки ведут на полные услуги с составом работ и сроком.

Что берут рядом с UX/UI-дизайном

CJM и исследованияПуть клиента и интервью до макета.

UX-аудитРазбор живого сайта и приоритеты правок.

Прототип сайтаСерые экраны и кликабельный поток.

Дизайн-системаТокены и UI-kit для команды разработки.

UX-копирайтингТексты кнопок, ошибок и пустых экранов.

Предпроектное исследованиеРоли и гипотезы до первых макетов.

UI магазина и кабинета на одном хабе

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

На этом хабе фиксируем, что UI e-commerce включает каталог, фильтры, корзину, оплату и статусы заказа в одной логике компонентов. Если нужен только разбор живой витрины, а не новые макеты, начинают с UX-аудита.

Что меняет срок UX/UI-проекта

Число экранов, ролей и состояний. Лендинг из трёх блоков и кабинет с четырьмя ролями считают по-разному, даже если оба называются «дизайном».

Готовность контента и одного владельца решений. Пока нет реальных текстов и фото, макеты рисуют на заглушках и потом переделывают.

Как заказать UX/UI-дизайн

Выберите формат в сетке или напишите, если не уверены. Пришлите роли, список экранов и ссылки на текущую версию или референсы.

По списку ответим составом и сроком. Форма расчёта - ниже на странице.

Напишите формат и список экранов - VIQQ ответит составом и сроком UX/UI-дизайна.

Актуализировано 07.10.2026

[01]

Цены

Стоимость разработки

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

Получить консультацию по проекту uX/UI-дизайн

ПРИКРЕПИТЕ ФАЙЛ ПРОЕКТА

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

[02]

Преимущества

Преимущества разработки с VIQQ

Когда мы разрабатываем сайт или приложение, мы не собираем его из готовых модулей. Мы строим систему, которая будет работать на вас: быстрая, понятная, безопасная и удобная в управлении. Вот что это значит на практике.

Понятная аналитика

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

Автоматизация процессов

Там, где можно исключить повторяющиеся операции, - автоматизируем. Чтобы сотрудники сосредотачивались на реальных задачах, а не на переносе данных из системы в систему.

Удобное управление

Создаем или используем готовую удобную систему управления контентом (CMS), с которой легко работать даже новичкам. Это позволит вам и вашим сотрудникам самостоятельно управлять контентом на сайте.

Масштабируемость

Проектируем системы под прогнозируемый рост: анализируем потенциальные нагрузки и выбираем архитектуру, которая выдержит развитие бизнеса.

Интеграция с внешними сервисами

Подключаем CRM, 1С, платёжные системы, маркетплейсы, телефонию - всё, с чем вы уже работаете. Чтобы сайт или приложение стали центром управления, а не ещё одной изолированной задачей.

Расширенная функциональность

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

[03]

Этапы сотрудничества

Заказ и этапы

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

[01]

Анализ

Собираем информацию о проекте: цели, аудитория, функционал, ограничения. Формулируем задачи, которые нужно решить.

[02]

Проектирование

Разработка структуры базы данных, API, пользовательского интерфейса.

[03]

Дизайн

Уникальный сложный дизайн, учитываем ваш фирменный стиль. Или предложим шаблонное решение.

[04]

Разработка

Написание кода, верстка, интеграция модулей.

[05]

Тестирование

Проверяем, сохранилась ли работоспособность существующего функционала. Оцениваем скорость, совместимость, безопасность. Тестируем систему на реальных сценариях использования.

[06]

Запуск

Развертывание на сервере, настройка.

[04]

технологии

Технологии что мы используем

Стек под задачу страницы: то, чем собираем фронт и сцену, а не витрина всех технологий студии.

Figma

UI kit

Прототип

Design tokens

[05]

Сотрудничество

Сотрудничество с VIQQ

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

Индивидуальный подход к решению задач

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

Соблюдение сроков

Соблюдаем сроки разработки без потери качества: чёткое планирование, контроль этапов и прозрачные процессы позволяют запускать проекты вовремя и достигать бизнес-целей

Прозрачное ценообразование

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

[06]

Вопросы

Часто задаваемые вопросы

Ответы о сроках, стоимости, этапах и поддержке проектов. Помогаем быстро разобраться и принять верное решение

С чего начать, если нужен «просто дизайн»?

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

Чем UX/UI отличается от UX-аудита?

Аудит диагностирует живой интерфейс. UX/UI рисует новые или переделанные экраны, состояния и UI-kit для разработки.

Где заказать дизайн интернет-магазина?

Витрину и карточку проектируют в связке с разработкой магазина. Таблицы заказов и кабинет - как дизайн веб-приложения. Отдельный URL под «магазин UI» не держим.

Нужен ли брендбук до макетов?

Желателен, но не обязателен. Без него соберём рабочую палитру и типографику под продукт. Полный брендинг - отдельная услуга.

Передаёте ли макеты в разработку VIQQ?

Да. Если код пишет наша команда, дизайнер остаётся в проекте до приёмки экранов. Макеты можно отдать и вашей вёрстке.

Что прислать для оценки?

Формат или сценарий, роли, черновой список экранов и примеры, которые нравятся. По ним считаем состав и срок.

[07]

Цены

Стоимость разработки

Получить консультацию по проекту

ПРИКРЕПИТЕ ФАЙЛ ПРОЕКТА

[08]

Виды услуг

Вас может заинтересовать

Форматы и исследования - в сетках выше. Здесь редизайн, иконки и брендинг.

[01] Редизайн сайта [02] Иконки и иллюстрации [03] Брендинг Показать больше

[09]

Отзывы

Нам доверяют

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

Все отзывы

Нажмите, чтобы увидеть оригинал

Компания ООО «Ханвэй Машинери Рус» выражает благодарность
команде VIQQ за успешную реализацию проекта по редизайну и
модернизации корпоративного сайта.
В результате проведённых работ был создан современный,
функциональный и технологичный ресурс, соответствующий требованиям
отрасли и задачам компании. Отмечаем высокий уровень технической
подготовки специалистов, внимательное отношение к деталям и чёткую
организацию проектного процесса.
Благодарим за профессиональный подход и надеемся на дальнейшее
сотрудничество.

Тохтабиев И.С.

генеральный директор
ООО «Ханвэй Машинери Рус»

Компания ООО «РЕГАТА» выражает благодарность команде VIQQ за качественное и профессиональное выполнение работ по разработке нового корпоративного сайта www.rgt-air.ru.
Проект реализован на высоком уровне - с соблюдением сроков, технических требований и стандартов качества. Новый сайт отвечает современным требованиям цифровой среды и стал эффективным инструментом взаимодействия с клиентами и партнёрами. Отмечаем высокий уровень организации процесса, компетентность специалистов и внимательное отношение к деталям.

Белоусов В.Л.

генеральный директор
ООО «РЕГАТА»

Компания ООО «ЭНОВА+» выражает признательность компании VIQQ за профессиональную работу и ответственное отношение при реализации проекта по созданию мобильного приложения процессинга.
Благодаря совместной работе удалось достичь поставленных целей - обновить цифровое представление компании, улучшить коммуникацию с клиентами и повысить удобство взаимодействия с нашими услугами и продуктами.
Отдельно отмечаем Ваш высокий уровень экспертизы, прозрачность взаимодействия и надёжность команды.
Надеемся на дальнейшее развитие партнёрских отношений и реализацию новых совместных проектов.

Идрисов И.И.

Руководитель отдела автоматизации
ООО «ЭНОВА+

ООО «АМРИТЭКС» выражает благодарность команде VIQQ за качественное и профессиональное выполнение работ по разработке нового корпоративного сайта компании ООО «АМРИТЭКС» https://fugustim.ru/.

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

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

Желаем компании VIQQ дальнейших успехов и реализации новых значимых проектов.

Демин В.А.

генеральный директор
ООО «АМРИТЭКС»

[10]

Блог

Полезные материалы

Материалы по теме этой услуги

Дизайн приложения: макеты iOS и Android и зона большого пальца

3 мин

17 августа

Дизайн приложения: почему макет сайта не станет клиентом iOS

Сжать лендинг до 390 px - ещё не дизайн приложения. Чем жесты, табы и скриншоты стора отличаются от десктопной веб-сетки сайта.

Доступный интерфейс: контраст, крупный текст и фокус клавиатуры

3 мин

11 августа

Доступный интерфейс - это не просто крупный шрифт

Слово a11y пугает аббревиатурой. На деле это клавиатура, контраст и понятные формы. Что проверить до большого редизайна.

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

3 мин

11 августа

Дизайн лендинга и разработка лендинга - в чём разница

Макет посадочной и готовая страница под рекламу - разные работы. Как не склеить ТЗ и не купить «дизайн», ожидая пиксели и CRM.

3 мин

5 октября

Иконка в кнопке: отступ, сетка и одна линия

Пак иконок закрывает пиктограммы. Отступы кнопок, сетка и состояния - отдельная система для кода. На оценку нужны экраны, где иконки уже стоят.

3 мин

22 сентября

Фирменный стиль: цвет, шрифт и первая визитка

Фирменный стиль держит цвет, шрифт и визитку вместе со знаком. Если бланк уже в другом шрифте, одного PNG мало. На оценку нужны носители ближайшего полугода.

Все статьи

[11]

Портфолио

Наши последние работы

Наши проекты - это практическое подтверждение опыта. Здесь представлены кейсы, в которых мы решали задачи клиентов через цифровые инструменты: от сайтов и приложений до комплексных систем.