Кейс · Сайт на SendPulse

Сайт астролога: не як у всіх

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

SendPulseHTML / CSSClaude AIАнімації

1 → 1та сама клієнтка, та сама виконавиця, інший підхід

4види анімацій на сторінках

3сторінки: головна, курс і запис на навчання

100%адаптація під телефон

Сайт наживо

Подивіться, як виглядає сайт

Запис екрану: сайт від першого до останнього блоку. Натисніть, щоб відтворити.

Запит

Стильно, креативно і не як у всіх

Наталія хотіла сайт, який відрізнятиметься від типових сайтів астрологів: стильний, креативний, з цікавими анімаціями. Першу версію я зібрала в конструкторі SendPulse, але блоки обмежували: світлий шаблонний вигляд, стандартні кнопки, жодних власних анімацій.

Тому я переробила сайт кодом. Контент той самий, платформа та сама, але тепер дизайн повністю відповідає задумові.

До і після

Та сама клієнтка, той самий контент

Ліворуч моя перша версія в конструкторі SendPulse, праворуч та сама тема, зроблена кодом. Натисніть, щоб збільшити.

Перший екран

Про Наталію

Сторінка курсу

Формат участі

Анімації

Сайт, який живе

Головна відмінність від шаблону: сторінки рухаються.

Зоряне небомерехтливі зірки на фоні кожної сторінки

Лінії-схемизолоті лінії малюються під час прокрутки

Поява блоківкожен блок плавно з'являється при прокрутці

Біжучий рядок і заставкарядок з темами та фірмова заставка при завантаженні

Що ще всередині

Послуги й програма курсу

Варіанти роботи з Наталією, наставництво, артефакти, а на сторінці курсу програма з 10 уроків і формати участі. Ціни на скрінах приховано.

Результат

Що змінилося

Дизайн не як у всіх: темна космічна естетика з золотом замість світлого шаблону.
Живі анімації: зоряне небо, лінії, що малюються при прокрутці, плавна поява блоків.
Той самий SendPulse: без переїзду, з тими самими формами й інтеграціями.
Повна адаптація під телефон на кожній сторінці.
Однаковий стиль на головній, сторінці курсу й формі запису.

Для вашого бізнесу

Хочете сайт, який вирізняється?

Опишіть, яка задача забирає ваш час і який результат ви хочете отримати. Я скажу, як це реалізувати під ваші інструменти: сайт, CRM, чат-боти, аналітика.

Обговорити задачу