ОКАЛИН

ОБО МНЕ
МОИ РАБОТЫ
КОНТАКТЫ
UX/UI ДИЗАЙНЕР
АЛЕКСАНДР
ОКАЛИН
ОБО МНЕ
The term arts and crafts is also applied, especially in the United States and mostly to hobbyists' and children's output rather than items crafted for daily use.
The term arts and crafts is also applied, especially in the United States and mostly to hobbyists' and children's output rather than items crafted for daily use.
mostly to hobbyists' and children's УААУ
UX-КЕЙС: TELEGRAM-БОТ ДЛЯ X BUSINESS CLUB
1. Обложка
  • Название: «UX-кейс: Telegram-бот для …»
  • Твоя роль: UX/UI дизайнер
  • Год, сроки
  • Одна строка результата: «Сократил время выполнения задачи с 2 минут до 30 секунд»
  • Визуал: мокап телефона с открытым ботом или коллаж из 3 экранов.
2. Контекст
  • Что за бот, для кого, зачем.
  • Какая была бизнес-задача.
  • Визуал: логотип, 1–2 скриншота реального интерфейса.
3. Проблема и цель
  • В чём боль пользователя.
  • Что нужно было улучшить.
  • Визуал: схема «было → стало» или цитаты пользователей.
4. Моя роль и ограничения
  • «Я был единственным дизайнером».
  • Ограничения: Telegram API, сроки, технические лимиты.
  • Это важно: показывает, что ты умеешь работать в реальных условиях.
5. Исследование
  • Конкуренты, похожие боты.
  • 3–5 инсайтов.
  • Визуал: таблица конкурентов, цитаты, персона.
6. User Flow / CJM
  • Схема пути пользователя: от входа до цели.
  • Покажи, где были тупики и как ты их убрал.
  • Визуал: flowchart из Miro/Whimsical/Figma.
7. Вайрфреймы и прототип
  • Серые экраны, логика кнопок, меню, команд.
  • Визуал: 3–5 вайрфреймов с аннотациями.
8. Дизайн-решения
  • Почему такие кнопки, тексты, состояния.
  • Как обрабатывал ошибки, непонимание, тупики.
  • Визуал: «до / после» с подписями.
9. Тестирование и итерации
  • Что не работало у реальных людей.
  • Что ты поменял после тестов.
  • Визуал: скриншоты до/после, цитаты тестировщиков.
10. Финальный UI
  • 5–8 ключевых экранов в мокапах.
  • GIF или короткое видео (15–30 сек), как работает бот.
  • Визуал: iPhone/Telegram Desktop frame.
11. Результаты
  • Метрики: время, ошибки, конверсия, отзывы.
  • Даже если pet-проект — покажи, что изменилось.
  • Визуал: графики, цифры, скриншоты отзывов.
12. Выводы
  • Чему научился.
  • Что бы сделал иначе.
  • Это показывает зрелость.
«Кейс: Лендинг для студии ремонта РемонтПро»
Роль: UX/UI дизайнер, исследователь, копирайтер
Срок: 5 дней
Формат: Концепт. Клиент вымышленный, сценарий основан на реальных проблемах ниши.
Клиент и обоснование
Вымышленная студия ремонта квартир «РемонтПро», 12 человек, средний чек 1,2 млн ₽.
Почему выбрал нишу: высокая цена решения, сильные страхи клиентов (обман, затягивание сроков, рост сметы), понятная структура лендинга. Работодатель сразу видит контекст.
Проблема
Старый сайт-визитка не приносил заявок. Посетитель не понимал, чем компания отличается, не видел цен и сроков, боялся обмана. CTA был спрятан внизу.
Цель: лендинг, который за 5 секунд объясняет оффер, снимает страхи и ведет к короткой заявке.
Исследование
  • Конкуренты: почти никто не работает с возражениями. Все говорят «мы хорошие», но не показывают, почему им можно доверять.
  • Интервью с 5 людьми, делавшими ремонт:
  • «Никто не называет цену — я бросаю поиск».
  • «Боюсь, что смета вырастет в два раза».
  • «Фото без подписей не работают».
  • «"Под ключ" — размыто, нужен список».
  • Инсайты: нужна вилка цен, фикс сметы, фото с метражом и бюджетом, четкий список работ, короткая форма.
Структура лендинга
  1. Hero: оффер + CTA + цифры доверия.
  2. Проблема: 3 страха клиента.
  3. Решение: фикс смета, сроки в договоре, оплата по этапам.
  4. Что входит в «под ключ»: 12 пунктов.
  5. Как работаем: 5 шагов.
  6. Примеры работ: фото + метраж, сроки, бюджет.
  7. Отзывы: с фото и ссылкой на Яндекс.Карты.
  8. Цены: 3 пакета с вилкой.
  9. FAQ: 6 возражений.
  10. Финальный CTA: форма из 2 полей.
  11. Контакты.
Ключевые решения
  • Оффер: «Ремонт под ключ за 45 дней. Фиксированная смета в договоре».
  • Вместо «мы профессионалы» — конкретика: «Цена не меняется. Допработы только с вашего согласия».
  • Форма: только имя и телефон. Обещание не спамить.
  • Мобильная версия: sticky-кнопка «Рассчитать».
Тестирование
Прототип в Figma, 5 человек.

Задача

Результат

Поняли оффер за 5 сек

4 из 5

Нашли цену

5 из 5

Оставили заявку

5 из 5

Среднее время до заявки

1 мин 10 сек

Что поменял после теста: добавил пояснение к «под ключ», сделал слайдер «до/после», увеличил CTA на мобильном.
Результат-гипотеза
Только замеры на тесте, без выдуманных метрик:
  • 4 из 5 правильно назвали оффер.
  • 5 из 5 нашли цену.
  • Время до заявки сократилось с 4 мин (старый сайт) до 1 мин 10 сек.
Выводы
  • В нишах с высоким недоверием работа с возражениями важнее красоты.
  • Цифры и факты продают лучше прилагательных.
  • Тест на 5 людях выявляет 80% проблем.
Что приложить
  • Ссылка на Figma-прототип, PDF с экранами, схема структуры, таблица конкурентов, цитаты интервью, результаты теста.
Контакты для связи
Если есть вопросы и предложения, есть возможность связаться со мной по контактам либо на почту, готов дать грамотную консультацию и список задач перед работой
+7-922-221-20-03
almiokalin@edu.hse.ru
Made on
Tilda