info@toimi.pro Telegram
Спасибо
Мы получили вашу заявку
Хорошо

UX/UI дизайн сайтов
и приложений
в Челябинске

avatar Toimi
Улучшаем пользовательский опыт, повышаем конверсию и помогаем бизнесу расти.
Запоминающийся визуальный стиль
Интуитивная навигация
Доступность и адаптивность

Написать в Telegram

Частые ситуации

Пользователи не доходят до конца

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

Дизайн делают по остаточному принципу

Ставим процесс: макеты, компоненты, приёмка — на понятном ритме.

Нужна первая версия продукта

Собираем экраны минимальной версии и готовим их к разработке.

Интерфейс устал, а переделывать целиком страшно

Обновляем очередями, с возможностью вернуться к прежнему экрану.

Каждый экран живёт своей жизнью

Сводим компоненты и правила в одну библиотеку.

С кем мы работаем

Стартапы
Создаем MVP, чтобы проверить гипотезу и получить первые отклики.
  • Прототип за 2–4 недели
  • UX-first подход
  • Гибкость в правках
Малые компании
Обновляем старый интерфейс, адаптируем под новые задачи, усиливаем визуал.
  • UX/UI-дизайн сайта
  • Повышаем качество UX
  • Поддержка текущего продукта
Корпорации
Проектируем сложные интерфейсы, сохраняем логику и бренд.
  • UX-исследования и аналитика
  • Дизайн корпоративных систем
  • Сотрудничество с in-house/dev
С чего начать улучшение интерфейса?
С замера: сколько людей доходит до цели и где они останавливаются.
Без цифры до работы улучшение потом нечем подтвердить.
Дальше берём самый дорогой экран и переделываем его первым.

Направления дизайна

Нужно что-то за рамками списка?

Из чего состоит работа

Аудит интерфейса
Разбираем структуру, находим точки отказа и объясняем, почему они возникают.
Разбор экранов
Путь пользователя
Визуальный слой
Собираем экраны так, чтобы нужное действие читалось первым.
Макеты
Адаптив
Проектирование
Описываем сценарии и состояния, проверяем их на прототипе до кода.
Сценарии
Прототип
Продуктовый слой
Доводим карточки, подсказки и микротексты — то, что читают перед решением.
Карточки
Микротексты

Свой сценарий?

Как устроен процесс

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

Разбор

Разбор

Собираем вводные, смотрим статистику и обращения в поддержку, фиксируем цель.

Макет

Макет

Делаем экраны и состояния, показываем на созвоне, правим по замечаниям.

Проверка

Проверка

Прогоняем сценарии на прототипе и считаем шаги до целевого действия.

Передача

Передача

Отдаём файлы и спецификацию, отвечаем на вопросы разработки до релиза.

Порядок работы над продуктом

web development
Начинаем с самого дорогого экрана и двигаемся дальше по отдаче.
Замер до работы
avatar avatar
Фиксируем текущие цифры: доходимость, время на задачу, доля отказов. Без этого улучшение потом нечем доказать.
Текущие показатели
Точка отсчёта
Выбор участка
avatar avatar
Считаем, какой экран приносит больше всего потерь, и беремся за него первым.
Оценка потерь
Приоритеты
Прототип
avatar avatar avatar
Собираем кликабельную версию и даём её людям до того, как начнётся разработка.
Кликабельная версия
Проверка на людях
Дизайн и состояния
avatar avatar
Прорисовываем не только удачный сценарий, но и пустые списки, ошибки и загрузку — там теряется половина впечатления.
Пустые состояния
Ошибки и загрузка
Проверка после запуска
avatar avatar
Сравниваем цифры с точкой отсчёта и правим то, что не сработало.
Сравнение с базой
Доработки

Как можно начать

Выбор зависит от того, есть ли уже интерфейс и насколько срочно нужен результат.

Точечно
Когда болит один участок и решение нужно в короткий срок.
  • Разбор одного сценария
  • Макеты нужных экранов
  • Передача вашей команде
Вместе с продуктом
Когда дизайн нужен постоянно и встроен в цикл разработки.
  • Исследование и структура
  • Библиотека компонентов
  • Дизайн в каждом спринте

Стоимость UX/UI-дизайна
в Челябинске

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

Дизайн одной страницы
от 100 000 ₽
Продуктовый дизайн (UX + контент)
от 100 000 ₽
Почасовая ставка
2 500 ₽/ час
Презентация компании (1 слайд A4)
от 10 000 ₽
*Точная стоимость зависит от объема, сроков и интеграций

Цены указаны без НДС. НДС по ставке 5 % предъявляется дополнительно и включается в счёт.

Разобранные компоненты
Описание отступов

Инструменты и передача

Отдаём файлы с разобранными компонентами и описанием отступов, чтобы вёрстка не расходилась с макетом.

CMS
Wordpress
1C Bitrix
OpenCart
MODX
Front-end
HTML
Javascript
CSS
Storybook
Git
Gulp.js
Vue.js
WebPack
Back-end
Docker
Laravel
PHP
ClickHouse
Swagger
React
API

С какими продуктами работаем

Клиентские сервисы и рабочие инструменты: у них разные требования к простоте и скорости.

  • Интернет-магазины
  • Финтех
  • EdTech
  • Мессенджеры
  • Корпоративные сайты
  • CRM и B2B интерфейсы
  • Онлайн-бронирование
  • Доставка
  • Логистика
  • Мобильные приложения
  • HR Tech
  • Медицина
  • Знакомства
Показать еще

Обсудим проект?

FAQ

Если не нашли ответа — напишите нам на info@toimi.pro.

Что входит в UX/UI-дизайн?

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

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

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

Вы делаете только дизайн или берете на себя весь проект?

Можем подключиться на любом этапе: от UX-анализа до полной передачи проекта разработке. Сотрудничаем с командами или работаем под ключ.

А если нужно улучшить текущий дизайн без полного обновления?

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

Работаете с B2B-интерфейсами или только с сайтами?

Работаем и с тем, и с другим: личные кабинеты, сервисы, маркетплейсы, CRM и корпоративные порталы. Делаем UX в сложных продуктах простым и понятным.

Мы завод, интернет-магазина нет — зачем нам UX?

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

Как проектировать каталог металлопроката?

Подбор идёт по марке, стандарту и размеру. Фильтр строим по этим полям и оставляем ввод размера руками — так быстрее, чем листать страницы.

Нужен ли отдельный интерфейс под цех?

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

Что делать с опросным листом на сорок полей?

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

У нас тендеры — как быть с документами?

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

Личный кабинет постоянным покупателям нужен?

При регулярных повторных заказах — да: история, счета, повтор заказа одним действием. Решаем по доле повторных клиентов в выручке.

Стоит ли показывать цены на промышленную продукцию?

Решает ваша политика. Когда цена договорная, честнее показать диапазон и калькулятор, чем убрать всё за форму запроса.

Как понять, что каталог неудобен?

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

Сайт делали давно — переделывать целиком?

Обычно достаточно начать с каталога и заявки: это участки, где теряются деньги. Остальное можно обновлять очередями.

Мобильная версия важна для промышленного B2B?

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

Как учесть челябинскую специфику в интерфейсе?

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

Сколько времени занимает работа?

Аудит и план — одна-две недели. Макеты каталога и заявки — около месяца. Точный срок называем после разбора.

Как быть с расчётом по чертежу?

Даём загрузку файла и поле для комментария, а ограничение по размеру показываем до выбора файла.

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

Короткое описание участка и оборудования помогает снабженцу оценить возможности без звонка.

Что с обращениями в нерабочее время?

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

Как показать соответствие стандартам?

Номер стандарта в карточке, файл документа рядом с ним.

Что делать с устаревшими фотографиями цеха?

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

Как показать складскую программу?

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

Нужен ли раздел о нормативах и допусках?

Для металлопроката это часть выбора, поэтому допуски показываем в карточке рядом с размером.

Что с расчётом веса и метража?

Калькулятор пересчёта в карточке избавляет закупщика от таблиц в отдельном файле.

Как быть с заявками от частных лиц?

Отдельная короткая форма: им нужен другой набор полей, чем предприятию.

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

Да, с зонами и сроками. Часть клиентов приезжает из соседних городов.

Как проверить результат правок?

По числу дошедших до заявки и по времени, которое уходит на её оформление.

Лучшие статьи о UX/UI дизайне star

Бренд и маркетинг
Создание бренда за 9 шагов: от анализа рынка до мониторинга
Создание полноценного бренда начинается с правильного фундамента — именно он поможет удержать ваш проект на плаву в любых кризисных ситуациях. Мы собрали всю необходимую информацию, чтобы вы смогли выделиться на фоне конкурентов. Артем Довгопол Сильный бренд рождается из глубокого понимания людей и системного подхода к каждому элементу — от исследования…
5 июня, 2025
9 мин
646
Веб-разработка
WordPress в масштабе: безопасность, производительность, управление
Практическое руководство по эксплуатации WordPress в масштабе — узнайте, где WordPress ломается в первую очередь и какие операционные правила поддерживают его стабильность, быстродействие и управляемость. Артем Довгопол WordPress проваливается не из-за слабости платформы. Он проваливается, когда команды относятся к нему как к набору плагинов, а не как к управляемой системе.…
11 февраля, 2026
28 мин
517
Веб-разработка
Как восстановить сайт из бэкапа и убедиться, что копия рабочая
Разверните копию сначала на тестовом поддомене, а не поверх живого сайта: файлы, дамп базы, правка адреса и доступов в конфиге. Проверьте вход в админку, формы и оплату. Заработало на тесте — переносите на основной домен. Для этого нужны копии сайта вне хостинга с проверкой восстановления. Файл архива, который ни разу…
1 октября, 2026
9 мин
54
Веб-разработка
Требования ADA к сайту: WCAG 2.1 AA, иски и чек-лист проверки
Проверено по первоисточникам на 28.09.2026. Статья не является юридической консультацией: решение по вашему случаю принимает юрист, практикующий в США. Для сайтов частного бизнеса закон ADA не называет технический стандарт. Но Минюст США считает сайт частью доступности услуг, а на практике ориентир один: WCAG 2.1 уровня AA. Проверяют клавиатуру, скринридер, контраст,…
29 сентября, 2026
10 мин
52
Веб-разработка
С Tilda на WordPress при выходе в США: когда переезжать и как не потерять заявки и позиции
Переезжать с Tilda на WordPress имеет смысл, когда сайт упирается в потолок платформы: больше трёх языковых версий, блог на сотни статей, правки кода под доступность и cookie-согласие. Позиции сохраняет карта 301-редиректов со всех старых адресов, заявки — тестовая отправка каждой формы до переключения DNS. Как выглядит сайт на WordPress для…
29 сентября, 2026
10 мин
48
Веб-разработка
DDoS-атака на сайт: как понять, что атакуют, и что делать
DDoS-атаку видно по логам. Запросов резко больше обычного. Они идут с тысяч разных адресов на одну-две страницы. А заказов и заявок не прибавилось. Первое действие — написать хостингу и включить фильтрацию трафика на его стороне или у внешнего сервиса защиты, спрятав настоящий IP сервера за этим сервисом. Ниже — таблица…
1 октября, 2026
9 мин
44
Веб-разработка
Английский сайт для русскоязычного бизнеса: машинный перевод, редактура носителем и типичные ошибки
Машинный перевод даёт грамотный, но чужой текст, и американец узнаёт его по кальке: «individual approach», «high-quality services», «on the market since 2015» настораживают вместо того, чтобы продавать. Рабочая схема такая: машина пишет черновик, носитель с опытом в вашей отрасли его редактирует, а затем проверяются форматы: даты, телефоны, адреса, цены. Так…
29 сентября, 2026
10 мин
42
Веб-разработка
Поддержка сайта из-за океана: что входит, какой SLA нужен и как жить с разницей во времени
Поддержка сайта из другого часового пояса работает, если в договоре записаны три вещи: время реакции по уровню инцидента, часы покрытия в вашем времени и объём часов в месяц. Пакеты под рынок США начинаются от $2 000 в месяц за 20 часов с реакцией в течение часа — подробности на странице…
29 сентября, 2026
9 мин
36
Веб-разработка
Сколько стоит поддержка сайта: из чего складывается цена в месяц
Поддержка сайта в 2026 году стоит от 10 000 ₽ в месяц за поддержку WordPress до 70 000 ₽ в месяц за комплексную техподдержку. Цена зависит от CMS, объёма работ и уровня SLA. Вилки по типам — ниже, цены по прайсу Toimi на 06.10.2026. В прайсе поддержка разделена на помесячные…
7 октября, 2026
8 мин
27
Веб-разработка
Лендинг под ключ: сколько стоит в 2026 году и какие сроки запуска
Лендинг под ключ в 2026 году стоит от 250 000 ₽ и запускается за 3–6 недель. В цену входит исследование оффера, прототип, дизайн, вёрстка, аналитика и подготовка к рекламе — весь путь от идеи до трафика. Дешёвые варианты — это шаблон без исследования: он открывается, но не продаёт. Ниже —…
10 октября, 2026
4 мин
14

Обновлено:

Ваша заявка отправлена!

Мы свяжемся с вами в ближайшее время, чтобы обсудить проект.

Закрыть