СберCити
Моя роль: Cтарший веб-дизайнер
Редизайн лендинга СберСити
Проблема
Компания планировала выйти на публичный рынок с продажей жилых кварталов, но текущий лендинг не соответствовал задачам и требованиям целевой аудитории. Основные проблемы заключались в следующем:
- Невозможность персонализации: лендинг не учитывал специфические потребности целевой аудитории и не предлагал персонализированный контент для разных типов квартир.
- Отсутствие маркетинговой интеграции: не было единообразного брендинга, и лендинг не был синхронизирован с основными маркетинговыми каналами.
- Ограниченный функционал: не было инструментов для взаимодействия с клиентами, таких как формы обратной связи, онлайн-консультанты, калькуляторы ипотеки и другие механизмы для повышения вовлеченности пользователей.
Решение
Мы разработали новый лендинг на основе обновленного фирменного стиля и UI-кита компании. Новый сайт не только визуально соответствует современным требованиям бренда, но и учитывает пользовательские сценарии, улучшая взаимодействие с потенциальными покупателями. Посмотреть результат можно по ссылке → https://sbercity.ru.
![](https://static.tildacdn.com/tild3533-6463-4539-b535-616466393536/-/resizeb/20x/25D0259B25D025B525D0.jpg)
![](https://static.tildacdn.com/tild3061-3035-4437-b264-663461343864/-/resizeb/20x/D092D18BD0B1D0BED180.png)
Процесс
Анализ старого лендинга:
- Провел детальный аудит существующего сайта с точки зрения пользовательского опыта и функционала.
- Определил ключевые недостатки, такие как запутанная навигация, низкая интуитивность интерфейса и недостаток персонализированных блоков.
- Выписал сильные и слабые стороны структуры страницы, ориентируясь на удобство использования для потенциальных клиентов.
![](https://static.tildacdn.com/tild6335-3838-4338-a431-643830363961/-/resizeb/20x/Image-3.png)
![](https://static.tildacdn.com/tild3264-3331-4337-a264-366431333038/-/resizeb/20x/Image-2.png)
![](https://static.tildacdn.com/tild6262-3933-4130-b232-326332346465/-/resizeb/20x/Image-1.png)
Wireframes:
- На основе анализа и нового подхода к брендингу, разработал структуру обновленного лендинга.
- Создал wireframe, где учел последовательную подачу информации, акценты на преимущества жилых кварталов
![](https://static.tildacdn.com/tild6333-6236-4932-a531-326530336362/-/resizeb/20x/1442.png)
Прототипирование
- На основе утвержденного дизайна собрал анимированный прототип лендинга, который демонстрировал ключевые сценарии взаимодействия пользователя с сайтом.
Результат
![](https://static.tildacdn.com/tild6362-3464-4133-a664-386632316364/-/resizeb/20x/4324.png)
Выход СберСити в открытый рынок
Решение
Подготовили страницу регистрации на мероприятие и страницу трансляции как анонс для будущей презентации СберСити в Рублёво-Архангельском, на которой должны были рассказать, как компания развивает территорию, какие технологии применяет и чем она будут полезны будущим резидентам.
![](https://static.tildacdn.com/tild6335-6633-4733-b537-626434613138/-/resizeb/20x/SC_public.png)
Результат
![](https://static.tildacdn.com/tild3232-6632-4030-b566-313234666430/-/resizeb/20x/Group2014.png)