Назад

Задизайнили и сверстали лендинги для заказчика из медтеха. Кейс Артромед и MedEquip

Обычно бизнес и стартапы приходят к нам за дизайном и разработкой веб и мобильных приложений, но крутые лендинги мы тоже умеем делать!

Недавно мы сделали сайт-визитку для MedEquip — дистрибьютора медицинского оборудования. Мы задизайнили и сверстали лендинг, а еще написали тексты. Позже заказчик попросил нас сделать лендинг для другого своего бизнеса: медтех-стартапа Артромед. В кейсе подробнее расскажем о наших дизайн-решениях, а еще о том, почему мы не сторонники принципа «любой каприз за ваши деньги».

Время чтения: 6 минут

Кейс Артромед и MedEquip
Содержание

теги

Контекст: с каким запросом пришел клиент

MedEquip занимается поставками высокотехнологичного медоборудования и инструментов, а также производит кастомный инвентарь для врачей. Компания ориентирована на рынок ОАЭ и стран СНГ. 

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

Заказчик не планировал использовать лендинг для продаж: в первую очередь сайт был нужен для повышения доверия к бизнесу и удобства в коммуникации.

Главное пожелание: яркий дизайн и использование конструктора сайтов, а не кастомной разработки. Причина простая — такое решение позволяет оперативно внести правки, если уже после передачи проекта клиент захочет что-то скорректировать, например, в контенте.

Посмотрите, каким получился готовый сайт для MedEquip.

 

MedEquip

Проект мы завершили за три недели, и заказчик сразу же попросил нас сделать лендинг для другого своего бизнеса — медтех-стартапа Артромед. Компания работает на российском рынке, занимается дистрибуцией медоборудования и собственным производством.

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

 

лендинг для Артромед

Получилось два совершенно разных проекта — и это неслучайно 🙂

Нужен лендинг с крутым дизайном, который решит ваши бизнес-задачи?
Мы задизайнили и сверстали лендинги для таких брендов и компаний как Мотиваторы!, Skuratov Coffee, Поговорим.онлайн и многих других. Свяжитесь с нами и получите бесплатную оценку вашего проекта
Получить оценку

Наши задачи

В обоих случаях мы взяли на себя весь цикл создания лендинга — от дизайна до подготовки текстов и размещения готового лендоса на домене.

Наши задачи на проектах

На дизайн лендинга для MedEquip у нас ушло 60 часов, а для Артромед — 64 часа. Ниже — детали работы и результат 👇

ЧИТАЙТЕ ТАКЖЕ  Каким должен быть дизайн веб-приложения, чтобы понравиться пользователю

Современный и яркий лендинг для MedEquip

Заказчик хотел цепляющий внимание дизайн с яркой цветовой палитрой — это решение позволило бы отстроиться от конкурентов. Так выглядят лендинги других компаний-поставщиков медоборудования. Заказчик хотел что-то более свежее и актуальное 🙂

Сначала мы составили мудборды — чтобы определиться с цветами, дизайн-элементами и концепцией. Учли пожелания клиента и подобрали эффектные референсы.

Мудборды

Предложили два варианта: темная тема с неоновыми цветами, и светлая с пастельными оттенками

Клиенту понравились оба варианта, так что остановились на миксе: взяли светлую тему, но с яркими цветами из первого мудборда.

Цветовая палитра лендинга

В палитре — сочетание фиолетового, розового и синего

И вот что получилось:

Хиро пейдж MedEquip

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

Следующий блок кратко рассказывает об услугах компании и продуктах. Если потенциальный клиент хочет получить больше информации, предлагаем заполнить форму и отправить запрос.

Блоковая структура лендинга

Предложили использовать понятную и удобную для сканирования блоковую структуру, и отказаться от длинных текстов с подробным описанием всех этапов дистрибуции

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

Лендинг MedEquip

Лендинг полностью:

Почему мы зовем заказчиков на созвоны, а не просто оставляем ссылки на готовые макеты в чате 📢

 

Частая ситуация: наши клиенты очень заняты и кажется, что времени на еженедельный созвон с командой совсем нет.

Так было и на этом проекте. Заказчик попросил нас присылать ссылки на результаты в чатик, потому что времени на созвоны нет. В моменте кажется, что такое решение здорово экономит время. На самом деле ничто не бережет время так, как обсуждение промежуточных результатов в zoom.

Почему мы приглашаем заказчиков на созвоны вместо отправки макетов в чат:

 

– Менеджер объясняет, почему мы выбрали то или иное решение, и сразу отвечает на вопросы — это экономит время на правках.

– Быстрая обратная связь в реальном времени помогает избежать долгих дискуссий в чате и ускоряет работу.

– Проще зафиксировать договоренности и следующие шаги — они не затеряются среди десятков сообщений.

Эти доводы убедили нашего заказчика, и он забронировал слоты для коротких созвонов раз в неделю. Оказалось, что мы укладываемся в 10-15 минут и успеваем все обсудить 🙌

календарь

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

Ищете команду дизайнеров для своего проекта?
У нас более 10 лет опыта в UI/UX дизайне мобильных и веб приложений, графическом и моушн-дизайне. Создаем креативные решения с заботой об удобстве пользователей. Свяжитесь с нами и получите бесплатную оценку проекта.
Получить оценку

Сдержанный и технологичный лендинг для Артромед

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

Лендинг должен помочь в продвижении этой инновационной услуги на российском рынке.

Заказчик хотел, чтобы в дизайне были отсылки к науке и технологиям и более «серьезная» цветовая гамма. В то же время ему нравился яркий лендинг для MedEquip. Мы учли эти пожелания, и подготовили дизайн-концепт в двух цветах.

Два дизайн-концепта

И…заказчику зашли оба варианта! 🙂 Настолько, что он рассматривал опцию с переключением между двумя темами, только вместо светлой и темной — яркая и черно-белая.

ЧИТАЙТЕ ТАКЖЕ  Темные темы для пользовательского интерфейса. Гид по использованию

Поначалу может показаться, что идея крутая. Во-первых, это красиво : ) А еще мы даем юзеру возможность выбора между разными палитрами. Но этот вариант работает плохо — и вот почему:

Почему нам не подошло решение с двумя темами

Мы предложили остановиться на одном концепте. Или реализовать возможность переключения со светлой темы с яркими акцентами на темную с желтым. Но тогда потребуется 10 дополнительных часов на дизайн и верстку.

Конечно, мы могли бы последовать принципу «любой каприз за ваши деньги» и сделать переключалку между сайтами в двух разных цветах. Но это противоречит нашему подходу 🙂 Мы на стороне клиента и предлагаем решения, которые экономят деньги заказчиков.

Так что после обсуждения с заказчиком, решили, что летим в дизайн с черно-белой палитрой.

Хиро пейдж Артромед

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

В структуре лендинга использовали такую последовательность блоков:

    • экран с фотографией, заголовком и призывом к действию
    • рассказ о продукте
    • кейсы
    • преимущества
    • бизнес-партнеры
    • форма обратной связи

А совсем недавно мы по просьбе заказчика «перекрасили» лендинг из черно-белой палитры в более яркую, с использованием того самого сочетания фиолетового и розового из первого концепта. Только использовали более темные оттенки.

 

ЧИТАЙТЕ ТАКЖЕ  Как с помощью UI/UX дизайна повысить конверсию

Итог

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

О результатах говорить пока рано, так как проект завершился недавно, но мы уверены, что лендинги привлекут аудиторию и помогут заказчику увеличить охваты.

➡️ Мобильное приложение на 200 000 пользователей или лендинг для нового продукта — к каждому проекту мы подходим с вниманием к деталям. Мы разрабатываем современные, стильные и оптимизированные сайты и веб-приложения, которые понравятся вашей аудитории. Свяжитесь с нами, если вам нужен дизайн. Обсудим задачу, подберем лучшее решение, сразу прикинем сроки и бюджет.

Насколько публикация полезна?

Оцени эту статью!

1 оценок, среднее 5 из 5.

Оценок пока нет. Поставьте оценку первым.

Так как вы нашли эту публикацию полезной...

Подписывайтесь на нас в соцсетях!

Share