кейсы услуги вакансии блог

Ситилинк Мобильное приложение для электронного гипермаркета

команда
22
экранов
240
годы работы
2019—2022
платформа
iOS, Android

О клиенте

Ситилинк — омниканальный гипермаркет и третий крупнейший интернет-магазин России. Компания продает технику, электронику, ручные инструменты, офисную мебель и другие категории товаров. Зарабатывает более 176 млрд в год.

Кроме продажи товаров компания оказывает различные услуги: собирает и подключает оборудование, настраивает цифровую технику, подбирает расходные материалы.

Ситилинк — это 1000 магазинов и пунктов выдачи заказов в 500 городах России.

Скриншот

О задаче

Ситилинк обратился к нам с планом — выпустить мобильное приложение в 2021 году и запустить новый канал продаж.

Компания хотела, чтобы клиенты могли искать и покупать товары, оставлять и изучать отзывы, отслеживать заказы и получать уведомления через смартфон.

Приложение должно было вписаться в обновленный стиль Ситилинка, сохранить узнаваемость и уникальность для любого клиента сети.

Экраны
Скриншот экрана

Сделали конструктор из блоков на главном экране

Ситилинк может менять местами блоки на главной странице, собирать страницу под праздники и распродажи, экспериментировать с коммерческими факторами и тестировать маркетинговые гипотезы.

Организовали переход в товарные категории

Сделали разные акценты для товарных блоков.

Пользователь сохраняет внимание и легко находит нужную категорию в большом ассортименте: бытовая техника, электроника, офисная мебель, электроинструмент, товары для дома, разные услуги.

Скриншот экрана
Иконка с техникой

Сделали полноэкранное превью

Превью товаров работает на главной странице и в листинге товаров в каталоге.

Шторка с важной информацией выезжает при долгом нажатии. Пользователь видит условия доставки, пункты самовывоза и количество бонусов. Может перейти в карточку товара за подробной информацией, сразу купить его, добавить услуги или вернуться обратно на главный экран.

Иконка с летающей тарелкой

Добавили интерактивные блоки

Товарные карточки собираются в стопки и создают интуитивно понятные механики для работы с блоком предложений.

Пользователь ищет товар свайпом: влево — появляется карточка с новым товаром, вправо — возвращается прошлая карточка.

Товар дня занимает всю ширину экрана, а счетчик показывает время до окончания предложения. Когда срок истекает, в блоке появляется новый товар.

Скриншот экрана Товар дня
Скриншот экрана Популярные категории
Иконка со смартфоном

Главный экран учитывает историю взаимодействия с клиентом

Приложение предугадывает желания клиентов.

Оно сразу показывает контент, за которым постоянный пользователь идет в приложение:

  • Виджет со статусом заказа.
  • Историю просмотров.
  • Предложения на основе прошлых покупок.

Новому пользователю приложение показывает широкий ассортимент товаров: раздел с популярными категориями, акционные предложения и товарные подборки.

Упростили навигацию с помощью иллюстраций

Ситилинк — это не только компьютеры и техника, это десятки товарных категорий.

Мы упростили навигацию, чтобы пользователь каталога моментально отличал категорию для геймера от товаров для дома, легче ориентировался и быстрее находил нужный товар.

Меню

Разработали функциональный листинг товаров

Скриншот экрана Товар

Пользователь листает фотогалерею товара без перехода в карточку — прямо из листинга.

Список выводит рядом с изображением главные характеристики в каждой товарной категории.

Выбрать вид листинга между плиткой и списком.

Плитка акцентирует внимание на фотографиях и рейтинге товара.

Может добавить товар в избранное или корзину.

Скриншот экрана

Товарную карточку разделили на два смысловых блока

Первый блок — объединил часто просматриваемую информацию: фото и видео товара, условия покупки, рич-контент, опции доставки, основные характеристики и конфигурации товара.

Вкладки помогают организовать пространство и сохранить внимание пользователя. Они хранят инструкции, сертификаты и подробное техническое описание на дополнительных экранах.

Второй блок помогает принять решение о покупке.

Он объединяет инструменты изучения товара и социального подкрепления.

Пользователь видит отзывы и опыт покупателей, рекомендации, товарные подборки, может задать вопрос или написать в чат поддержки.

Скриншот экрана
Меню

Закрепили основные действия с товаром в карточке

Инструменты покупки и глобальной навигации сопровождают пользователя, пока он изучает товар. Пользователь может добавить товар в корзину или избранное, обратить за консультацией или перейти в любой раздел приложения по тапу.

Иконка чата

Добавили чат с экспертами

Пользователь может написать в чат, чтобы задать вопросы экспертам Ситилинка и производителя. Они помогут с выбором, расскажут про товар и подробные характеристики и подберут аналоги для пользователя.

Скриншот экрана

Апселлинг и дополнительные услуги в корзине

Ситилинк оказывает покупателям дополнительные услуги. Предлагаем их в корзине приложения вместе с товарами.

Пользователь может оформить страховой полис, заказать установку и настройку техники, купить цифровую подписку или лицензионный ключ для программы.

Настроили простой трекинг заказа в личном кабинете

Виджет показывает статус и детали заказа в личном кабинете и на  главной странице приложения.

Пользователь может сохранить несколько адресов и данные нескольких получателей.

Слайдер помогает отслеживать несколько активных заказов одновременно.

Скриншот экрана
Скриншот с бонусами

Отдельный виджет клубной программы показывает число бонусов, номер карты, размер скидки и другие привилегии.

Приложение успешно прошло бета-тестирование перед запуском и появилось в App Store и Google Play в декабре 2021 года.

Проектная команда продолжает работать над продуктом и собирать обратную связь.
команда
22
экранов
240
годы работы
2019—2022
result
QR-код
Установить
иконка apple иконка android
Будет полезно
Изображение №sportmaster0 - Спортмастер
Спортмастер
Закон Якоба для интерфейсов
cтатья
Как работает закон Якоба в дизайне интерфейсов и когда не стоит изобретать новое
договор_sla
cтатья
Как договор SLA обеспечивает бесперебойную работу приложения
Как делать кнопки и иконки, по которым легко попадать
cтатья
Как применять закон Фиттса в дизайне веб- и мобильных интерфейсов
Изображение №03%d0%ba%d0%b0%d0%ba-%d1%80%d0%b0%d0%b7%d0%b2%d0%b8%d0%b2%d0%b0%d1%82%d1%8c-mcommerce-%d0%bf%d1%80%d0%b8%d0%bb%d0%be%d0%b6%d0%b5%d0%bd%d0%b8%d0%b5-%d0%b2-2021-%d0%b3%d0%be%d0%b4%d1%83%d0%bb4 - Mcommerce-приложения
аналитика
Mcommerce-приложения
Изображение №sportmaster0 - Спортмастер
Спортмастер
Закон Якоба для интерфейсов
cтатья
Как работает закон Якоба в дизайне интерфейсов и когда не стоит изобретать новое
договор_sla
cтатья
Как договор SLA обеспечивает бесперебойную работу приложения
Как делать кнопки и иконки, по которым легко попадать
cтатья
Как применять закон Фиттса в дизайне веб- и мобильных интерфейсов
Изображение №03%d0%ba%d0%b0%d0%ba-%d1%80%d0%b0%d0%b7%d0%b2%d0%b8%d0%b2%d0%b0%d1%82%d1%8c-mcommerce-%d0%bf%d1%80%d0%b8%d0%bb%d0%be%d0%b6%d0%b5%d0%bd%d0%b8%d0%b5-%d0%b2-2021-%d0%b3%d0%be%d0%b4%d1%83%d0%bb4 - Mcommerce-приложения
аналитика
Mcommerce-приложения
Изображение №sportmaster0 - Спортмастер
Спортмастер
Закон Якоба для интерфейсов
cтатья
Как работает закон Якоба в дизайне интерфейсов и когда не стоит изобретать новое
договор_sla
cтатья
Как договор SLA обеспечивает бесперебойную работу приложения
Как делать кнопки и иконки, по которым легко попадать
cтатья
Как применять закон Фиттса в дизайне веб- и мобильных интерфейсов
Изображение №03%d0%ba%d0%b0%d0%ba-%d1%80%d0%b0%d0%b7%d0%b2%d0%b8%d0%b2%d0%b0%d1%82%d1%8c-mcommerce-%d0%bf%d1%80%d0%b8%d0%bb%d0%be%d0%b6%d0%b5%d0%bd%d0%b8%d0%b5-%d0%b2-2021-%d0%b3%d0%be%d0%b4%d1%83%d0%bb4 - Mcommerce-приложения
аналитика
Mcommerce-приложения
Изображение №sportmaster0 - Спортмастер
Спортмастер
Закон Якоба для интерфейсов
cтатья
Как работает закон Якоба в дизайне интерфейсов и когда не стоит изобретать новое
договор_sla
cтатья
Как договор SLA обеспечивает бесперебойную работу приложения
Как делать кнопки и иконки, по которым легко попадать
cтатья
Как применять закон Фиттса в дизайне веб- и мобильных интерфейсов
Изображение №03%d0%ba%d0%b0%d0%ba-%d1%80%d0%b0%d0%b7%d0%b2%d0%b8%d0%b2%d0%b0%d1%82%d1%8c-mcommerce-%d0%bf%d1%80%d0%b8%d0%bb%d0%be%d0%b6%d0%b5%d0%bd%d0%b8%d0%b5-%d0%b2-2021-%d0%b3%d0%be%d0%b4%d1%83%d0%bb4 - Mcommerce-приложения
аналитика
Mcommerce-приложения

Давайте делать крутые продукты вместе

Имя
E-mail
Номер телефона
Расскажите о вашем проекте
0/255
Нажимая на кнопку «Отправить», Вы даете Cогласие на обработку своих персональных данных
Набережная реки Карповки, 5к16, 2 этаж
Санкт-Петербург
+7 812 407 31 00
Москва
+7 495 565 30 74
e-mail
hello@handh.ru
кейсы услуги вакансии блог презентация компании
кейсыуслугивакансииблог
Набережная реки Карповки, 5к16, 2 этаж
Санкт-Петербург
+7 812 407 31 00
Москва
+7 495 565 30 74
e-mail
hello@handh.ru