Мы используем файлы cookie, чтобы сделать наш сайт удобнее для вас. Используя сайт, вы соглашаетесь на сбор и обработку данных
Принять

Лендинг для услуги анализа кожи аппаратом FotoFinder

#Редизайн и разработка сайта
Срок: 17 дней
Размер: 1 страница
Сборка: HTML/CSS
Главная страница

О проекте

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

Главная задача — структурировать информацию, объяснить ценность процедуры простым языком и повысить доверие к услуге без перегруза медицинскими терминами.

Задача

Нужно было провести редизайн старой страницы и сделать её более понятной для пользователей.

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

С какими проблемами пришёл сайт

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

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

Этап 1. Структура и карта ценности

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

Также добавили мини-блок формирования потребности «кому показана процедура».

Он помогал пользователю быстрее соотнести услугу со своей ситуацией.
Параллельно подготовили карту ценности. На её основе переработали тексты, заголовки, буллиты и будущие рекламные объявления.
Карта ценностей

Этап 2. Тексты и смысловая подача

Мы убрали перегруженные медицинские формулировки и выделили ключевые тезисы процедуры.

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

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

Этап 3. Дизайн и визуальные элементы

Дизайн сделали более спокойным, чистым и доверительным. Яркий зелёный заменили на более глубокий оттенок, убрали лишний оранжевый и оставили зелёный как аккуратный акцент.

Чтобы страница не выглядела шаблонно, добавили элементы, которые поддерживают медицинскую тематику, но не перегружают визуал:
  • округлые формы для ощущения безопасности и доверия;
  • чёрный фон и белые линии для ощущения премиальности;
  • круглые иконки и скруглённые фотографии;
  • аккуратные буллиты с обводкой;
  • крупные визуальные блоки вместо длинных текстовых полотен.
Все формы в дизайне поддерживают друг друга: круглые элементы сочетаются с фото, иконками и мягкими линиями, а тёмные блоки помогают выделить важную информацию.
Фото и визуальное объяснение процедуры

Фотографии заменили на более качественные и живые. Они не просто украшают страницу, а помогают объяснить услугу: показывают врача, этапы процедуры и детали диагностики.
Отдельным блоком сделали фотоколлаж по этапам процедуры. Это помогло визуально раскрыть услугу и снизить ощущение сложности у пользователя.
Блоки страницы

Что сделали:

  • Провели анализ конкурентов.
  • Подготовили карту ценности.
  • Переработали структуру страницы.
  • Подняли блок про процедуру выше.
  • Добавили блок «кому показана процедура».
  • Убрали перегруженное меню без потери навигации.
  • Переписали сложные тексты в более понятную подачу.
  • Выделили ключевые тезисы в заголовки и буллиты.
  • Заменили яркие цвета на более спокойную и доверительную палитру.
  • Обновили фотографии.
  • Добавили визуальный коллаж по этапам процедуры.
  • Скрыли большие текстовые блоки в раскрывающиеся списки.
  • Адаптировали страницу под мобильную версию.

Результат:

17 дней заняла разработка страницы.

После редизайна страница стала понятнее, визуально чище и убедительнее.

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

По итогам доработок:
  • конверсия сайта выросла на 30%;
  • после обновления страницы пошли заказы на главную услугу — создание карты тела;
  • страница стала лучше объяснять процедуру и вызывать больше доверия;
  • визуал стал спокойнее, современнее и сильнее отличаться от шаблонных медицинских сайтов.
В результате получилась не просто обновлённая страница, а понятный продающий лендинг для сложной медицинской услуги.
Хотите выбрать надежного подрядчика — обращайтесь к нам!
Получите предварительный бесплатный анализ