Сайт для центра психологии и нейропсихологии «Здравый смысл»

Первый сайт центра представлял собой лендинг на WordPress. На одной странице кратко располагалась информация обо всех услугах, ценах, команде, о самом центре. И до какого-то момента этого было достаточно.

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

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

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

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

Основные требования мы изложили для себя в пунктах:

• Удобный функционал для быстрой самостоятельной сборки посадочных страниц под новые направления или редактирования текущих;
• Мягкий, аккуратный дизайн, без агрессивных цветов и навязчивых элементов, но при этом современный и адаптивный для всех устройств;
• Понятная структура сайта и каждой посадочной страницы в отдельности;
• Техническая база для SEO и продвижения;
• Сайт, готовый к будущему росту без переделок.

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

Вместе с клиентом мы остановились на стратегии гибрида:

1. Взять качественный готовый HTML-шаблон как визуальную базу.
2. Интегрировать его в Laravel и построить динамическую систему управления контентом.
3. Сосредоточить основные усилия на админке и конструкторе страниц под задачи центра.

Такой подход позволил:

• Сохранить качество дизайна без долгого проектирования;
• Быстро перейти к функциональности и удобству управления;
• Оптимизировать бюджет и сроки проекта.

Шаблон, который мы выбрали, уже содержал продуманные макеты страниц, адаптивную верстку и аккуратные интерфейсные элементы. По сути, это был хороший «каркас», к которому не хватало только «мозга» — логики, данных и удобной панели управления.

Мы интегрировали шаблон в систему на базе Laravel. Шаблон был аккуратно разобран на компоненты. Каждый повторяющийся элемент получил свою сущность: карточки услуг, цены, специалисты, отзывы, формы заявки, галерея и так далее. Вместо жёстко «зашитых» в верстку текстов появились динамические поля, которыми теперь можно управлять. Совсем немного пришлось доработать шаблон, где не хватало стандартных блоков, изменить цвета по брендбуку нашего клиента.

Параллельно проектировали и настраивали административную панель. Она создавалась не как абстрактный «универсальный» интерфейс, а как инструмент под конкретный бизнес-процесс центра. Мы выбрали EditorJS как основу для визуального редактора и адаптировали под него элементы из шаблона. В результате получилась полноценная система, где фронтенд и админка работают в связке практически по каждому элементу.

Тексты, заголовки, картинки, описания — фактически любой элемент может быть отредактирован, удалён или добавлен без программиста за считанные минуты!

Примеры страниц нового сайта:

С помощью конструктора готовых блоков, наш клиент может самостоятельно создавать новые страницы буквально за 30-60 минут (в зависимости от количества блоков на странице), независимо от того, эта страница под статью или под совершенно новую услугу.

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

• Услугами и программами (добавление, редактирование, удаление);
• Специалистами (регалии, сертификаты, фото);
• Ценами, расписанием, условиями программ;
• Новостями, статьями;
• Отзывами и галереей фотографий;
• Контактами и режимом работы;
• Названиями кнопок, содержанием текстов, заголовками;
• SEO-настройками страниц (title, description, h-заголовки);
• Внешними скриптами (виджеты, коды аналитики).

Всё это — без написания кода, без обращения к программисту, без нарушения дизайна или структуры.

При этом интерфейс админки — не перегруженный свалкой плагинов в отличии от WordPress, а чистый и понятный. В нём только то, что реально нужно для работы с контентом сайта.

Например:

Отдельная линия проекта — использование искусственного интеллекта как помощника в разработке. Важно подчеркнуть: речь не шла о том, чтобы «отдать всё ИИ» и ждать магии. Основные решения по архитектуре, структуре данных, коду и интерфейсам принимали разработчики. Но значительную часть рутинной, повторяющейся работы можно и нужно было ускорить.

На этапе превращения HTML-шаблона в Blade-шаблоны ИИ помогал генерировать черновики кода. Там, где обычно приходится вручную вырезать фрагменты HTML, оборачивать их в циклы, описывать условия, объявлять переменные, мы использовали подсказки ИИ, а потом дорабатывали и приводили их к чистому коду. Это особенно заметно сэкономило время на больших страницах, где много однотипных карточек.

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

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

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

1. Perplexity.ai — для идей, что должно быть отражено на иконке. Мы описывали контекст, нейросеть предлагала описание для генератора картинок.
2. Recraft  — для визуализации по предложенному описанию с соблюдением стиля.

Тандем получился отличный. Можете сами оценить результат на готовом сайте или на примерах в слайдере ниже.

Красивый и функциональный сайт — это хорошо, но неполно. Сайт должен не только выглядеть привлекательно, но и приводить клиентов. Поэтому все наши сайты (и сайт zsmysl.ru — не исключение) проектируются и разрабатываются с учетом требований поисковых систем:

• Грамотная иерархия страниц и логичная навигация;
• Корректные мета-теги (title, meta description);
• Правильные заголовки (h1, h2, h3);
• Автообновляемая карта сайта (sitemap.xml);
• Robots.txt и редиректы;
• Чистые, понятные URL-адреса.

Это не «продвижение» как таковое, но база, без которой дальнейшая SEO-работа станет борьбой с техническими ограничениями.

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

Главное: сайт перестал быть источником головной боли и стал интересным рабочим инструментом, который помогает бизнесу развиваться.

Опыт проекта показывает:

• Готовые решения экономят бюджет, но не жертвуют функциональностью, если выбирать их разумно;
• Инвестиция в удобство управления окупается ежедневно.