Главная страницаРеальный интерфейс · живой сайт 09.09.2026
01 / Контекст
Медицинские и бытовые сценарии нужно объяснить без ощущения клиники
Аудитория сравнивает уход при деменции, реабилитацию после инсульта, наблюдение за лежачими людьми и поддержку при инвалидности. Контент должен одновременно давать конкретику, сохранять тёплый тон и вести к консультации. Поэтому общая витрина дополнена отдельными страницами услуг и программ.
Задача
Объяснить сложные программы ухода простым языком
Решение
Услуги, реабилитация, процедуры и лид-сценарии
02 / Боль → решение
Не просто страницы, а понятные сценарии для разных намерений
01
Сегментация
Развести состояния и потребности по самостоятельным маршрутам.
02
Доверие
Показать команду, процесс ухода и живой формат пансионата.
03
Конверсия
Повторять контакт в точках принятия решения.
04
Мобильность
Сохранить читаемость длинных медицинских объяснений.
03 / Информационная архитектура
Путь пользователя собран вокруг содержательной задачи
Архитектура восстановлена по публичной навигации, внутренним ссылкам и доступным маршрутам.
04 / Ключевой UX
Пользователь движется от состояния близкого к конкретной программе помощи
Обзор услуг помогает определить направление, подробные страницы раскрывают уход и ожидаемый процесс, программы объясняют длительность и состав занятий. Видеопрезентация снижает дистанцию, а форма и прямые каналы связи присутствуют в общей оболочке.
УслугиЧетыре направления специализированного уходаПрограммыСценарии восстановления и поддержки
05 / Контентная модель
Маршрутная структура Next.js отделяет общие страницы от тематических посадочных
Публичная реализация разобрана по исходному HTML и сетевым ресурсам
Next.jsМаршрутизация и серверный HTMLReact Server ComponentsСборка контентных страницTurbopack chunksПубличные JS-бандлы приложенияResponsive utility CSSАдаптивные сетки и состоянияYouTube iframeВидеопрезентация пансионатаGoogle AnalyticsАналитика посещений
07 / Интерактивные сценарии
Интерфейс помогает закончить задачу без лишних переходов
Video
Знакомство с пространством
Forms
Консультация по состоянию близкого
Direct CTA
Телефон и WhatsApp
Navigation
Отдельные услуги и программы
08 / SEO-аудит
Поисковая база и конкретные точки роста
Главная имеет title, description и Open Graph. Во время аудита canonical указывал на другой домен — zolotye-gody.kz, а sitemap содержал только 5 URL при 15 доступных внутренних маршрутах. Также на главной отсутствовал JSON-LD. Это создаёт понятный план: исправить canonical, включить все посадочные в sitemap и добавить NursingHome, Service, FAQPage и BreadcrumbList schema.
15доступных маршрутов
5URL в sitemap
0JSON-LD
1canonical требует правки
Медицинские проценты и обещания, опубликованные на исходном сайте, не используются в качестве доказанного результата кейса. Технический аудит фиксирует только наблюдаемую реализацию.
09 / Responsive
Основной сценарий сохраняется на смартфоне
Навигация, заголовки, карточки и целевые действия перестраиваются в один вертикальный поток. Мобильный экран ниже — реальный снимок исходного интерфейса шириной 390 px.
Читаемая иерархия без горизонтального скролла
Крупные зоны касания для основных действий
Последовательная загрузка контента
Сохранение ключевого CTA в мобильном сценарии
Мобильная версияViewport 390 × 844
10 / Техническая проверка
Кейс опирается на наблюдаемую реализацию
01
HTTP и маршруты
Проверены главная и ключевые внутренние страницы, статусы ответа и перенаправления.
02
HTML и metadata
Сняты title, H1, description, canonical, Open Graph и JSON-LD.
03
Frontend stack
Технологии подтверждены именами публичных скриптов, стилей и API endpoints.
04
Responsive
Главная просмотрена при 1440 × 1000 и 390 × 844.
05
Контент
Информационная модель сверена с навигацией, архивами и sitemap.
06
Доказательства
Все интерфейсы в кейсе — реальные снимки проекта без генерации UI.
11 / Результат
Next.js-сайт создаёт отдельный поисковый и пользовательский маршрут для каждой потребности семьи. Общие компоненты удерживают единый тон, а детальные страницы позволяют объяснять уход глубже, чем это возможно на одной посадочной.
15 внутренних маршрутов и 4 программы. Решение можно развивать по мере роста контента и новых пользовательских сценариев.
