Послуги

  • Сайти
  • Контент
  • Просування
  • Бітрікс24
  • Додатки
Усі послуги Оплата
Бітрікс24
Усі послуги Оплата

Пошук

  • Разработка интернет-магазина под ключ
  • Разработка сайтов
  • Разработка леднигов
  • Разработка на битрикс24
  • Разработка на Вордпресс

Лендінг для онлайн-школи астрології

Про проект

До нас звернулася астролог-практик Світлана Шатаєва, творець Школи Астрології. Ми вже кілька місяців працюємо зі Світланою за напрямом SMM, а тепер у неї виникла необхідність у створенні Школи астрології, де вона могла б ділитися досвідом і накопиченими знаннями з фахівцями-початківцями.

Команда Вебнавтів вирушила «борознити простори» веб-простору для вирішення цього профільного для нас завдання.

Завдання

Необхідно було розробити сайт школи астрології — для продажу курсів астрологам-початківцям. Ми повинні були не просто зробити інформативний сайт, який описує послуги школи, а й передбачити можливість запису на навчання, а також купівлі пакета навчання на вибір.

Рішення

Спільно із замовником ми вирішили розробити landing page з індивідуальним дизайном та функціоналом, який би дозволяв проводити набір студентів для навчання у школі астрології. Як нам це вдалося? Читайте далі.

Індивідуальний дизайн

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

  • Відсутність будь-яких компромісів за структурою та зовнішнім виглядом веб-сторінок, повністю індивідуальне опрацювання дизайну під потреби конкретного клієнта та його аудиторію, а отже — максимально можлива конверсія.
  • Акцент на статусності проекту, ексклюзивний та повністю унікальний вигляд сайту.
  • Плюс до впізнаваності бренду.
  • Висока швидкодія за рахунок відсутності зайвого коду та компромісів у реалізації.

Шаблонні сайти мають і свої плюси, головні з яких — ціна і швидкість розробки. Але дорожчий сайт дозволяє підвищувати ціни на послуги чи товари, а отже цілком виправданий.

Ми врахували специфіку галузі та великі плани клієнта щодо розвитку проекту, адже для такої специфічної галузі як астрологія відповідних шаблонів у принципі не так багато. Тому, зваживши всі «за» та «проти», розпочали розробку індивідуального дизайну з урахуванням запитів та побажань клієнта.

Ми розробили унікальну «міжпланетну» графіку, підкорили «космічну» анімацію та використали ненав’язливі «галактичні» віджети.

Навіть без лінзи Барлоу можна розглянути найдрібніші деталі кропіткої роботи наших дизайнерів. Це і рух планет по орбіті навколо заголовків, і відблиски далеких зірок Бетельгейзе і Альдебаран.

Вивчаючи інформацію про те, як проходить курс, кожен користувач сайту може спробувати себе в ролі конструктора Всесвіту та «пограти» Венерою, Сатурном та іншими планетами.
До кольорової гами сайту ми також підійшли обґрунтовано. Вивчивши дослідження міжнародної команди астрофізиків, опубліковано в журналі The Astrophysical Journal, ми дізналися гаданий колір нашого Всесвіту. Ним виявився блідо-коричневий відтінок, що нагадує колір кави з вершками. Вчені назвали його «космічним латте», а ми взяли цей колір на озброєння як основне на сайті. Загальний колірний ансамбль дизайнери доповнили золотим зоряним кольором та відтінком морської хвилі на честь нашої блакитної планети. Ми відійшли від вже набридлих астрологічних кольорів: фіолетового і рожевого, створивши власну унікальну астро-палітру.

Структура

Наступною зупинкою нашої веб-космічної місії стала чітка структура landing page. Дизайн та структура — взаємопов’язані речі, тому ми розпочали роботу з UX — спочатку пропрацювали прототипи сторінок, затвердили їх із клієнтом, а потім приступили до стилістики, концепту та створення повнокольорового дизайнерського макета.

Ми не просто створили рандомний перелік інформаційних блоків, а проаналізували сайти конкурентів, зокрема зарубіжні. У результаті, ми передбачили логічну послідовність інформації, згідно з ключовими маркетинговими стратегіями та воронками продажів.

Тексти

Ми написали ефективні продають та інформаційні текстові блоки, які рівномірно розподілили по сайту, приділивши увагу найдрібнішим моментам, кращим практикам, що продають, і просто здоровому глузду.

Спливаючі вікна

Частину інформації, щоб не перевантажувати сайт, ми приховали за спливающими вікнами і текстом, що випадає. Зокрема, це стосується варіантів навчання та переліку результатів, які отримають студенти після навчання. У вигляді тексту, що випадає, ми також оформили список частих питань.

Всплывающее окно появляется и если нажать кнопку «Узнать больше» в блоке об основательнице школы.

За таким же принципом з’являється форма для запису на курс, якщо натиснути кнопку «Хочу на курс» у блоці з варіантами навчання.

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

Оплата та розстрочка

Перед нами поставлено ще одне завдання: додати можливість оплати курсу на сайті. Ми впровадили на сайт віджети для оплати – 3 варіанти відповідно до вартості кожного тарифу курсу. Щоб перейти до оплати, достатньо натиснути кнопку «Хочу на курс», заповнити коротку форму та перейти до процесу оплати.

01

/ 02

Крім стандартної оплати курсу, ми підключили можливість розстрочки. Для кожного тарифу окреме вікно з можливістю оплати або розстрочки. Як платіжна система ми інтегрували віджет від Тінькофф Банку.

01

/ 02

А ви знали, що саме Тінькофф — перший російський банк, який побував у космосі і на нещодавні зйомки фільму Виклик відправив на МКС свої платіжні картки? А головна героїня під час зйомок здійснила переведення прямо з борту Космічної станції.

Програма курсу у PDF

На сайті передбачено три пакети курсів, програми яких можна завантажити у форматі PDF. Цей документ також згенерували наші дизайнери. Це не просто білий аркуш із текстом шрифту Times New Roman, а стилізований та ілюстрований файл, який можна зберегти на будь-якому пристрої та навіть роздрукувати.

Розробка логотипу

В рамках дизайнерських робіт ми також розробили логотип школи астрології. Головним елементом логотипу став Лев (мабуть знак зодіаку засновниці школи). Готовий логотип це грамотно продумана геральдика з невід’ємними елементами герба: геральдичною короною, розташованою над щитом. Ми врахували фірмовий стиль і поставили якийсь середньовічний флер цієї історії.

Особистий кабінет

Для зручного навчання студентів, на сайті був потрібен особистий кабінет. Ми передбачили спеціальну кнопку у шапці сайту, яка веде на сторінку авторизації.

Докладніше про особистий кабінет ми розповіли в окремому кейсі.

Розробка особистого кабінету студента для онлайн-школи

Адаптивність

Звичайно ж, ми передбачили максимальну адаптивність сайту для всіх розповсюджених пристроїв, включаючи смартфони. Сайт легко та зручно читається як з великих моніторів, так і з маленьких екранів, зберігаючи свою інформативність та унікальний дизайн.

Висновки

У підсумку «зіркова місія» виконана командою Вебнавтів на 10 з 10. Ми дотримувалися всіх побажань та рекомендацій замовника та синхронізували кожен крок із клієнтом. Ми вивчили конкурентів, проаналізували успішний досвід інших онлайн-шкіл – їх контент, структуру та дизайн сайтів.

Готовий продукт заснований на глибокому аналізі конкурентних переваг та вивченні користувача поведінки. У даному випадку це забезпечує максимально можливу конверсію.

Бажаєте замовити розробку лендінгу онлайн-школи?

Ми допоможемо вам реалізувати освітні програми/курси та створимо сайт з унікальним дизайном, особистим кабінетом студента та викладача, з можливістю онлайн-оплати та розстрочки та іншими можливостями.

Над проектом работали