🗣💼🟦 Модели бизнеса

Многие слышали про B2B и B2C. При этом есть и другие модели бизнеса, с которыми тоже работает продуктовый дизайнер. Собрала короткий разбор самых популярных, с примерами из российского рынка и особенностями, на которые стоит обратить внимание. B2C (Business to Consumer) Продукт создаётся для конечного пользователя. Примеры • Озон, Яндекс Маркет — маркетплейсы • СберМаркет — доставка продуктов • Tinkoff, Сбербанк — банки и мобильные приложения • Яндекс Музыка, Смотрим, more tv — стриминг • Skyeng, Учи ру — онлайн-образование Что важно для дизайнера • Простота и понятность интерфейса • A/B тесты и метрики • Работа с мобильными приложениями и вебом • Учет массовой аудитории, в том числе возраст, регион, тех. уровень ➿➿➿➿➿➿➿➿➿➿ B2B (Business to Business) Продукт создаётся для других компаний. Примеры • Контур, Мое дело — бухгалтерские SaaS-сервисы • Notion, Jira • Альфа-Банк для бизнеса — интернет-банк • Segmento — платформа для рекламодателей • Битрикс24 — CRM и коммуникации Что важно для дизайнера • Интерфейсы с множеством ролей, таблиц, фильтров • Поддержка сложных сценариев (управление заказами, документооборот, финансы) • Фокус на продуктивность пользователя • Часто веб, иногда — десктоп или планшеты ➿➿➿➿➿➿➿➿➿➿ B2B2C (Business to Business to Consumer) Компания продаёт другому бизнесу, который взаимодействует с конечным пользователем. Примеры • Яндекс Еда для ресторанов и клиентов • СберМаркет для магазинов и покупателей • Skyeng для корпоративного обучения • Авито PRO — интерфейс для продавцов, которые работают с покупателями Что важно для дизайнера • Нужно учитывать две аудитории: бизнес и пользователя • Разные интерфейсы под разные задачи • Баланс между удобством клиента и возможностями партнёра • Личные кабинеты, внутренние панели, витрины ➿➿➿➿➿➿➿➿➿➿ B2G (Business to Government) Компания работает с государственными структурами. Примеры • Госуслуги • Системы электронного документооборота • Интерфейсы для МВД, ФНС, ФССП и других органов Что важно для дизайнера • Работа по ТЗ и регламентам • Много юридических и технических ограничений • Интерфейсы не всегда нацелены на UX, но можно (и нужно) улучшать • Часто долгий цикл согласования, отстутствие метрик ➿➿➿➿➿➿➿➿➿➿ B2E (Business to Employee) Продукты для внутренних нужд сотрудников компании. Примеры • СберПортал — внутренний портал для сотрудников • VTB Life — внутренняя платформа ВТБ с доступом к обучению, мероприятиям, новостям и бонусам • Skillbox LMS для сотрудников — внутренняя система трекинга обучения Что важно для дизайнера • Фокус на эффективности • Часто отсутствие метрик ➿➿➿➿➿➿➿➿➿➿ B2I (Business to Institution) Похож на B2G, но работает с учреждениями: школами, университетами, клиниками и т. п. Примеры • Дневник.ру — для школ • Электронные медицинские карты для частных клиник • Образовательные LMS и платформы для вузов Что важно для дизайнера • Учёт специфики учреждений (учебные планы, протоколы, роли) • Разные сценарии: преподаватель, ученик, админ ➿➿➿➿➿➿➿➿➿➿ D2C (Direct to Consumer) Компания напрямую продаёт продукт конечному пользователю, минуя посредников. Примеры • Самокат, Вкусвилл — доставка с собственного склада • Simaland — бренд детских товаров с продажей через собственный интернет-магазин • Косметика Natura Siberica — продаётся на официальном сайте и через собственные точки, минуя крупные ретейлеры Что важно для дизайнера • Маркетинг + продукт в одной связке • Сайты, лэндинги, мобильные приложения @design_awesome
Изображение поста

Продолжу о работе над проектом LMS.

Напомню, что я работаю в команде, задача которой разработать общий визуальный язык для двух разных продуктов. Каждый продукт ведёт своя подкоманда. Один проект – платформа с видео-лекциями Teach In, второй – интерфейс с более сложной логикой, над которым работаю я – платформа управления обучением (LMS). В качестве основы взята компонентная библиотека Hero-UI. Задача поставлена так, что визуальный язык должен задаваться через Teach In, а его переиспользую в LMS. После переработки командой Teach In визуального стиля я импортировала обновлённые компоненты в свой проект. И вот здесь начались сложности. Продукты сильно отличаются по функционалу и сценариям. То, что хорошо работает в одном, например, увеличенные отступы или минималистичные карточки в Teach In, в LMS приходится адаптировать под более насыщенную структуру. Возникает постоянная необходимость искать компромиссы: переделывать, настраивать, уточнять, что увеличивает время работы и усложняет процесс в целом. Эта проблема показала мне, что логичнее было бы отталкиваться от более сложного продукта, чтобы сразу предусмотреть крайние кейсы, а уже потом адаптировать стиль под более простой. Тогда общая система была бы стабильнее и универсальнее. Найти все посты о работе над проектом можно по тегу #обучение #LMS #проект Дизайнер на всю голову
Изображение поста

Новые клиенты студии

Давно не хвастались, а у нас тут новости — работаем с новыми крутышами!) • СОГАЗ. Аутстафф направление, вывели 2-х сильных продуктовых дизайнеров на один из проектов. Все строго под NDA, больше говорить ничего не можем • Яндекс Реклама. Делаем дизайн LMS-системы в плотной связке с командой продукта • Яндекс Клауд. Дизайним лендинг одного из мероприятий клауда. Какого — пока секрет Такие вот новости, пошли мы работать дальше, хорошего дня)
Изображение поста

Продолжаю рассказывать о работе над проектом LMS

UX-сценарии авторизации и регистрации На этой неделе я занимаюсь проектированием блока авторизации. Он нужен не только для входа в LMS, но и для доступа ко всей экосистеме: Teach-N, личному кабинету, сервисам администрирования. Поэтому в основу положен SSO – единый вход, который позволяет пользователю использовать одну учётную запись во всех связанных продуктах. Один из ключевых блоков LMS – сценарии входа, регистрации и сброса пароля. Я начала с проектирования логики SSO, авторизации через почту и формы регистрации, чтобы обеспечить единый путь входа в систему. У LMS два типа пользователей: студенты и преподаватели. Для обеих аудиторий важно, чтобы процесс входа был простым, безопасным и не прерывал основной сценарий: просмотр курсов, работа с материалами, сдача тестов. Я уточнила и собрала все экраны, связанные с этими сценариями: — форма логина и регистрации, — подтверждение почты через OTP-код, — сброс пароля, — выбор аккаунта и выдача разрешений в потоке SSO. Работа шла параллельно с обсуждением поведения этих экранов: что происходит после отказа от разрешений, как обрабатываются ошибки (например, просроченный код), нужно ли авторизовывать пользователя автоматически после сброса пароля. Каждое решение фиксировалось сразу, чтобы не потерять ни одного условия, влияющего на поведение интерфейса. Было много внимания к деталям. Например, обсуждали с командой, как отображать ошибки: они группируются по-разному. Какие-то обрабатываются на фронте, какие-то приходят с бэка, а некоторые вообще всплывают только при интеграции с внешним провайдером. От этого зависит, как будет выглядеть ошибка. Она появится при валидации рядом с полем ввода, или мы покажем её через toast, или это будет отдельный экран. Для полей с ошибками зарезервировала определённую высоту, чтобы то, что под полем, не "прыгало". Решила унифицировать единые названия для кнопок: "Продолжить" или "Подтвердить", чтобы пользователь не терялся. Синхронизировались по схемам flow, проверяла согласованность переходов и продумывала, как будет работать форма с точки зрения компонентной библиотеки. Использую библиотеку Hero UI, учитываю её ограничения и возможности, чтобы не проектировать в пустоту. Сейчас собраны макеты всех ключевых состояний, сценарии описаны, поведение зафиксировано. Следующий шаг – подключить макеты к логике LMS и проверить сценарии на первых пользователях. На этом этапе собрала такие экраны: — схема flow авторизации и регистрации (SSO + почта); — экран логина; — экран логина через SSO; — выбор аккаунта; — выдача разрешений (permissions); — форма регистрации; — форма регистрации с капчей; — подтверждение кода (enter code); — сброс пароля; — ввод нового пароля; — подтверждение регистрации; — ошибка при регистрации; — ошибка при изменении пароля. Этап занял около 12 часов: обсуждение сценариев, макеты, фиксация логики и синхронизация с командой. На скриншоте: flow авторизации в сервисе. #проект #обучение Дизайнер на всю голову
Изображение поста
Prodamus XL обновили партнёрскую программу!
30 июня (в понедельник) в 13:00 по Москве пройдёт открытая онлайн-презентация. Там покажут всё подробно, ответят на вопросы и расскажут про дополнительные фишки. Вот главное, что изменилось: 💜 Регистрация мгновенная. Никаких сложных анкет и ожиданий. Всё как на обычном лендинге: заполнили форму в три поля, и вы уже в личном кабинете. 💜Рефералы закрепляются навсегда. Привели клиента — и получаете процент с его оплат всё время, пока он пользуется платформой. Это редкость даже среди крупных LMS. 💜Новый партнёр — сразу Амбассадор. До конца сентября всем партнерам автоматически присваивается статус «Амбассадор». Вы получаете максимальные вознаграждения и  преимущества программы с первого дня. — 50% с первой оплаты клиента; — 10% с последующих регулярных платежей. 💜Третий уровень партнёрки доступен сразу. Можно не только приглашать клиентов, но и подключать под себя других партнёров — и получать процент с их клиентов тоже. Без дополнительных оплат и условий. Зарегистрируйтесь сейчас и обязательно добавьтесь в бота — он не даст вам забыть об эфире. 💜💜💜 У всех наших коллег, хорошо зарабатывающих на партнерках, есть золотое правило. Видишь интересный сервис — зарегистрируйся в его партнерке, скопируй реферальную ссылку и держи ее под рукой, чтобы в нужный момент быстро отправить ее клиенту. Даже если вы не умеете настраивать Prodamus.XL, вы можете зарабатывать на ее рекомендациях.
Изображение поста
Я уже рассказывала о проекте LMS (читать про опыт в образовательной сфере) — системы администрирования курсов для преподавателей.
В ней собраны все инструменты для создания программ, курсов, тестов и управления процессом обучения студентов. Сейчас пришло время сфокусироваться на интерфейсе для студентов — личном кабине. Здесь появляется много новых сценариев: как студент выбирает курс и записывается на него, каким образом знакомится с материалами, как проходит обучение, тестирование, как получает обратную связь. Параллельно перед командой стоит задача объединить два направления: личный кабинет для студентов и отдельный контентный продукт — платформу с видеоматериалами, которые доступны независимо от курса и позволяют расширять знания по выбранной теме. Работаю сейчас над UX-дизайном этих решений: уточняю сценарии, обсуждаю логику переходов между блоками, формулирую приоритеты для первого релиза. Фокус на том, чтобы студенческий интерфейс был не просто витриной курсов, а рабочей средой, где понятно, что делать дальше, и нет перегруженности функциями. Здесь многое завязано на деталях: как построить структуру главной страницы, как показать прогресс, как сделать быстрый доступ к нужным материалам и при этом не запутать пользователя. Собираю всё это в стройную и удобную систему, чтобы процесс обучения был максимально понятным и прозрачным. Несколько слов о команде и о том как строится процесс работы. Всего в команде 12 человек, включая меня. Заказчики со стороны МГУ, со стороны студии технические специалисты (разработчики), дизайнер, менеджер по проекту, продакты, мой непосредственный заказчик. Все небольшие вопросы обсуждаются в рабочем порядке на лету, более глобальные вопросы на созвонах. Есть понятный всем план разработки с этапами и сроками, которым следуем. Детали буду рассказывать уже в ходе отдельных постов #проект #образование Дизайнер на всю голову
Изображение поста
Изображение канала: Миша пишет про презентации в PowerPoint
🌞 Планы на лето: работаем
Хочу поделиться внутренними планами школы. Теми, которые обычно остаются за кадром, но делают всю магию — шаг за шагом. 👉 Скоро запускаем открытую Базу слайдов. Чтобы не залипать в Pinterest, а сразу искать референсы среди годных презентаций. 👉 Готовлю каталог курсов. Хочу, чтобы стало удобно — и было видно, как много уже накопилось. Выйдет в июне. 👉 Пишу сценарии для корпоративной программы. Это будут видеоуроки, которые можно встроить в LMS и использовать внутри компании. Сделаем и короткую бесплатную версию. 👉 В июле займёмся обновлением основного курса по PowerPoint: улучшим, дополним, перезапишем. Все обновления будут доступны для действующих студентов. 👉 Выпустим ещё два пакета иллюстраций и соберём для них отдельный сайт — чтобы удобно искать и скачивать. 👉 В августе проведём повтор интенсива по шаблонам — уже с новыми макетами. Готовимся плотно, будет красиво. Ещё летом я хочу сходить в поход. Но это уже совсем другая история 😄 А вы чем горите этим летом?
Изображение поста
Изображение канала: Дизайн-комьюнити
🔥 Как Crauch редизайнули LMS-ку VK Education 🔥
Роднульки, это снова Аня! Пора РАССКАЗАТЬ ПРАВДУ: помимо этого чудесного подкаста, Антон работает в студии Crauch (об этом вы можете догадаться по названию канала Антон из Crauch) ...и совсем недавно ребята выпустили на Behance и VC приколбный кейс по редизайну LMS-ки VK Education. Много было этого самого, и в меня стреляли, и я упал в лужу, но кейс получился крутым и масштабным. 🐔 Читать на VC — о том, как проводили пресейл, пошли нестадартным путем для решения задачи, строили процесс работы, проходили центральный маркетинг и создали реально удобный сервис. 🖼 Смотреть на Behance, где рассказали, как составляли СJM as is и to be, почему специально начали с дизайн-концепции (а не с прототипов) и показали самую красоту! Напишите лайков, ок? 🦢
Изображение поста
Изображение канала: Дизайнер, привет
☀️ Дружба, а не противодействие
Сегодня хочу поделиться кейсом ребят из Crauch, в котором они рассказали о редизайне крупнейшей LMS-системы — VK Education. Если посмотреть на «до» и «после», то ребята отлично справились с поставленной задачей Внутри: — Предпосылки к редизайну; — Немного о стратегии пресейла; — Что помогло быстро найти верное направление; — Обсуждение концепции с центральным маркетингом; — Как работали и что получилось в итоге. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Изображение канала: Учебник дизайнера
Дружба, а не противодействие: как мы прошли центральный маркетинг и сделали редизайн крупнейшей LMS-системы в России
CEO студии Crauch делится опытом создания проекта VK Education за 9 месяцев. Узнайте, какие шаги и препятствия встретились на пути к успешному финальному результату Читать на DSGNERS! | #статьи
Изображение поста
Изображение канала: Дизайн Туса
Дружба, а не противодействие: как мы прошли центральный маркетинг и сделали редизайн крупнейшей LMS-системы в России
CEO студии Crauch делится опытом создания проекта VK Education за 9 месяцев. Узнайте, какие шаги и препятствия встретились на пути к успешному финальному результату Читать на DSGNERS! | #статьи
Изображение поста
Изображение канала: Behancer | Лучшие дизайн-проекты с Behance
Дружба, а не противодействие: как мы прошли центральный маркетинг и сделали редизайн крупнейшей LMS-системы в России
CEO студии Crauch делится опытом создания проекта VK Education за 9 месяцев. Узнайте, какие шаги и препятствия встретились на пути к успешному финальному результату Читать на DSGNERS! | #статьи
Изображение поста
Изображение канала: Дизайн Борщ
Дружба, а не противодействие: как мы прошли центральный маркетинг и сделали редизайн крупнейшей LMS-системы в России
CEO студии Crauch делится опытом создания проекта VK Education за 9 месяцев. Узнайте, какие шаги и препятствия встретились на пути к успешному финальному результату Читать на DSGNERS! | #статьи
Изображение поста
Изображение канала: Design Awards
Дружба, а не противодействие: как мы прошли центральный маркетинг и сделали редизайн крупнейшей LMS-системы в России
CEO студии Crauch делится опытом создания проекта VK Education за 9 месяцев. Узнайте, какие шаги и препятствия встретились на пути к успешному финальному результату Читать на DSGNERS! | #статьи
Изображение поста
Изображение канала: Находки Crauch
Снова привет!
А помните мы недавно выпускали кейс на Behance по редизайну LMS-системы VK Education? Так вот, теперь мы написали статью-кейс на VC. В ней рассказали, как мы проводили пресейл, пошли нестадартным путем для решения задачи, строили процесс работы, проходили центральный маркетинг и создали реально удобный сервис. Мы прошли этот путь вместе с командой VK и разобрали все детали в кейсе. Листайте, читайте, комментируйте. Спсибо команде Крауч и VK, вы — наши любимки! 🐔 Читать кейс на VC
Video is not supported
Изображение канала: Находки Crauch
Отзыв от Романа Чудина, руководителя тех. направления VK Education, о работе с нами над редизайном их LMS-системы ;)
Изображение поста
Изображение канала: Дизайн-комьюнити
А вы еще помните, что я тоже дизайнер и вообще развиваю студию Crauch?
В этом году у нас план простой — показывать все проекты, что мы делали в 2024. Так вот, я к чему. У нас вышел кейс по итогам 9 месяцев работы с замечательным VK Education. Мы в студии заредизайнили разделы LMS-системы, чтоб увеличить COR и NPS (немного продуктовости в чат закинул). 🖼 Зацените на Behance * * * А! Еще вот выложили на ютуб видосик, где я рассказываю о создании концепции и как мы подходим к процессу работы в студии. Я чуть позже закину вам)) * * * Мы еще в процессе обновления студийного сайта, ВОЗМОЖНО даже стримчик подрубим и покажем в прямом эфире как мы пиксели двигаем
Video is not supported
Изображение канала: Находки Crauch
🧡 Выпустили кейс редизайна LMS VK Education
Помните, мы около года назад делились, что начали работать с VK Education? За 9 месяцев мы с командой продукта заредизайнили основные разделы: главная, страницы программы и занятия, интерфейсы администратора и преподавателя. А теперь делимся кейсом! Что нужно было сделать • Поднять и удержать COR — доходимость студентов • Поднять и удержать NPS — удовлетворенность пользователей • Усилить UX и сделать современный дизайн Как работали • Нарисовали дизайн-концепцию, чтобы потом тестировать макеты в low-fidelity UI • Согласовали дизайн-концепцию внутри VK • Сделали CJM вместе с продактом, даже eye tracking использовали, чтоб пользователю было комфортно в системе и в поле зрения попадали важные элементы • После этапа дизайн-концепции и исследования последовательно отрисовали разделы и передавали в разработку. На ходу подпиливали и делали жизнь разработчиков комфортнее Что получилось • Стильный свежий UI • Релиз случился в начале февраля, пока что собираем обратную связь, но предварительно отклик положительный 🖼 Заценить на Behance 🔗 Заценить на Dprofile
Изображение поста
Изображение канала: Находки Crauch
Прям щас, Антоха Черногоров на UX/UI CONF рассказывает про опыт работы над редизайном LMS VK Education
Изображение поста
Изображение канала: Pajasu RAW
Может, вы заметили: у меня на сайте появился анонс «Типографики». Я хочу, чтобы она стала первой в серии курсов, сделанных как надо.
Очень сильных, очень эффективных, очень качественных и правильных. После которых сложно веруться к обычным. В ней заложены крутые концептуальные идеи. Хочется рассказать сразу обо всех! Но для начала надо объяснить, что не так с LMS и дистанционной учёбой.
Изображение поста