ian kittsel
digital product designer
PharmaHub
Торговая платформа для закупщиков фармацевтической продукции
Компания
Глобальная компания информационных сервисов и workflow-ПО, помогающая клиентам не просто искать данные, а выстраивать на их основе повторяющиеся рабочие процессы — исследовательские, библиотечные, патентные, регуляторные и связанные с разработкой лекарств.
Аудитория
Специалисты по закупкам, снабжению и развитию бизнеса со стороны как покупателей, так и продавцов в фармацевтической отрасли, такие как:

  • Представители биофарм-компаний, отвечающие за поддержание стабильности цепочки поставок;
  • Закупщики и представители производителей API (активных фармацевтических ингредиентов);
  • Представители производителей тонких химикатов и вспомогательных веществ (excipients).
Особенность
Продукты компании в основном используются ведущими фармкомпаниями, включая Top 50 global pharma companies.
Индустрия
  • PharmTech
  • Life Science & Heathcare
  • BioTech
Главная боль
Закупщикам и снабженцам сложно быстро находить новых, проверенных поставщиков и партнёров, надёжно оценивать их возможности и риски, а старт переговоров начинался в отдельном сервисе.
Основная задача MVP проекта
Создать безопасный маркетплейс, который позволяет находить подходящих партнёров, соответствующих требованиям GMP (Good Manufacturing Practice — надлежащая производственная практика), быстро выходить с ними на контакт, стандартизировать и упростить процесс запрос предложения и котировок, инициировать старт переговоров о поставке.

Простыми словами — создать MVP продукта для быстрого поиска, сбора и оценки информации о поставщиках, и старта переговоров об условиях сделки.
Моя роль в проекте
Полное ведение дизайна продукта
UX
Участие в дискавери-фазе, совместно с бизнес-аналитиком сбор, уточнение требований и деталей у менеджеров проекта. Помощь в проведении ворк-шопов с фокус-группой от 10 до 20 человек.
UI
Проектирование полного пользовательского флоу, создание визуальной концепции, дизайн-библиотеки компонентов с нуля, предложение идей и создание интерактивного прототипа — также использовавшегося в исследованиях, тестировании и других рабочих сессиях.
Tags
user flow
jtbd
workshops
job / user stories
visual design
a/b testing
components library
information architecture
interactive prototype
NDA
Далее представлен концепт редизайна проекта. Сохранены основные сценарии, взаимодействия и ключевые элементы. Доработаны и представлены мои идеи, которые в момент разработки mvp были определены как out-of-scope и добавлены в бэклог доработок на будущее масштабирование.
Оригинальный проект защищен договором о неразглашении. Вся конфиденциальная информация, контент и сведения о продукте были удалены или заменены. Все возможные совпадения — случайны.
Старт
Проекта
Дискавери фаза
Погружение в контекст
Самое начало проекта было полностью посвящено собраниям, обсуждениям и изучением имеющихся материалов:

  • просмотр клиентских обучающих видео, презентаций, документации;
  • изучение и анализ имеющихся данных опросов пользователей и исследований;
  • анализ существующих аналогичных платформ;
  • сбор и уточнение требований и ограничений;
  • определение объёма работ для mvp;
  • первые наброски сценариев и каркасов;
  • и т.д.
Дизайн
Параллельно с этим в мои задачи входила разработка визуальной концепции стартовой страницы и некоторых ключевых экранов.
Информационная архитектура
Интерактивная система, которая позволяет клиенту одновременно видеть общую структуру и переключаться на конкретный макет. При этом макеты были связаны с прототипом. Это помогло сэкономить время и силы на подготовке скриптов для внутреннего тестирования.
Пользовательский
Интерфейс
Основной сценарий
Начало – Поиск
Этап
Поиск
>
результаты поиска
>
профиль компании
>
продукт
>
создание запроса
>
переговоры
>
подписание договора
Job Story
Когда мне нужно найти конкретный товар, я хочу быстро инициировать поиск, чтобы получить весь список поставщиков.
Действие
Одноэкранная главная страница, позволяющая сосредоточить внимание пользователя на основном действии — начале поиска. Четыре основные категории, разделы поиска товаров и поставщиков, недавние и популярные запросы. Пользователь начинает вводить название товара, появляются подходящие варианты.
Результаты поиска
Этап
Поиск
>
результаты поиска
>
профиль компании
>
продукт
>
создание запроса
>
переговоры
>
подписание договора
Job Story
Когда мне нужно найти потенциального партнёра, я хочу быстро отфильтровать рынок по нужным характеристикам, чтобы получить небольшой список релевантных компаний.
Действие
Система фильтрации позволяет сузить список подходящих поставщиков. Табличный вид позволяет показать большее количество информации, чем карточки. Закупщик выбирает компанию-поставщика и проваливается в профиль комапнии.
Профиль компании
Этап
Поиск
>
результаты поиска
>
профиль компании
>
продукт
>
создание запроса
>
переговоры
>
подписание договора
Job Story
Когда я нашёл компанию, я хочу быстро понять её историю и портфолио, чтобы решить, стоит ли переходить к переговорам.
Действие
Подробная информация о компании. На странице представлена основная и дополнительная информация о филиале компании, статистика, все полученные сертификаты, отчёты о проверках, перечень услуг, возможностей и товаров.
В разделе продуктов искомая позиция подсвечена. Пользователь переходит к изучению продукта.
Этап
Поиск
>
результаты поиска
>
профиль компании
>
продукт
>
создание запроса
>
переговоры
>
подписание договора
Job Story
Когда я нашёл компанию, я хочу сравнить заполненные данные, чтобы убедиться в надёжности поставщика.
Действие
Опциональное действие. Большинство данных подтягивается из базы, однако админ компании может вносить изменения, на подтверждение которых уходит время. Если изменённые данные есть, появляется кнопка Compare Data. Пользователь нажимает кнопку вызывая модальное окно, в котором показана таблица сравнений, какие поля были отредактированы и ещё не подтверждены. Большое количество редактирований может говорить о том что компания либо недавно появилась в базе, либо внутри произошли изменения, либо другая причина.
Функционал помогает в принятии решений.
Страница продукта
Этап
Поиск
>
результаты поиска
>
профиль компании
>
продукт
>
создание запроса
>
переговоры
>
подписание договора
Job Story
Когда я нашёл продукт, я хочу видеть полную информацию, чтобы убедиться, что это что требуется для создания запроса.
Действие
Пользователь изучает информацию о товаре, формы выпуска, сертификаты, доступные объёмы и прочее, переходит к созданию запроса.
Форма запроса
Этап
Поиск
>
результаты поиска
>
профиль компании
>
продукт
>
создание запроса
>
переговоры
>
подписание договора
Job Story
Когда я создаю запрос, мне нужно указать все требования к поставке, чтобы менеджер поставщика быстрее обработал заявку.
Действие
Пользователь заполняет форму указывая обязательную и, опционально, дополнительную информацию. Также добавляет комментарий в свободной форме.
Чат – переговоры
Этап
Поиск
>
результаты поиска
>
профиль компании
>
продукт
>
создание запроса
>
переговоры
>
подписание договора
Job Story
Когда я начинаю переговоры, мне нужно иметь все необходимые материалы под рукой, чтобы не тратить время на их поиски.
Действие
Общение для согласования особых деталей и, при необходимости, повторных запросов. Данные запроса, документы и прочие материалы, история запросов — всё находится в одном месте.
Завершение
MVP
Результат
Успешно завершили проект. Все материалы, макеты, концепции и другие результаты работы были переданы команде клиента для внедрения и дальнейшей работы.
Команда
7-12
Человек
Длительность
7 мес.
От старта до завершения
Фокус-группа
15-20
Человек
Тестирование
14
Сессий
Feedback
CONCLUSION
TESTIMONIAL
Кейс – концептуальный.
Обратная связь – настоящая.
Главные менеджеры по продукту оставили положительные отзывы о работе всей команды и обо мне лично.
Senior Director, Product Manager
Мы ценим твоё время и вклад в эту инициативу. В частности, в начале года ты очень помог нам вернуться в рабочий ритм и наладить профессиональный подход к дизайну. С тех пор мы добились значительного прогресса. Ты не видел результаты бета-тестирования, но 100% пользователей оценили внешний вид и навигацию на «хорошо» и «отлично». Отличный результат!
We appreciate your time and commitment on this initiative, in particular at the beginning of the year you were very helpful to get us back on track with designs and help establish a professional design approach. The progress since has been really great. You missed out on the chance to see beta feedback results but 100% of users provided "good" or "great" ratings on the look and feel as well as navigation. Great outcome!
Product Manager
Иэн, твой дизайн получил положительные отзывы от внутренних заинтересованных сторон и, что самое важное, от клиентов и будущих пользователей. Ты отлично справлялся с поиском дизайнерских решений для порой непростых задач, и твоя усердная работа и быстрые итерации дизайна были высоко оценены. Я часто видел, как ты вносили изменения в Figma в режиме реального времени, как только поступала обратная связь. Кроме того, спасибо за совместную работу с Алехандрой по передаче проекта, за то, что ты подготовил нас к запуску и заложил основу для дальнейшей работы.
Ian – your designs have received positive feedback from internal stakeholders, and most importantly from customers and soon-to-be users. You’ve been great at coming up with design solutions to sometimes tricky problems, and your hard work and quick design iterations have been much appreciated. I’d often see you make changes in Figma in real time as soon as our feedback went in. Also, thanks for working with Alejandra on the handover and getting us to a good place before launch and setting up concepts for future work.
WORK
CASE STUDY
аналитическая SaaS-платформа
торговая платформа для закупщиков фарм-продукции
планшетное приложение для работников вивария
сервис научных проектов
хранилище данных об исследованиях и разработках
прочие концептуальные проекты