Лендінг для онлайн-школи астрології
Про проект
До нас звернулася астролог-практик Світлана Шатаєва, творець Школи Астрології. Ми вже кілька місяців працюємо зі Світланою за напрямом SMM, а тепер у неї виникла необхідність у створенні Школи астрології, де вона могла б ділитися досвідом і накопиченими знаннями з фахівцями-початківцями.
Команда Вебнавтів вирушила «борознити простори» веб-простору для вирішення цього профільного для нас завдання.
Завдання
Рішення
Індивідуальний дизайн
При розробці сайту можна піти одним із двох шляхів: вибрати шаблонний варіант або розробку індивідуального дизайну. Ми зробили ставку на індивідуальний підхід, який відрізняється від шаблонного такими перевагами:
- Відсутність будь-яких компромісів за структурою та зовнішнім виглядом веб-сторінок, повністю індивідуальне опрацювання дизайну під потреби конкретного клієнта та його аудиторію, а отже — максимально можлива конверсія.
- Акцент на статусності проекту, ексклюзивний та повністю унікальний вигляд сайту.
- Плюс до впізнаваності бренду.
- Висока швидкодія за рахунок відсутності зайвого коду та компромісів у реалізації.
Шаблонні сайти мають і свої плюси, головні з яких — ціна і швидкість розробки. Але дорожчий сайт дозволяє підвищувати ціни на послуги чи товари, а отже цілком виправданий.
Ми врахували специфіку галузі та великі плани клієнта щодо розвитку проекту, адже для такої специфічної галузі як астрологія відповідних шаблонів у принципі не так багато. Тому, зваживши всі «за» та «проти», розпочали розробку індивідуального дизайну з урахуванням запитів та побажань клієнта.
Ми розробили унікальну «міжпланетну» графіку, підкорили «космічну» анімацію та використали ненав’язливі «галактичні» віджети.
Навіть без лінзи Барлоу можна розглянути найдрібніші деталі кропіткої роботи наших дизайнерів. Це і рух планет по орбіті навколо заголовків, і відблиски далеких зірок Бетельгейзе і Альдебаран.
Структура
Наступною зупинкою нашої веб-космічної місії стала чітка структура landing page. Дизайн та структура — взаємопов’язані речі, тому ми розпочали роботу з UX — спочатку пропрацювали прототипи сторінок, затвердили їх із клієнтом, а потім приступили до стилістики, концепту та створення повнокольорового дизайнерського макета.
Ми не просто створили рандомний перелік інформаційних блоків, а проаналізували сайти конкурентів, зокрема зарубіжні. У результаті, ми передбачили логічну послідовність інформації, згідно з ключовими маркетинговими стратегіями та воронками продажів.
Тексти
Ми написали ефективні продають та інформаційні текстові блоки, які рівномірно розподілили по сайту, приділивши увагу найдрібнішим моментам, кращим практикам, що продають, і просто здоровому глузду.
Спливаючі вікна
Частину інформації, щоб не перевантажувати сайт, ми приховали за спливающими вікнами і текстом, що випадає. Зокрема, це стосується варіантів навчання та переліку результатів, які отримають студенти після навчання. У вигляді тексту, що випадає, ми також оформили список частих питань.
Всплывающее окно появляется и если нажать кнопку «Узнать больше» в блоке об основательнице школы.
Такі рішення наших дизайнерів та верстальників позбавили сайт текстової перевантаженості та дозволили розмістити на сторінці всю необхідну інформацію. Адже лаконічність – основа мікрокосмосу, навіть якщо йдеться про сайт.
Оплата та розстрочка
Перед нами поставлено ще одне завдання: додати можливість оплати курсу на сайті. Ми впровадили на сайт віджети для оплати – 3 варіанти відповідно до вартості кожного тарифу курсу. Щоб перейти до оплати, достатньо натиснути кнопку «Хочу на курс», заповнити коротку форму та перейти до процесу оплати.
Програма курсу у PDF
На сайті передбачено три пакети курсів, програми яких можна завантажити у форматі PDF. Цей документ також згенерували наші дизайнери. Це не просто білий аркуш із текстом шрифту Times New Roman, а стилізований та ілюстрований файл, який можна зберегти на будь-якому пристрої та навіть роздрукувати.
Розробка логотипу
В рамках дизайнерських робіт ми також розробили логотип школи астрології. Головним елементом логотипу став Лев (мабуть знак зодіаку засновниці школи). Готовий логотип це грамотно продумана геральдика з невід’ємними елементами герба: геральдичною короною, розташованою над щитом. Ми врахували фірмовий стиль і поставили якийсь середньовічний флер цієї історії.
Особистий кабінет
Для зручного навчання студентів, на сайті був потрібен особистий кабінет. Ми передбачили спеціальну кнопку у шапці сайту, яка веде на сторінку авторизації.Докладніше про особистий кабінет ми розповіли в окремому кейсі.
Розробка особистого кабінету студента для онлайн-школи
Адаптивність
Звичайно ж, ми передбачили максимальну адаптивність сайту для всіх розповсюджених пристроїв, включаючи смартфони. Сайт легко та зручно читається як з великих моніторів, так і з маленьких екранів, зберігаючи свою інформативність та унікальний дизайн.Висновки
У підсумку «зіркова місія» виконана командою Вебнавтів на 10 з 10. Ми дотримувалися всіх побажань та рекомендацій замовника та синхронізували кожен крок із клієнтом. Ми вивчили конкурентів, проаналізували успішний досвід інших онлайн-шкіл – їх контент, структуру та дизайн сайтів.
Готовий продукт заснований на глибокому аналізі конкурентних переваг та вивченні користувача поведінки. У даному випадку це забезпечує максимально можливу конверсію.
Комментарии