Олег Карнауховweb developerОбсудить проект

Кейс 01 · skinlongevity.ru

Skin Longevity

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

Роль
Разработка сайта
Год
2026
Платформа
WordPress, своя тема
Статус
В работе, развивается
Главная страница Skin Longevity
skinlongevity.ru

02 Аудитории

Один сайт, два разных читателя

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

Что видит пациент

  1. Сначала подход, потом процедура

    Человек приходит с запросом «убрать морщины». Первый экран объясняет, что можно работать раньше и иначе, и только потом ведёт к технологиям.

  2. Технологии без медицинского жаргона

    SKINOVA PRO, DERMADROP TDA™ и HELEO4™ описаны так, чтобы понять их можно было без медицинского образования.

  3. Где записаться

    Каталог клиник, работающих по протоколу, с городом и переходом к записи.

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

03 Задача

Объяснить то, чего аудитория ещё не ищет

Skin longevity — не процедура и не бренд, а подход. Его не набирают в поиске: сайт должен успеть объяснить идею человеку, который пришёл за другим, и при этом остаться рабочим инструментом для врача.

  • Объяснить незнакомый подход, не превращая страницу в медицинскую брошюру.
  • Развести врачей и пациентов, не строя два отдельных сайта.
  • Отдать редактирование редакции: тексты, технологии, клиники — без разработчика.
  • Удержать скорость: разделов и фотографий много, а открываться должно быстро.

04 Решения

Что для этого сделано

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

Своя тема WordPress

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

Библиотека секций

Новая страница собирается из готовых блоков — обложка, технология, разбор, подборка клиник. Редакция ставит их в нужном порядке сама.

Каталог клиник

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

Карточки технологий

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

05 Ход работы

Как это собиралось

  1. Структура

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

  2. Вёрстка ключевых экранов

    Главная, технология и каталог — сначала как рабочая вёрстка, чтобы спорить о живой странице, а не о макете.

  3. Перенос в WordPress

    Своя тема, блоки в админке, поля под каждый тип секции. С этого момента текст меняется без меня.

  4. Наполнение и запуск

    Редакция наполняет разделы, я подчищаю вёрстку под реальные тексты и фотографии — их всегда не столько, сколько в макете.

06 Крупным планом

07 Стек

На чём собрано

  1. Экран

    То, с чем имеет дело посетитель: как секции выглядят и как себя ведут.

    • SCSSСтили темы
    • JavaScriptПоведение секций
  2. Тема

    Свой шаблон вместо готового: страница собирается из блоков, которые редакция ставит сама.

    • WordPressСвоя тема
    • PHPШаблоны и поля
  3. Данные

    Тексты, технологии и клиники живут записями — их правят в админке, без разработчика.

    • MySQLКонтент и каталог

08 Результат

Что получилось

Сайт работает и продолжает расти — это его нормальное состояние, а не незавершённость: подход объясняется постепенно, материал добавляется по мере готовности.

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

Проект в работе: часть разделов ещё наполняется.

Похожая задача?

Расскажите про продукт и аудиторию — предложу структуру и назову срок.

09 Контакты

Есть задача?Давайте обсудим

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

Олег Карнаухов · Web developerМосква · 2026Наверх