Сбербанк. Вклад в будущее
Дизайн главной страницы для сайта и процесс регистрации для лк
Моя роль
В проекте «Вклад в будущее» я отвечал за UX/UI-дизайн главной страницы сайта и сценария регистрации в личном кабинете. Вёл задачу от анализа требований и пользовательских целей до подготовки макетов, прототипов и передачи решений в разработку.
Сначала я погрузился в продукт и изучил целевую аудиторию: какие вопросы возникают у пользователя, какие условия ему важно понять и что может остановить его на пути к регистрации. На основе этого определил структуру страницы и расставил приоритеты в контенте.
Проектирование главной страницы
Главная страница должна была быстро объяснить ценность продукта, показать ключевые условия и привести пользователя к целевому действию — регистрации.
Я проработал:
- информационную архитектуру страницы;
- структуру первого экрана и основные CTA;
- блоки с преимуществами и условиями продукта;
- сценарии перехода к регистрации;
- состояния интерактивных элементов;
- адаптацию интерфейса под разные разрешения;
- визуальную иерархию и консистентность компонентов.
Особое внимание уделил тому, чтобы сложные финансовые условия были представлены простым и понятным языком. Пользователь должен был последовательно получить ответы на основные вопросы: что это за продукт, кому он подходит, какие у него условия и что нужно сделать, чтобы им пользоваться.
Сценарий регистрации
Отдельно я спроектировал путь пользователя в личный кабинет. Проанализировал основные шаги регистрации, сократил лишние действия и предусмотрел различные состояния сценария:
- ввод и проверка данных;
- подтверждение контактной информации;
- ошибки и некорректные значения;
- восстановление после незавершённого шага;
- успешное завершение регистрации;
- подсказки и пояснения для сложных полей.
Я стремился сделать сценарий максимально прозрачным: на каждом этапе пользователь должен понимать, что уже сделано, что требуется дальше и зачем нужна запрашиваемая информация.
Взаимодействие с командой
В процессе работы я обсуждал решения с продуктовой командой, аналитиками и разработчиками, уточнял ограничения и проверял техническую реализуемость предложенных сценариев. Готовил прототипы в Figma, презентовал решения, собирал обратную связь и дорабатывал макеты.
После согласования передал дизайн в разработку, подготовил необходимые состояния и спецификации, а также участвовал в проверке корректности реализации.
Результат
В результате была сформирована целостная связка из главной страницы и регистрации в личном кабинете: пользователь последовательно знакомился с продуктом и понимал его условия.