Разработка интернет магазина медицинского оборудования

Проект начался со стратегической Q&A-сессии с командой Atlas, сэкономившей нам и клиенту до 2 недель согласований на поздних этапах.

Это позволило:

• четко определить приоритеты и обязательные функции;
• понять реальные сценарии использования сайта;
• ознакомиться с целевой аудиторией и ее потребностями.

Проект начал с создания текстового и графического прототипа. Результатом стали:

• Текстовый образец, позволяющий продумать логику сайта еще до начала работы над дизайном, избегая хаоса и лишних правок.
• Вайрфрейм визуализация, позволившая показать предварительное расположение элементов, протестировать логику заказа и убрать лишние шаги при оформлении заказа.
• Экономия времени и бюджета, ведь обнаружить и исправить ошибки на этапе схемы гораздо легче и дешевле, чем в готовом дизайне или верстке.
• Удобство пользователя, потому что мы заранее протестировали логику переходов, сделав будущий сайт интуитивно понятным и удобным.

Работу начали с анализа существующего фирменного стиля и исследования конкурентов.

Наибольшим вызовом было придерживаться общих подходов в отрасли, но визуально выделить бренд на рынке.

Для достижения этого результата мы создали карту ассоциаций – инструмент, помогающий определить, какие эмоции и образы должен вызвать бренд. Для Atlas это надежность, безопасность, точность.

При разработке отдельных элементов сайта мы выбрали путь, по которому в медицинской e-commerce почти никто не идет: начали с поиска метафор и смыслов, а не с оттенков кнопок.

1. Взяли за основу узнаваемые медсимволы — красный крест и звезду жизни.
2. Заметили, что в их основе лежит одинаковый фундамент – квадратная геометрия.
3. Трансформировали эти универсальные символы в современную визуальную систему.

Это стало отправной точкой создания набора базовых форм, которые можно масштабировать, трансформировать и использовать в различных контекстах: от иконок до подложек под фотографии.

Чтобы создать уникальный визуальный образ, нам необходимо объединить ключевые смыслы в одном дизайне: симбиоз технологий и человеческого подхода.

• Технологичность: мы воплотили через минимализм, плавные линии и чувство прогресса.
• Человечность: передали с помощью теплых цветов и визуального «пульса жизни».

Таким образом, мы смогли гармонично соединить холодные технологии с теплотой человеческого подхода, что позволило создать визуальный стиль, вызывающий доверие и эмпатию.

Мы добавили в дизайн теплые и живые фотографии — не только оборудование, но и людей, работающих с ним и тех, для кого это оборудование предназначено. Это усиливает ассоциации с заботой, доверием и вниманием.

В результате мы создали дизайн-систему, где форма подчинена смыслу. Это позволило сделать бренд Atlas более узнаваемым и эмоционально выразительным.

Мы добавили в дизайн теплые и живые фотографии — не только оборудование, но и людей, работающих с ним и тех, для кого это оборудование предназначено. Это усиливает ассоциации с заботой, доверием и вниманием.

В результате мы создали дизайн-систему, где форма подчинена смыслу. Это позволило сделать бренд Atlas более узнаваемым и эмоционально выразительным.

Каждый товар получил четкую структуру:

1. Качественные фото и видеообзор.
2. Цена и кнопка «Купить» на первом экране.
3. Описание, комплектация, технические характеристики, сфера применения.
4. Документация и инструкции по загрузке.
5. Блок «Похожие товары» для увеличения среднего чека.

Помимо главной и страницы товара разработали множество других страниц:

• каталог
• страницы категорий
• о компании
• сервис
• вакансии
• блог
• контакты
• страница благодарности
• 404

Добавили функционал, повышающий продажи в интернет-магазине:

• Плашка, закрепляемая при пролистывании страницы: с названием товара, ценой, кнопками «Купить» и «Оформить рассрочку».
• Форма для оформления рассрочки с выбором банков.
• Рекомендуемые товары в корзине.

Клиент получил качественный интернет-магазин с эксклюзивной концепцией дизайна в кратчайшие сроки. Реализация этого масштабного проекта с нуля заняла всего 2 месяца с хвостиком.