Проект сайта · 2026
Галина Конькова: сайт таролога
Многостраничный сайт частного специалиста: выразительная визуальная история, понятный выбор консультации и редактор, в котором можно самостоятельно менять содержание страниц.
Задача
Что нужно
было решить
Собрать услуги, обучение и материалы Галины в одном сайте. Посетитель должен познакомиться со специалистом, понять различия между предложениями, увидеть стоимость и перейти к личному обращению. Владелице нужен удобный способ обновлять тексты и каталог без правок кода.
Моя работа
От идеи
до реализации
Работа с брифом, структура и тексты, визуальная концепция, подготовка иллюстраций, адаптивный интерфейс на Next.js, анимации, интеграция Payload CMS и развёртывание сайта на сервере с HTTPS.
Возможности
Что есть в проекте
Основные сценарии и функции, которые можно увидеть в интерфейсе.
Видеосцена по скроллу
Прокрутка управляет кадрами первого экрана. Для телефона подготовлено отдельное видео, а при уменьшении движения показывается статичный вариант.
Каталог в виде колоды
Услуги и цены собраны в одном блоке: посетитель переключает направление и изучает предложения на карточках Таро.
Обучение и материалы
Программы обучения вынесены на отдельную страницу. Расклады, статьи и события получили свои списки и страницы материалов.
Редактор для владелицы
В админке страницы разделены на понятные секции. Можно менять тексты, изображения, цены, порядок меню и блоки публикаций.
Техническая основа
Стек и его роль
Технологии выбираются под данные, интерфейс и способ работы продукта.
- Next.js · React · TypeScript
- Публичные страницы, общие компоненты, каталог услуг и типизированная модель контента.
- Видео · Canvas · Lenis
- Видеосцена, управляемая прокруткой, плавное движение страницы и декоративный курсор для компьютера.
- Payload CMS · SQLite
- Редактор страниц и меню, каталог консультаций, расклады, статьи, события и библиотека изображений.
- Docker · Traefik
- Контейнерное развёртывание, постоянное хранение базы и медиа, HTTPS через существующий серверный прокси.
Реализация
Как это
устроено
- 01
Бриф преобразован в структуру сайта: знакомство, подход, темы обращений, астрология, консультации, обучение и ответы на организационные вопросы.
- 02
Изумрудная палитра, тёплое золото, крупные иллюстрации и видеосцена формируют общую визуальную историю на компьютере и телефоне.
- 03
Прайс отделён от описательных секций: выбор направления меняет набор карточек, а цена и условия каждой услуги хранятся вместе с её описанием.
- 04
Шесть тем обращений помогают сформулировать запрос. Переход в Telegram открывает личное общение со специалистом.
- 05
В Payload CMS настроены отдельные страницы, меню и материалы. Редактор публикаций поддерживает заголовки, текст, изображения, ссылки, списки и перестановку блоков.
- 06
Сайт опубликован в отдельном Docker-приложении с постоянными томами базы и медиа. Выпуск HTTPS и обновление приложения встроены в существующую инфраструктуру сервера.
Результат
Что получилось
Собран и опубликован многостраничный сайт с интерактивным первым экраном, каталогом услуг, обучением и материалами. Владелица может обновлять контент через CMS, а посетитель — выбрать предложение и перейти к записи.