Назад

Дизайн и редизайн

Дизайн и редизайн

Когда интерфейс должен выглядеть сильнее, понятнее и современнее, а не просто симпатично.

UI/UX + редизайн
Инвестицияот 360 €
Срок5-14 дней
// 01 · CAPABILITIES

Что мы проектируем, а не «рисуем».

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

Product design под метрики

UI/UX для web и mobile продуктов, в которых интерфейс напрямую влияет на выручку. Валидируем решения через сценарии, не через «красиво на мокапе».

Дизайн-система с нуля

Токены, компоненты с состояниями, motion-принципы, grid, документация. Система масштабируется на 10+ продуктов без деградации — и передаётся команде в коде.

Редизайн без ломки

Для продуктов с легаси-интерфейсом. Рефакторим архитектуру и визуал по контракту — без недель простоя разработки и потери данных о пользователях.

Бренд и визуальный язык

Визуальная платформа, motion-принципы, иллюстрационная система, landing-kit. Язык, на котором продукт говорит со своими пользователями — и остаётся узнаваемым.

// 02 · EVOLUTION

Декор против дизайн-системы.

Мы не рисуем красивые картинки. Мы проектируем интерфейс как продукт — с контрактами, состояниями и версионированием.

Декоративный дизайн

6–12 мес / релиз
Каждая новая страница — с нуля, хаос в продакшн
40 вариантов кнопки «Оформить»
Макет «смотрится красиво»
Разработчик подбирает цвета на глаз
Новая страница — 3 дня работы
Редизайн ломает разработку

NRTV Design System

от €360
аудит + визуальный трек
Первый экран за 72 часа
1 компонент — 12 состоянийКонтракт для дизайнера и разработчика
UX подтверждён сценариямиРешение вопроса, а не украшение экрана
Токены в коде — 0 интерпретацииFigma ↔ Tailwind ↔ Storybook синхронно
Новая страница — 3 часа из системыМасштабирование без деградации
Рефакторинг по контрактуВерсионирование компонентов как в коде
// 03 · PROTOCOL

Пять фаз. Один продукт в продакшне.

Каждая фаза заканчивается артефактом, с которым можно работать — не муд-бордом, не вдохновением, а рабочим слоем системы.

wireframe

01 · Дни 1–3

Discovery & UX Audit

Сценарии, метрики, конкуренты, слабые места. На выходе — визуальный протокол, не мудборд.

grid · 12 · base 4

4px8 · 12 · 16 · 24 · 32 · 48

02 · Дни 4–7

Information Architecture

User flows, IA, wireframes, grid. Структура — до цвета и типографики.

tokens/colors

bg.base#0A0B0E

03 · Недели 2–4

ЯДРО

Visual System & Tokens

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

Button / default

Continue →

1 component · 5 states

04 · Недели 4–6

UI & Prototypes

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

05 · Неделя 6+

Dev Handoff

Figma Dev Mode, токены в коде, Storybook. Разработчик применяет — не интерпретирует.

type scale · 1.333

Aa48 / display
// 04 · METHOD

Как мы проектируем, а не «рисуем красиво».

Четыре принципа, которые отличают дизайн-систему от коллекции макетов в Figma.

Сначала job-to-be-done, потом визуал

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

Каждый элемент — часть системы

Нет «одиночных» кнопок, «уникальных» карточек, «на этом экране по-другому». Один контракт на весь продукт — и новая страница собирается за часы, а не дни.

Prototype before pixel-perfect

Сценарии валидируем кликабельным прототипом до полировки. Это экономит недели, потраченные на красивый, но неработающий интерфейс.

Handoff через токены, не инструкции

Tokens Studio → Style Dictionary → код. Цвет, spacing, radius, motion — все значения живут в одном источнике. Разработчик применяет их напрямую.

// 05 · STACK

Инструменты, которые держат систему.

Без зоопарка тулов ради тулов. Только то, что мы вывели в боевой дизайн-процесс.

Design

FigmaFigJamDev ModeVariablesAuto Layout

Systems

Tokens StudioStyle DictionaryStorybookChromatic

Research

MazeHotjarAmplitudeUsabilityHub

Prototyping

FramerProtoPieOrigami Studio

Motion

Framer MotionRiveLottieGSAPAfter Effects

3D & Illustration

SplineBlenderProcreateIllustrator
// 06 · DEPLOYED SOLUTIONS

Интерфейсы, которые уже в проде.

Без дизайнерских скриншотов в Dribbble-стиле. Только задача, инженерное решение и цифры, которые сдвинулись.

SaaS Redesign

Финтех-платформа · 4 роли пользователей

Context

Легаси-интерфейс: 6 лет точечных правок. Time-to-task операционистов — 11 минут. NPS от клиентов упал до 38.

Action

UX-аудит по 12 сценариям, новая информационная архитектура, дизайн-система из 42 компонентов. Дев-передача через токены и Storybook.

Impact

  • −54%time-to-task операционистов
  • 38 → 62NPS за один квартал
  • −31%support-тикетов на UX
FigmaTokens StudioStorybook
E-commerce Refresh

Ритейл · 180k SKU · 3 рынка

Context

Каталог тормозит конверсию: mobile в 2,4× ниже desktop. Чекаут из 7 шагов. Корзина теряет 38% пользователей.

Action

Редизайн каталога и чекаута под mobile-first. Компоненты с мгновенными состояниями, motion-language для переходов, токены сразу в коде.

Impact

  • +22%add-to-cart на листинге
  • +18%checkout completion
  • ×1,4mobile conversion rate
FigmaFramer MotionTailwind
Brand Platform

B2B SaaS · серия B

Context

После двух раундов инвестиций — визуальный бренд из dev-шаблона. Маркетинг не даёт лид-velocity, конверсия с главной — 1,1%.

Action

Полная визуальная платформа: 50+ компонентов, motion-principles, иллюстрационная система. Landing kit, который масштабируется на 12 продуктов.

Impact

  • +34%lead velocity за квартал
  • −28%bounce rate на главной
  • 50+компонентов в системе
FigmaRiveSpline
// 07 · INVESTMENTS

Мы не торгуемся. Мы обозначаем порог входа.

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

Design Audit

Старт · 5–7 дней

  • ·UX-аудит сценариев и метрик
  • ·Карта слабых мест интерфейса
  • ·Визуальный протокол изменений

Инвестиция

от €500

ОСНОВНОЙ ФОРМАТ

Product Design

Внедрение · 4–8 недель

  • ·Аудит + IA + визуальная система
  • ·Готовые макеты под разработку
  • ·Токены, motion, дев-хэндофф

Инвестиция

от €3 600

Design Retainer

Сопровождение · от месяца

  • ·Еженедельные итерации
  • ·Развитие системы под рост продукта
  • ·Прямой канал дизайн-лида

Инвестиция

от €1 800 / мес

Точная инвестиция — после 30-минутного UX-аудита. Без типовых прайсов.

// 08 · START THE NARRATIVE

Опишите продукт — получите визуальный протокол.

Три поля. Этого достаточно, чтобы оценить задачу и вернуться со сценарием работы в течение одного рабочего дня.

Ответим протоколом и оценкой инвестиции в течение 1 рабочего дня.

// 09 · FAQ

Ответы до того, как вы их зададите.

Сухие факты по самым частым вопросам перед стартом дизайн-проекта.

// 02 · КАК МЫ РАБОТАЕМ [PROCESS]

От хаоса к результату.

01
Личная встреча или созвон

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

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