В рамках конкурса VK Dev Grants была разработана замена Taplink на базе VK Mini Apps — приложение-визитка для малого бизнеса, ИП и самозанятых.
UX/UI
Июнь — Декабрь 2025
В рамках конкурса VK Dev Grants была разработана замена Taplink на базе VK Mini Apps — приложение-визитка для малого бизнеса, ИП и самозанятых. OneTap позволяет создать уникальную страницу из профиля ВКонтакте в один клик, настроить её под себя и поделиться с клиентами как внутри ВК, так и за его пределами.
Команда: 3 человека: 2 дизайнера, 1 фронтенд-разработчик
Роль: UX/UI-дизайнер: исследования аудитории, проектирование механик, визуальный стиль, тестирование — наравне со вторым дизайнером
Инструменты: Figma, Яндекс Метрика
Процесс. Два дизайнера работали параллельно, закрывая разные блоки: исследования, проектирование UI, тестирование. Синхронизировались внутри команды и подключали разработчика по мере готовности макетов. После запуска в VK Mini Apps отслеживали поведение пользователей через Яндекс Метрику и итерировали продукт на основе реальных данных.
Предыстория проекта. Taplink и аналоги — внешние сервисы, требующие отдельной регистрации и зачастую платной подписки. При этом малый бизнес и самозанятые уже ведут свои страницы ВКонтакте, но не имеют нативного инструмента для создания полноценной визитки внутри экосистемы. VK Mini Apps закрывает этот пробел — без лишних шагов и сторонних сервисов.
Критерии успеха
Пользователь создаёт визитку за минимальное количество шагов.
Высокий процент опубликованных визиток от созданных.
Рост числа активных пользователей приложения.
Приложение выходит в финал конкурса VK Dev Grants.
Исследования
Перед началом проектирования провели анализ конкурентного рынка и целевой аудитории.
Анализ конкурентов показал, что рынок решений для лендингов и визиток охватывает широкий спектр потребностей — от простых стильных страниц (Tap.bio) до многофункциональных маркетинговых платформ (HubSpot, GetResponse). Успешный продукт в этой нише должен либо закрывать узкую потребность максимально просто, либо предлагать комплексные интегрированные решения. OneTap выбрал первый путь — максимальная простота внутри знакомой экосистемы ВКонтакте.
Целевая аудитория разделилась на три сегмента:
Фрилансеры — дизайнеры, копирайтеры, иллюстраторы, которые ищут заказы и хотят, чтобы их заметили.
Микро-бизнес — мастера маникюра, репетиторы, кондитеры: есть навык, нет потока клиентов.
Креаторы — авторы коротких видео, которые хотят направить аудиторию на свои продукты или сообщества.
После запуска подключили Яндекс Метрику для отслеживания реального поведения пользователей. Данные стали основой для итераций продукта.
Идеи и концепции
Визуальный стиль. Приложение построено на минимализме — весь акцент намеренно смещён на контент, который создают сами пользователи. Интерфейс не конкурирует с визиткой, а служит инструментом. При этом сам бренд OneTap получил яркий, запоминающийся стиль: насыщенный зелёный цвет, крупная типографика, характерный логотип с рукой — всё это создаёт узнаваемый образ, который не теряется среди конкурентов.
Блоковая система редактора. Самой сложной механикой стал редактор визитки. Нужно было дать пользователю гибкость — и при этом не перегрузить интерфейс. Решение: блоковая система с ограниченным набором полей в каждом блоке (заголовок, изображение, текст, кнопка). Из таких блоков можно собрать практически любую структуру — 4 кнопки, галерея с описанием, текстовый блок с CTA. Это позволило сделать MVP быстро и при этом дать пользователю реальную свободу.
AI-функции. В редактор встроена возможность исправить или улучшить текст с помощью ИИ. Это снижает порог входа для пользователей, которые не уверены в своих формулировках — особенно актуально для микро-бизнеса, где нет отдельного копирайтера.
UX проектирование
Интерфейс выстроен так, чтобы от первого открытия до готовой визитки проходило минимум времени и шагов.
1. Чистый старт. Пустой экран с одной яркой кнопкой «Создать новый проект» — никакого лишнего шума, только приглашение начать.
2. Создание визитки. Экран заполнения профиля: имя, профессия, обложка, краткое описание. Интерфейс лаконичный, акценты расставлены правильно — пользователь не вводит текст, а формирует первое впечатление о себе.
3. Редактор блоков. Здесь начинается настройка содержания визитки. Каждый блок — заголовок, текст, изображение, кнопка со ссылкой — добавляется отдельно. Тёплая нейтральная подложка делает интерфейс визуально лёгким, а структура конструктора понятна без инструкций.
4. Мои проекты. Созданный проект отображается как карточка с обложкой и подписью — минимализм в сочетании с выразительным визуалом. Проект также можно скрыть, если хочется что-то доработать и не делиться с пользователями
5. Публичный профиль. Финальный результат: большая фотография, имя, профессия, краткий рассказ и блоки-проекты. Всё читается легко — сразу понятно, кто вы и чем занимаетесь.
После запуска в VK Mini Apps анализировали поведение пользователей через Яндекс Метрику.
Ключевая находка — проблема с аватаром. Изначально фото профиля располагалось справа от поля ввода имени. Пользователи не понимали, что на него можно нажать — процент смены аватара был крайне низким, а визитки оставались незаполненными. Решение — вынести аватар наверх, сделать его главным элементом экрана заполнения. После изменения процент заполненных визиток вырос
Мы также столкнулись с проблемой, что пользователи не создают новые блоки, для этого мы «ужали блок» для того, чтобы кнопка с добавлением нового блока стала более заметной, это также помогло увеличить количество создания новых блоков
Это подтвердило принцип, которому следовали с самого начала: даже очевидные с точки зрения дизайнера решения требуют проверки на реальных пользователях.
Социальные механики и монетизация
Социальные механики обеспечивают виральный рост приложения без рекламных затрат:
Шеринг в один клик — пользователи делятся визитками в сторис и на стене ВКонтакте прямо из приложения.
Виральная метка — надпись «Создано в OneTap» на каждой визитке органически продвигает сервис.
Источники трафика — каталог VK Mini Apps и ссылки в постах сообществ привлекают новую аудиторию.
Уведомления — напоминания мотивируют авторов возвращаться и обновлять визитку.
Монетизация построена на модели Free / Premium:
Бесплатная версия: 1 проект, 3 блока, водяной знак, реклама в редакторе, ограниченный доступ к AI, только изображения.
Premium: до 10 проектов, без ограничений по блокам, без водяного знака, без рекламы, гифки и расширенный AI.
Такая модель позволяет пользователям попробовать продукт бесплатно и органично прийти к Premium по мере роста потребностей.
Результаты
8 000+ пользователей приложения.
2 000 визиток создано за первый месяц после запуска.
20% созданных визиток опубликованы и стали активными.
Приложение вышло в финал конкурса VK Dev Grants.
На основе данных Яндекс Метрики проведены итерации, повысившие процент заполненных визиток.
Достижения
Разработали продукт с нуля — от исследований до запуска — за 6 месяцев в команде из трёх человек.
Выстроили data-driven процесс: после запуска улучшали продукт на основе реального поведения пользователей.
Спроектировали гибкую блоковую систему редактора, подходящую для MVP и масштабируемую в будущем.
Разработали яркий визуальный стиль бренда, выделяющийся среди конкурентов.
Проработали модель монетизации и встроили AI-функции в редактор.
Вышли в финал VK Dev Grants, конкурируя с командами со всей страны.
Что получилось хорошо: быстрый запуск рабочего продукта, data-driven итерации после релиза, чёткое разделение зон ответственности в небольшой команде, баланс между простотой интерфейса и гибкостью редактора, виральная модель роста через шеринг.
Что можно было сделать лучше: провести больше пользовательских тестов до запуска — некоторые проблемы, которые выявила Яндекс Метрика, можно было поймать раньше на прототипе.
Вывод: получила опыт запуска реального продукта с живыми пользователями и научилась принимать решения на основе данных, а не интуиции. Работа в маленькой команде в условиях конкурсного дедлайна показала, насколько важно сразу договариваться о зонах ответственности и не бояться быстро итерировать.
