SaaS · маркетинговый сайт + фронтенд продукта

dr100: как сделать SaaS для клиники понятным и удобным для покупки

dr100 project screenshot

01 / Контекст

dr100 — польский SaaS, который ведёт повседневную работу клиник: расписание, карты пациентов, планы лечения и биллинг. Такие продукты глубокие и полны функций — из-за чего их сложно объяснить нетехническим владельцам клиник, которые и принимают решение о покупке.

02 / Задача

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

03 / Объём работ

Что я сделал

  1. 01Сделал маркетинговый сайт с нуля: структура, адаптивный UI и реализация.
  2. 02Участвовал во фронтенде приложения — компоненты, UI и адаптивное поведение.
  3. 03Работал напрямую с командой маркетинга, переводя функции в сообщения на языке выгод.
  4. 04Отвечал за адаптивную реализацию, чтобы сайт и приложение держались на всех устройствах.

04 / Ключевые решения

Ключевые решения

  1. 01

    Next.js для маркетингового сайта

    Выбран за быструю загрузку и чистую, дружественную SEO структуру — то, на чём сайт-лидогенератор для нишевого B2B-продукта не может идти на компромисс.

  2. 02

    Структура от выгод, а не от списков функций

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

  3. 03

    Общий адаптивный компонентный подход

    Единые UI-паттерны на сайте и в приложении, благодаря чему фронтенд оставался поддерживаемым по мере добавления функций.

05 / Результаты

Результаты

  1. 01

    Адаптивный маркетинговый сайт, подающий сложный клинический продукт простым языком для нетехнических покупателей.

  2. 02

    Быстрая, готовая под SEO структура, сделанная для привлечения и конверсии органического и кампанийного трафика.

  3. 03

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

Стек

  • Next.js
  • React
  • Tailwind CSS
  • JavaScript

Использованные услуги

Связанные решённые проблемы

Похожий проект? Напишите, что хотите построить, и я отвечу в течение 24 часов.