Школа Zatyshna
Створення креативного сайту з унікальною візуальною метафорою старовинного замку. Головним завданням було інтегрувати нестандартну навігацію, зберігши при цьому високу швидкість завантаження та зручність користування.
Освіта
Концептуальний багатосторінковий лендинг
Нестандартна навігація, візуальна метафора
Проблема та рішення
Завданням було поєднати складну естетику старовинного замку з функціональністю сучасного лендингу. Головною складністю було реалізувати навігацію через «вежі замку» так, щоб це не заплутало відвідувача та не сповільнило роботу сайту.
Реалізована ідея «навігації по вежах», де кожен елемент замку є точкою входу в розділи: Про школу, Уроки, Продукти та Контакти. Це дозволило створити ігровий досвід для відвідувача. Користувач проходить шлях від зацікавленості («А що в цій вежі?») до цільової дії – запису на заняття
Логіка рішень:
деталі, що створюють результат
Нестандартне меню
При наведенні на кожен елемент навігації відбувається анімація у вигляді феєрверків. При натисканні відкривається відповідна сторінка.
- 01Головна вежаГоловна сторінка
- 02Вежа знаньНавчальні уроки
- 03Вежа скарбівКаталог продуктів
- 04Вежа зв'язкуКонтактна форма
- 05Вежа досягненьВідгуки клієнтів
Структура проєкту
Спроектовано 5 ключових сторінок сайту з фокусом на конверсію.
Поза межами мапи
Сторінка 404 стала продовженням атмосфери проєкту. Користувач потрапляє в таємну кімнату замку, і може перейти в Головну вежу (головна сторінка сайту) і вежу турботи (Контакти).
Адаптивність як стандарт
зручність на кожному пристрої
Проєкт став доказом того, що сміливий креатив може бути ефективним бізнес-інструментом. Нам вдалося втілити концепцію віртуальної подорожі вежами замку, зберігши при цьому UX та логіку інтерфейсу.