Главная/Услуги/UI-компоненты
Услуга

Разработка и доработка UI-компонентов на Vue

Делаю переиспользуемые, доступные и быстрые компоненты для ваших проектов — от отдельных элементов до целой дизайн-системы.

01 — Когда подходит

Знакомо?

Компоненты — это то, на чём я держу опенсорс. Виртуализация, формы из схемы, уведомления, command-палитра — ровно эта тема.

!

Нужны сложные компоненты, которых нет в готовых библиотеках.

!

Интерфейс разрознен — нужна единая дизайн-система.

!

Существующие компоненты тормозят или недоступны с клавиатуры.

!

Команде нужно усиление на сложной UI-части.

02 — Что входит

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

Делаю отдельные сложные компоненты или собираю целую систему — доступную, типизированную и быструю.

01

Сложные компоненты

Виртуализация списков, формы из схемы, command-палитра, уведомления — то, чего нет в коробке.

virtualformsa11y
02

Дизайн-система

Единый набор токенов и компонентов вместо разрозненных решений в каждом разделе.

tokensDSStorybook
03

Доступность

Клавиатура, скринридеры, контраст — ориентир WCAG 2.1 AA по умолчанию.

WCAGkeyboardARIA
04

Производительность

Лёгкие, быстрые компоненты без лишних зависимостей и перерисовок.

perfbundle
03 — Что вы получите

Компоненты, которые
экономят время.

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

  1. 01
    Единый интерфейс

    Один набор компонентов — одинаковое поведение и вид во всех разделах.

  2. 02
    Доступность из коробки

    Работают с клавиатуры и скринридеров — без доработок постфактум.

  3. 03
    Быстрее разработка

    Команда собирает экраны из готовых блоков, а не изобретает каждый раз заново.

  4. 04
    Документация и примеры

    Storybook или аналог: как использовать компонент видно сразу.

04 — Как проходит работа

Четыре шага
без сюрпризов.

01

Обсуждаем

Бесплатно разбираю задачу и контекст. Если не моё — честно скажу.

02

Оцениваю

Сроки, объём, риски и стоимость — до начала работы.

03

Работаю итерациями

Регулярные демо и понятный прогресс на каждом шаге.

04

Сдаю с кодом

Передаю код и документацию. Проект остаётся вашим.

05 — Почему я

Опенсорс —
прямое доказательство.

  • Пакеты ровно на эту тему. Виртуализация, формы из схемы, уведомления, command-палитра — опубликованы в npm.
  • Доступность не на словах. a11y — часть работы по умолчанию, а не опция за отдельные деньги.
  • Дизайн-фундамент. Понимаю и инженерную, и визуальную сторону компонента одновременно.
  • Чистый типизированный код. Компоненты, которые приятно переиспользовать и расширять.
06 — Вопросы

FAQ

Да. Частый запрос — собрать конкретный сложный компонент: таблицу с виртуализацией, редактор, command-палитру. Дизайн-система — когда нужен масштаб.
Доступность заложена по умолчанию: работа с клавиатуры, корректные ARIA-атрибуты, контраст. Ориентир — WCAG 2.1 AA.
Да. Могу работать в рамках вашей системы и токенов или помочь навести в ней порядок, если она разрослась стихийно.
Да — Storybook или аналог с живыми примерами, чтобы команда использовала компоненты без вопросов.
Следующий шаг

Какие компоненты нужны?

Опишите задачу — отдельные элементы или целая система. Подскажу оптимальный путь и сроки.