Дизайн онлайн-биржи Pharmadeal для фармкомпаний: десктоп и мобильная версия

О клиенте

Маркетплейс pharmadeal.ru – первый проект компании «ИксТэк» среди сервисов для развития ассортимента фармацевтических компаний. «ИксТэк» создана в 2021 году. Её цель: IT-проекты, которые помогут фармкомпаниям реализовать потенциал в business development.

На макете главной страницы площадка названа «первым B2B маркетплейсом для развития ассортимента фармацевтических продуктов». Здесь публикуют объявления о продаже и покупке прав на регистрационные досье. На главной два входа, «Продам актив» и «Куплю актив», а в шапке поиск по МНН и каталог с разделами «Лекарственные средства» и «Фармацевтическая разработка».

Задача

Разработать дизайн сайта онлайн-биржи для фармацевтических компаний: от общего стиля до карточки товара и мобильной версии.

Что сделали

Стиль сайта

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

На слайде этого этапа две страницы. Главная: баннер «Развитие ассортимента фармацевтических продуктов», плитки «Продам актив» и «Куплю актив», категории препаратов (противопростудные, желудочно-кишечный тракт, аллергические реакции, обезболивающие), таблица «Недавно добавленные предложения» и блок «Спрос» с карточками товаров и кнопкой «Оставить заявку». Ниже преимущества сервиса: самый большой каталог продуктов на продажу, постоянное обновление ассортимента, анализ всех атрибутов продукта при подписке. Замыкает страницу лента логотипов фармкомпаний.

Вторая страница: каталог предложений в виде таблицы. Над ней переключатель «Продажа» и «Покупка», сортировка и фильтры по статусу и состоянию регистрационного удостоверения (РУ), торговому наименованию, дозировке и держателю РУ. Фильтры можно добавлять, набор столбцов настраивается, количество строк на странице выбирает сам пользователь.

Иконки

Для инфографики нарисовали иконки в закруглённом стиле без лишних графических элементов. Так они органично вписались в дизайн сайта. На слайде показаны восемь иконок.

Карточка товара

В карточке товара подробная информация разделена на описание и характеристики. Здесь же рекомендации и специальные подборки.

На макете карточки («Аспирин кардио») вверху МНН, цена и кнопка «Оставить заявку». Под ними дата регистрации и окончание её срока, состояние и статус РУ, справа пометка «Рецептурный препарат». В описании МНН или действующее вещество, номер РУ, торговое наименование и лекарственная форма. Производитель и держатель РУ вынесены в отдельные блоки, путь до страницы показывают хлебные крошки.

Мобильная версия

Сделали мобильную версию сайта. На слайде шесть экранов, большая часть из них относится к личному кабинету:

• профиль: фото, ФИО, организация, должность;
• подписки: поле для e-mail, список препаратов в подписке, кнопки «Добавить подписки», «Сохранить изменения» и «Отменить все подписки», недавно просмотренные товары;
• заявка на покупку: МНН или действующее вещество, дозировка, статус РУ, дата регистрации;
• контакты с картой и адресом;
• страница ошибки 404 с кнопками «В каталог» и «На главную» и меню сайта в подвале.

Результат

Разработали дизайн сайта онлайн-биржи, отрисовали иконки и сделали мобильную версию.

Похожие проекты делаем в услуге «Разработка веб-дизайна сайта».