Интерфейсные работы в Школе Бюро Горбунова
Бюро Горбунова
январь — март 2025
Интерфейс мобильного приложения «СКАН»
Задача
Разработать интерфейс приложения для хранения и быстрого поиска документов. Пользователь фотографирует документ, система распознаёт и сохраняет данные.
Контекст
Пользователь — человек, которому часто нужны паспорт, СНИЛС, ИНН. Он не помнит, где они лежат, хочет удобство. Приложение должно быть интуитивным и понятным даже людям 65+.
Исследование
Провёл интервью с родителями, выяснил основные боли: документы теряются, фото не всегда находятся в галерее, поля сложно переписать с экрана. Также проанализировал конкурентов (ДокДок, Яндекс.Ключ) и отметил, что многих пользователей путают непонятные статусы, отсутствие поиска и избыточные функции.
Гипотеза
Если при первом входе сразу показать простой сценарий добавления документа с понятными шагами и минимальными действиями (камера → фото → автозаполнение → карточка), то вырастет доля пользователей, успешно добавивших первый документ в течение первой сессии. Потому что они сразу почувствуют контроль, увидят результат и поймут, что пользоваться приложением просто.
Решение
Выстроил сценарий «действие → результат». Добавил микрообъяснения, использовал знакомые паттерны. Сделал так, чтобы человек чувствовал: «я справлюсь». Спроектировал 6 экранов: заставку, добавление через камеру, распознавание, редактирование, хранение карточек, быстрый поиск. Сделал акценты на доверии: пояснил, где хранятся данные.
Результат. Получилось приложение, которое закрывает боль: вспомнить данные, когда документов нет под рукой. Его можно расширить до семейного архива или банковской интеграции.
Проектирование сайта валенок
Задача
Переосмыслить сайт фабрики валенок. Придумать структуру и спроектировать промо-страницу, которая помогает выбрать валенки и повышает доверие к современному продукту. Цель — показать, чем современные валенки хороши, и как их выбрать.
Контекст
Пользователь — житель города, часто из Москвы. Он ищет что-то тёплое и стильное, но сомневается: валенки — это «деревенское». Задача бизнеса — сломать стереотип и сделать выбор очевидным.
Исследование
Изучил конкурентов на Wildberries и Ozon: как оформлены карточки, что пишут в заголовках. Выделил ключевые блоки, которые помогают сделать выбор: из чего сделаны, насколько тёплые, не скользят ли. Учитывал, что покупатели листают быстро, и важны чёткие подписи и визуальные якори. Провёл 3 коротких интервью: что мешает купить валенки. Главный барьер — «не понимаю, где носить».
Гипотеза
Если подать преимущества валенок через реальные сценарии использования (город, офис, улица) и визуальные образы, то вырастет вовлечённость и конверсия в просмотр карточек товаров, потому что пользователь увидит актуальность валенок для своей жизни и избавится от стереотипа «деревенской обуви».
Решение
Собрал структуру страницы вокруг ключевых сценариев: тепло, не скользят, есть магазин рядом. Начал с главного оффера: валенки из 100% овечьей шерсти. Затем показал, почему их носят в 2025 году, какие они бывают, и как устроена защита от скольжения. Добавил витрину по категориям (женские, мужские, детские), блок с ценами и оффлайн-магазином. Сделал визуально чисто, акцент на зимние фото и простоту. Показал знакомые городские образы: прогулки, лестницы, сугробы. Акцент сделал на доверии: что внутри валенка, как он держит тепло и сцепление.
Результат. Получился сайт, который вызывает доверие, удобно листается и помогает с выбором. Его можно использовать как основу для сезонных кампаний или страницы бренда на маркетплейсе.
Промо-страница музыкального компьютера OP‑1 Field
Задача
Создать промо-страницу, которая продолжает эмоции от обзора устройства и помогает принять решение о покупке. Цель — вдохновить, объяснить преимущества и показать, как OP‑1 становится частью жизни.
Контекст
Пользователь — увлечённый музыкой человек, возможно, начинающий. Он уже видел ролик, заинтересовался, но сомневается: дорого, сложно, неясно зачем. Страница должна поддержать интерес, снять барьеры и мягко подвести к покупке.
Исследование
Изучил обзоры и обсуждения OP‑1 на YouTube и Reddit. Людей смущает цена, непонятность функций и «игрушечный» внешний вид. Многие не понимают, зачем он нужен, если уже есть синтезатор. Выделил триггеры: желание писать музыку без ноутбука, быстро входить в поток, получать удовольствие от процесса. Посмотрел, как Teenage Engineering рассказывает о продукте — много стиля, но мало прикладных сценариев. Это мешает принять решение о покупке. Провёл бенчмаркинг конкурентов (Roland, Korg, Akai) — у всех ставка на технику. У OP‑1 есть шанс выделиться через эмоции и эстетику.
Гипотеза
Если показать OP‑1 в повседневных сценариях (кухня, путешествия, с друзьями) и через образы обычных людей, а не характеристик, то это снизит барьер входа, увеличит вовлечённость и доверие. Потому что пользователь увидит, как устройство вписывается в его жизнь.
Решение
Покупают не синтезатор, а вдохновение. Я сделал ставку на эмоции и реальный опыт. Устройство выглядит необычно — важно показать, как оно работает вживую. Построил страницу на реальных сценариях использования — в поездке, на кухне, в студии, с друзьями. Добавил истории пользователей, показал, как OP‑1 помогает делать музыку в любых условиях. Визуально оформил как lifestyle-продолжение обзора.
Результат. Получилась промо-страница, которая мягко переводит интерес в желание купить. Её можно использовать в качестве посадочной страницы после обзоров и в таргетированной рекламе. Структура легко адаптируется под другие устройства Teenage Engineering.
Многоэтажная веб‑страница для Фрутоняни
Задача
Сверстать промо-страницу с продуктами «Фрутоняни» для онлайн-продвижения детского питания. Цель — показать ассортимент, вызвать доверие к бренду и упростить выбор родителям.
Контекст
Пользователь — родитель, выбирающий питание для ребёнка. Хочет быстро понять, что подойдёт по возрасту, составу и вкусу. Задача бизнеса — презентовать продукты понятно и убедительно, при этом сохранить тёплый, заботливый тон бренда.
Исследование
Изучил каталоги и промостраницы конкурентов — «Агуша», «Нестле», Ozon. Выяснил, что родителям важны не только фото и цена, но и быстрый доступ к информации о составе и возрасте. Уточнил, какие блоки и подписи считываются лучше всего.
Гипотеза
Если разделить каталог на тематические секции с маркировкой возраста и характеристик (без сахара, 100% natural и т.п.), то увеличится глубина просмотра и CTR на карточки продуктов, потому что родителям проще сориентироваться в ассортименте и сразу найти подходящее питание.
Решение
Построил многоэтажную структуру страницы: от ценностей бренда к конкретным линейкам. Выделил блоки под ключевые группы продуктов: каши, пюре, творожки, напитки. Для каждого блока оформил подзаголовки, акценты на составе (без сахара, с кальцием, витаминами), крупные фотографии и возрастные метки. Визуально страница читается легко: плавный ритм, разделение по смыслу, знакомый брендовый стиль с персонажами.
Результат. Получилась универсальная промо-страница, которую можно адаптировать под акции, сезонные коллекции или e-commerce каталоги. Она читается быстро, вызывает доверие и помогает выбрать.
Информационная страница Фрутоняни
Задача
Создать информационную страницу, которая снизит панику, вызванную фейковыми новостями о «банановой палочке» в детском питании. Цель — восстановить доверие родителей к продуктам бренда.
Контекст
Пользователь — родитель маленького ребёнка. Он встревожен, боится навредить ребёнку, не доверяет бренду. Ему нужно не убеждение, а спокойное, уважительное объяснение. Бизнес-цель — вернуть продажи и удержать лояльную аудиторию.
Исследование
Провёл быстрые интервью с родителями, которым прочитал фейковую новость. Выяснил: они не хотят «оправданий», но готовы поверить в факт, если он объяснён как в медицинской инструкции. Также изучил кейсы Danone и Heinz — как они снимали тревожность в аналогичных ситуациях.
Гипотеза
Если на первом экране страницы показать простой и понятный путь продукта с фактами и фотографиями, то увеличится время на странице и количество сохранений/пересылок, потому что родитель сразу поймёт, что бренд не скрывает информацию, а отвечает по-человечески.
Решение
Я понял, что родителю важно быстро получить спокойный ответ на вопрос: «Это безопасно?». Поэтому построил структуру так, чтобы на первом экране уже снять панику. Написал текст и спроектировал страницу, которая объясняет путь банана от плантации до пюре: где растёт, как обрабатывается, как контролируется качество. Для доверия добавил комментарии специалиста и фото реального производства.
Результат. Получилась страница, которой можно делиться в чатах родителей. Она отвечает на тревожные вопросы, объясняет без давления и восстанавливает доверие к бренду. Такой подход можно масштабировать на другие кризисные поводы.
Вёрстка сложного документа Билайн
Задача
Сверстать копию договора «Билайна» для публикации на сайте. Текст менять нельзя. Цель — сохранить юридическую точность и сделать документ удобным для восприятия.
Контекст
Пользователь — клиент «Билайна», не юрист. Он хочет понять, что подписывает. Его раздражают нечитаемые формулировки и «простыни» текста.
Исследование
Провёл бенчмаркинг: изучил, как оформляют пользовательские соглашения Сбер, Юла, Wildberries. Сделал аудит жалоб и комментариев в поддержку. Дополнительно провёл опрос среди клиентов: главной проблемой оказалась непонятная структура и перегрузка текста.
Гипотеза
Если разбить текст договора на главы и добавить навигацию, то уменьшится показатель отказов на странице и снизится количество обращений в поддержку, потому что пользователи смогут быстро находить нужные разделы и чувствовать контроль над содержимым.
Решение
Я разбил текст на главы, выделил важные фразы, добавил якоря и боковую навигацию. Я пошёл от боли — страх пропустить что-то важное. Поэтому создал визуальный порядок и дал инструмент навигации. Без перегрузки и юридических украшательств. Подобрал вёрстку в стиле «Госуслуг»: читаемый кегль, контраст, аккуратные поля.
Результат. Получился документ, который читается как сайт. Его легко пролистывать, удобно ссылаться на пункты, он вызывает больше доверия. Можно масштабировать на оферты, лицензии и инструкции.
Дмитрий Черников