Кусочки терминологии. Что такое Mobile first design
Mobile first design ― принцип, при котором UX/UI изначально проектируется для мобильной версии и только потом для десктопа, т.к. предполагается, что покупатель чаще пользуется мобильным устройством, в том числе на бегу или в транспорте.
#кусочкитерминологии #mobilefirstdesign
Mobile first design ― принцип, при котором UX/UI изначально проектируется для мобильной версии и только потом для десктопа, т.к. предполагается, что покупатель чаще пользуется мобильным устройством, в том числе на бегу или в транспорте.
#кусочкитерминологии #mobilefirstdesign
Mobile First и его преимущества
✔️ Еще при проектировании процесса закладывается меньшее количество шагов до целевого действия (регистрации, покупки и т. д.).
Это значит, что Mobile First может улучшить опыт использования сайта на любых устройствах, изначально упростив процессы.
✔️ Размещается меньшее количество отвлекающих элементов на странице, самое необходимое находится на виду и пользователь быстро понимает, что ему нужно сделать.
✔️ Если продвижение зависит от SEO, Mobile First сайты находятся в более выгодном положении. Google пессимизирует сайты с плохим отображением на смартфоне. Уже больше половины всех ресурсов Google индексирует мобильным роботом (Mobile First Indexing).
✔️ Мобилка получается сама по себе целостная и законченная, а дектопная версия только расширяет ее.
Проблемы адаптива решенные Mobile First
⚠️ В адаптивах часто встречаются унаследованные от десктопа клики, от которых можно было отказаться.
⚠️ Зачастую делаются принципу «как бы впихнуть невпихуемое» и получаются перенасыщенными, пользователь не понимает что ему делать.
⚠️ При создании адаптивной версии могут остаться «следы десктопа» (ховеры, неудобные всплывающие формы).
Mobile First сайты таким проблемам редко подвержены.
#кусочкитерминологии #mobilefirstdesign
✔️ Еще при проектировании процесса закладывается меньшее количество шагов до целевого действия (регистрации, покупки и т. д.).
Это значит, что Mobile First может улучшить опыт использования сайта на любых устройствах, изначально упростив процессы.
✔️ Размещается меньшее количество отвлекающих элементов на странице, самое необходимое находится на виду и пользователь быстро понимает, что ему нужно сделать.
✔️ Если продвижение зависит от SEO, Mobile First сайты находятся в более выгодном положении. Google пессимизирует сайты с плохим отображением на смартфоне. Уже больше половины всех ресурсов Google индексирует мобильным роботом (Mobile First Indexing).
✔️ Мобилка получается сама по себе целостная и законченная, а дектопная версия только расширяет ее.
Проблемы адаптива решенные Mobile First
⚠️ В адаптивах часто встречаются унаследованные от десктопа клики, от которых можно было отказаться.
⚠️ Зачастую делаются принципу «как бы впихнуть невпихуемое» и получаются перенасыщенными, пользователь не понимает что ему делать.
⚠️ При создании адаптивной версии могут остаться «следы десктопа» (ховеры, неудобные всплывающие формы).
Mobile First сайты таким проблемам редко подвержены.
#кусочкитерминологии #mobilefirstdesign
Угнаться за трафиком
Доля покупок, сделанных со смартфона продолжает расти, но в России абсолютное большинство екомов все еще десктопо-центричны и делают мобилку по остаточному принципу.
Уже работающий еком перекроить под Mobile First не всегда просто — скорее всего потребуется полная переделка витрины. В таком случае можно разработать отдельную мобильную версию, но нужно помнить, что ее сложнее поддерживать, потому что это дополнительная витрина.
И конечно же не для каждой специфики Mobile First в принципе подходит: заказать печать платы проще на десктопе – заполнение километровой формы, триллион тултипов/ховеров с развернутыми пояснениями (и выкинуть ничего из этого нельзя!) как ни крути на мобилке превратится в ад.
О Mobile First следует обязательно задуматься тем кто только начинает свой бизнес или задумал глобальный редизайн.
#mobilefirstdesign
Доля покупок, сделанных со смартфона продолжает расти, но в России абсолютное большинство екомов все еще десктопо-центричны и делают мобилку по остаточному принципу.
Уже работающий еком перекроить под Mobile First не всегда просто — скорее всего потребуется полная переделка витрины. В таком случае можно разработать отдельную мобильную версию, но нужно помнить, что ее сложнее поддерживать, потому что это дополнительная витрина.
И конечно же не для каждой специфики Mobile First в принципе подходит: заказать печать платы проще на десктопе – заполнение километровой формы, триллион тултипов/ховеров с развернутыми пояснениями (и выкинуть ничего из этого нельзя!) как ни крути на мобилке превратится в ад.
О Mobile First следует обязательно задуматься тем кто только начинает свой бизнес или задумал глобальный редизайн.
#mobilefirstdesign
Типы складов в екоме
📦Арендуемый склад
Компания-продавец арендует складское помещение и сама организует в нем хранение и операции. Что-то вроде аренды офиса. Кстати, Озон во время подготовки к IPO продал свой склад в Твери, потому что физический актив плохо влияет на размещение на бирже.
📦Склад поставщика
Еком может продавать товары не только со своего склада, но со склада поставщика. Так устроена модель FBS в маркетплейсах или продажи по схеме лонгтейла.
📦Собственный склад
Случай, когда продавец является собственником склада. С точки зрения операций не отличается от варианта с арендуемым складом. Например, WB строит свои склады.
📦Фулфилмент
Аутсорсинг операций екома, когда продавец передает информацию о заказе фулфилмент-оператору, а тот в свою очередь доставляет этот заказ клиенту или в ПВЗ. Все рутинные операции вроде приемки товара и инвентаризации также задача фулфилмента.
📦3pl
Third Party Logistics — аутсорсинг b2b-операций, а не b2c (клиентских). Можно арендовать просто здание склада, а можно вместе с 3pl компанией, которая умеет поддерживать на этом складе операции приемки, хранения, инвентаризации, отправки партий, xdock и т.д. Например, Leroy Merlin не сами занимаются управлением складскими операциями и перевозками партий между складами, а аутсорсят эти процессы в компании FM Logistics. То есть подъемники не собственность, а кладовщики не сотрудники LM.
📦4pl
Довольно редкий термин, который подразумевает большую вовлеченность оператора в процессы продавца. Например, компания «Восток-Запад» снабжает рестораны ингредиентами для приготовления блюд. Но у них так же есть услуга 4pl:
- отслеживание остатков в сетевых заведениях вроде Додо-пиццы;
- приемка заготовок с фабрики-кухни;
- доставка заготовок в нужные пиццерии.
📦5pl
Еще более редкий термин — 5pl-провайдер обеспечивает весь процесс продажи от привлечения клиентов на свою витрину, до обработки и доставки заказов с собственных фулфилмент складов. То есть то, что делают маркетплейсы по модели FBO.
📦Склады оффлайн-магазинов
Часто используются в екоме. Особенно это стало актуальным во время пандемии, когда большинство продуктовых рителеров запустили быструю доставку из магазинов. Вообще, это актуальный сценарий для любой ритейл-сети. Основной риск здесь — не слишком достоверные стоки магазинов.
#partylogistics #склады #фулфилмент
📦Арендуемый склад
Компания-продавец арендует складское помещение и сама организует в нем хранение и операции. Что-то вроде аренды офиса. Кстати, Озон во время подготовки к IPO продал свой склад в Твери, потому что физический актив плохо влияет на размещение на бирже.
📦Склад поставщика
Еком может продавать товары не только со своего склада, но со склада поставщика. Так устроена модель FBS в маркетплейсах или продажи по схеме лонгтейла.
📦Собственный склад
Случай, когда продавец является собственником склада. С точки зрения операций не отличается от варианта с арендуемым складом. Например, WB строит свои склады.
📦Фулфилмент
Аутсорсинг операций екома, когда продавец передает информацию о заказе фулфилмент-оператору, а тот в свою очередь доставляет этот заказ клиенту или в ПВЗ. Все рутинные операции вроде приемки товара и инвентаризации также задача фулфилмента.
📦3pl
Third Party Logistics — аутсорсинг b2b-операций, а не b2c (клиентских). Можно арендовать просто здание склада, а можно вместе с 3pl компанией, которая умеет поддерживать на этом складе операции приемки, хранения, инвентаризации, отправки партий, xdock и т.д. Например, Leroy Merlin не сами занимаются управлением складскими операциями и перевозками партий между складами, а аутсорсят эти процессы в компании FM Logistics. То есть подъемники не собственность, а кладовщики не сотрудники LM.
📦4pl
Довольно редкий термин, который подразумевает большую вовлеченность оператора в процессы продавца. Например, компания «Восток-Запад» снабжает рестораны ингредиентами для приготовления блюд. Но у них так же есть услуга 4pl:
- отслеживание остатков в сетевых заведениях вроде Додо-пиццы;
- приемка заготовок с фабрики-кухни;
- доставка заготовок в нужные пиццерии.
📦5pl
Еще более редкий термин — 5pl-провайдер обеспечивает весь процесс продажи от привлечения клиентов на свою витрину, до обработки и доставки заказов с собственных фулфилмент складов. То есть то, что делают маркетплейсы по модели FBO.
📦Склады оффлайн-магазинов
Часто используются в екоме. Особенно это стало актуальным во время пандемии, когда большинство продуктовых рителеров запустили быструю доставку из магазинов. Вообще, это актуальный сценарий для любой ритейл-сети. Основной риск здесь — не слишком достоверные стоки магазинов.
#partylogistics #склады #фулфилмент
Продолжаем рассказывать на vc.ru как ведущие ритейлеры действовали в период первой волны🦠
vc.ru
Что делали ведущие ритейлеры в пандемию. Часть 2 — Торговля на vc.ru
В первой части мы рассказали, как екомы изменили работу с поставщиками, ассортимент и витрины во время первой волны. В этой же покажем, как компании улучшали и подстраивали процессы оформления заказа, самовывоза и доставки. А также расскажем, что еще интересного…
Кусочки терминологии. Кто такой Вендор
Вендор — компания, владеющая брендом, под которым производит и поставляет товары или услуги.
Вендор не всегда самостоятельно производит продукцию. Любые работы, связанные с производством, логистикой, аналитикой могут быть отданы на аутсорс.
Главное в деятельности вендора:
• владение торговой маркой;
• развитие и продвижение бренда;
• товаропродвижение;
• взятие ответственности за спрос на бренд, его качество и узнаваемость.
Вендор также может отвечать за стратегию ценообразования — устанавливать рекомендованную розничную цену товаров, чтобы не допустить демпинга.
Вендоры могут торговать:
• напрямую по модели D2C;
• через дистрибьюторов и других посредников;
• комбинируя оба варианта.
Примеры вендоров
🔹«Каждый день» является СТМ (собственной торговой маркой) Ашана, который в данном случае является вендором. Производство делегировано заводам-поставщикам, а сам Ашан владеет брендом, развивает его и реализует товары через свои сети.
🔹Компания Mars владеет несколькими десятками брендов, среди которых Snickers, Mars, Pedigree, Whiskas, Royal Canin и другие. Продукция производится на собственных заводах, а продается через посредников и торговые сети.
🔷Икеа производит часть товаров на своих заводах, часть производства аутсорсит и торгует через свои фирменные магазины.
Раньше для охвата федеральной или мировой аудитории вендорам требовалась огромная сеть посредников (дистрибьюторов, импортеров и дилеров).
В екоме расстояние между производителем и покупателем сильно сократилось, и вендор может быстро запустить прямые продажи в самом простом виде — на маркетплейсах и в более сложном — открыв собственный еком по модели D2C.
#вендор #СТМ
Вендор — компания, владеющая брендом, под которым производит и поставляет товары или услуги.
Вендор не всегда самостоятельно производит продукцию. Любые работы, связанные с производством, логистикой, аналитикой могут быть отданы на аутсорс.
Главное в деятельности вендора:
• владение торговой маркой;
• развитие и продвижение бренда;
• товаропродвижение;
• взятие ответственности за спрос на бренд, его качество и узнаваемость.
Вендор также может отвечать за стратегию ценообразования — устанавливать рекомендованную розничную цену товаров, чтобы не допустить демпинга.
Вендоры могут торговать:
• напрямую по модели D2C;
• через дистрибьюторов и других посредников;
• комбинируя оба варианта.
Примеры вендоров
🔹«Каждый день» является СТМ (собственной торговой маркой) Ашана, который в данном случае является вендором. Производство делегировано заводам-поставщикам, а сам Ашан владеет брендом, развивает его и реализует товары через свои сети.
🔹Компания Mars владеет несколькими десятками брендов, среди которых Snickers, Mars, Pedigree, Whiskas, Royal Canin и другие. Продукция производится на собственных заводах, а продается через посредников и торговые сети.
🔷Икеа производит часть товаров на своих заводах, часть производства аутсорсит и торгует через свои фирменные магазины.
Раньше для охвата федеральной или мировой аудитории вендорам требовалась огромная сеть посредников (дистрибьюторов, импортеров и дилеров).
В екоме расстояние между производителем и покупателем сильно сократилось, и вендор может быстро запустить прямые продажи в самом простом виде — на маркетплейсах и в более сложном — открыв собственный еком по модели D2C.
#вендор #СТМ
Этот странный для всех, и удачный для екома год подходит к концу. Редакция желает вам счастья и отличных результатов в новом году 🎁.
В начале следующего года мы запустим публичный онлайн-курс про еком 🛒. Расскажем подробно и концентрировано о том, о чем пишем уже 2 года в этом канале:
— основах екома,
— витринах,
— IT,
— привлечении трафика,
— операциях.
Курс будет бесплатным для всех желающих. Следите за анонсами в канале.
С Новым годом! 🎄🥂🚀
В начале следующего года мы запустим публичный онлайн-курс про еком 🛒. Расскажем подробно и концентрировано о том, о чем пишем уже 2 года в этом канале:
— основах екома,
— витринах,
— IT,
— привлечении трафика,
— операциях.
Курс будет бесплатным для всех желающих. Следите за анонсами в канале.
С Новым годом! 🎄🥂🚀
Начинаем публикацию серии статей про сервисы екома. Первая, про PIM, уже на vc.ru.
vc.ru
Сервисы в екоме: PIM — Торговля на vc.ru
Система Product Information Management используется для работы с товарным контентом. В PIMе контент можно создавать или обогащать, чтобы дальше использовать в других системах и разных каналах продаж. Ведь информация о товаре не обязательно идентична на собственном…
Кусочки екома
Этот странный для всех, и удачный для екома год подходит к концу. Редакция желает вам счастья и отличных результатов в новом году 🎁. В начале следующего года мы запустим публичный онлайн-курс про еком 🛒. Расскажем подробно и концентрировано о том, о чем пишем…
Друзья! Команда «Кусочков екома», greensight.ru и ensi.tech 27 января в 17:00 проведет первый вебинар курса «Основы екома».
Курс состоит из 5 блоков, по 2 часа каждый. Вебинары будут проходить раз в неделю:
1. Основные понятия — 27 января, 17:00.
2. Трафик — 3 февраля (эта и следующие даты предварительные).
3. Витрина — 10 февраля.
4. Операции — 17 февраля.
5. Сервисы — 24 февраля.
Регистрация здесь, обсуждение тем и организационные вопросы здесь. Ура! 🎉
Курс состоит из 5 блоков, по 2 часа каждый. Вебинары будут проходить раз в неделю:
1. Основные понятия — 27 января, 17:00.
2. Трафик — 3 февраля (эта и следующие даты предварительные).
3. Витрина — 10 февраля.
4. Операции — 17 февраля.
5. Сервисы — 24 февраля.
Регистрация здесь, обсуждение тем и организационные вопросы здесь. Ура! 🎉
Кусочки терминологии. Что такое онбординг клиента
Онбординг — это процесс знакомства пользователя с продуктом: создание первого впечатления, вовлечение и удержание пользователя, а в некоторых случаях еще и обучение работе с продуктом.
#онбординг
⬇️ — продолжение — ⬇️
Онбординг — это процесс знакомства пользователя с продуктом: создание первого впечатления, вовлечение и удержание пользователя, а в некоторых случаях еще и обучение работе с продуктом.
#онбординг
⬇️ — продолжение — ⬇️
⬆️ — начало — ⬆️
Инструменты онбординга
▪️Всплывающие подсказки
Обычно подсказки указывают на какой-либо элемент страницы и поясняют зачем он нужен. Подсказки могут открываться сами или пользователем с помощью наведения или клика. Также с помощью подсказок можно подсветить новые функции. Это позволит сориентироваться не столько новым пользователям, сколько уже знакомым с сайтом.
▪️Всплывающие окна
Во всплывающем окне как и в подсказке можно расположить пояснение для пользователя, еще этот элемент неплохо подходит для СТА. Но всплывающими окнами легко выбесить пользователя, использовать этот инструмент нужно аккуратно.
▪️Приветственное письмо
Отправляется пользователю на почту после регистрации на ресурсе. В рамках онбординга такие письма позволяют поприветствовать нового пользователя, а также подтолкнуть его к следующему целевому действию: дозаполнению личной информации, первому заказу и т. д.
▪️Приветствие
Обычно такой вид онбординга используется в мобильных приложениях — при первом открытии приложения на нескольких экранах пользователю показывают куда он попал и что теперь делать. В екоме такой вид онбординга можно использовать, чтобы уточнить местоположение пользователя, рассказать о бонусных программах, предложить какую-то акцию.
▪️Тур про продукту
С помощью подсказок, всплывающих окон и прочего интерактива пользователю показывается последовательность действий. Такой вариант онбординга актуален прежде всего для екомов со сложным подбором товара (например, если на сайте есть конструктор/конфигуратор для него не лишним будет мини-тур)
▪️Онлайн-консультанты
Обычно это маленький значок или форма внизу экрана, где пользователь может задать вопрос и в течение пары минут получить ответ.
▪️Пустые состояния
Пустая корзина, страница избранного или страница ошибки — идеальное место для СТА.
Вместо подписи «Ничего нет» можно расположить приглашение в каталог или блок с популярными товарами.
Злоупотреблять этими элементами не стоит - слишком назойливый онбординг хуже его отсутствия. Важно не задолбать пользователя.
#онбординг #СТА
⬇️ — продолжение — ⬇️
Инструменты онбординга
▪️Всплывающие подсказки
Обычно подсказки указывают на какой-либо элемент страницы и поясняют зачем он нужен. Подсказки могут открываться сами или пользователем с помощью наведения или клика. Также с помощью подсказок можно подсветить новые функции. Это позволит сориентироваться не столько новым пользователям, сколько уже знакомым с сайтом.
▪️Всплывающие окна
Во всплывающем окне как и в подсказке можно расположить пояснение для пользователя, еще этот элемент неплохо подходит для СТА. Но всплывающими окнами легко выбесить пользователя, использовать этот инструмент нужно аккуратно.
▪️Приветственное письмо
Отправляется пользователю на почту после регистрации на ресурсе. В рамках онбординга такие письма позволяют поприветствовать нового пользователя, а также подтолкнуть его к следующему целевому действию: дозаполнению личной информации, первому заказу и т. д.
▪️Приветствие
Обычно такой вид онбординга используется в мобильных приложениях — при первом открытии приложения на нескольких экранах пользователю показывают куда он попал и что теперь делать. В екоме такой вид онбординга можно использовать, чтобы уточнить местоположение пользователя, рассказать о бонусных программах, предложить какую-то акцию.
▪️Тур про продукту
С помощью подсказок, всплывающих окон и прочего интерактива пользователю показывается последовательность действий. Такой вариант онбординга актуален прежде всего для екомов со сложным подбором товара (например, если на сайте есть конструктор/конфигуратор для него не лишним будет мини-тур)
▪️Онлайн-консультанты
Обычно это маленький значок или форма внизу экрана, где пользователь может задать вопрос и в течение пары минут получить ответ.
▪️Пустые состояния
Пустая корзина, страница избранного или страница ошибки — идеальное место для СТА.
Вместо подписи «Ничего нет» можно расположить приглашение в каталог или блок с популярными товарами.
Злоупотреблять этими элементами не стоит - слишком назойливый онбординг хуже его отсутствия. Важно не задолбать пользователя.
#онбординг #СТА
⬇️ — продолжение — ⬇️
⬆️ — начало — ⬆️
Примеры онбординга. Приветствие
Яндекс Маркет рассказывает куда делся Беру, предлагает включить уведомления и настроить геолокацию, а Спортмастер рассказывает про свои плюшки
#онбординг
⬇️ — продолжение — ⬇️
Примеры онбординга. Приветствие
Яндекс Маркет рассказывает куда делся Беру, предлагает включить уведомления и настроить геолокацию, а Спортмастер рассказывает про свои плюшки
#онбординг
⬇️ — продолжение — ⬇️
⬆️ — начало — ⬆️
Примеры онбординга. Всплывающие окна
Goods, Aliexpress и всплывающие окна подталкивающие сделать первый заказ.
#онбординг #СТА
⬇️ — продолжение — ⬇️
Примеры онбординга. Всплывающие окна
Goods, Aliexpress и всплывающие окна подталкивающие сделать первый заказ.
#онбординг #СТА
⬇️ — продолжение — ⬇️
⬆️ — начало — ⬆️
Примеры онбординга. Всплывающие подсказки
Новые фичи Утконоса и Детского мира
#онбординг
⬇️ — продолжение — ⬇️
Примеры онбординга. Всплывающие подсказки
Новые фичи Утконоса и Детского мира
#онбординг
⬇️ — продолжение — ⬇️
⬆️ — начало — ⬆️
Примеры онбординга. Тур по конфигуратору
DNS учит пользоваться конфигуратором ПК, тур сделан поверх сайта, в любой момент его можно закрыть
#онбординг
Примеры онбординга. Тур по конфигуратору
DNS учит пользоваться конфигуратором ПК, тур сделан поверх сайта, в любой момент его можно закрыть
#онбординг
Кусочки терминологии. Что такое бандл
Бандл — комплект, состоящий из нескольких товаров/услуг, продаваемых как единое целое, обычно с предоставлением скидки.
Формирование бандла позволяет:
🍓Стимулировать продажи.
🍓Избавиться от дэд стока и плохо продаваемых товаров (в комплекте с продаваемыми товарами они могут быстрее уйти и принести небольшую прибыль).
❓Самое сложное при составлении бандла найти баланс и предложить выгодную обеим сторонам скидку: достаточную, чтобы покупатель счел ее выгодной, но и не слишком большую, чтобы не уйти в 0.
❓Состав бандла тоже имеет значение, товары должны дополнять друг друга: комплект из капсульной кофеварки и молотого кофе вряд ли кого-то заинтересует.
#бандл #deadstoсk
Бандл — комплект, состоящий из нескольких товаров/услуг, продаваемых как единое целое, обычно с предоставлением скидки.
Формирование бандла позволяет:
🍓Стимулировать продажи.
🍓Избавиться от дэд стока и плохо продаваемых товаров (в комплекте с продаваемыми товарами они могут быстрее уйти и принести небольшую прибыль).
❓Самое сложное при составлении бандла найти баланс и предложить выгодную обеим сторонам скидку: достаточную, чтобы покупатель счел ее выгодной, но и не слишком большую, чтобы не уйти в 0.
❓Состав бандла тоже имеет значение, товары должны дополнять друг друга: комплект из капсульной кофеварки и молотого кофе вряд ли кого-то заинтересует.
#бандл #deadstoсk