Болеар Медика
Сайт для «Болеар Медика», опытного дистрибьютора товаров медицинского назначения.
Задачи
Разработать сайт для «Болеар Медика», опытного дистрибьютора товаров медицинского назначения. Две ключевые задачи сайта: представить ассортимент продукции и дать возможность быстро связаться с представителем партнерской сети в городе пользователя.
Решение
Продукция компании делится на 6 категорий, отталкиваемся от этого, предлагаем вариант главной:
![<p><b>Главная страница</b></p><p>Основой для интерфейсного решения послужил фирменный стиль компании с яркими иконками продуктов.</p>](https://s29805.cdn.ngenix.net/upload/iblock/40a/x40a69a02a104904a8e857c6665c724ae.jpg.pagespeed.ic.3cJZTGqXjJ.jpg)
Прорабатываем внутренние страницы:
![<p><b>Промо-слайд</b></p> <p>Canvas-анимация «собирает» иконки в коробку.</p>](https://s29805.cdn.ngenix.net/upload/iblock/c69/xc6972dd5f71e6c1ee05332bf8c1fa270.jpg.pagespeed.ic.74Vcy-FPka.jpg)
![<p><b>Каталог</b></p> <p>Каталог работает аналогично «картинкам» Google — по клику на товар остальные «расступаются», позволяя смотреть подробности, не переходя в карточку товара.</p>](https://s29805.cdn.ngenix.net/upload/iblock/158/x158dd1a78c224080a0fe4c69645e76f4.jpg.pagespeed.ic.QQKCZJMCsL.jpg)
![<p>Карточка товара</p>](https://s29805.cdn.ngenix.net/upload/iblock/9b5/x9b53e005297ee106dbf12af9c85d682f.jpg.pagespeed.ic.6SmbIctX8Y.jpg)
![<p><b>Контакты</b></p><p>По клику на подразделение в списке под картой, активируется маркер на карте — появляется всплывающее окошко с контактами. И наоборот.</p>](https://s29805.cdn.ngenix.net/upload/iblock/8eb/x8eb59d9a6d2d32c09b3e54e7c89ced4c.jpg.pagespeed.ic.y5P0WJNL3v.jpg)