Завдання

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

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

Що було зроблено

Готовий дизайн був адаптивно реалізований у Webflow для desktop, tablet і mobile. Під час розробки були пропрацьовані структура сторінок, навігація, форми, стани інтерфейсу та логіка переходів між відкритою частиною платформи й особистим кабінетом.

Для курсів, навчальних матеріалів та інформаційних сторінок була налаштована Webflow CMS. Це дозволило централізовано керувати контентом, додавати нові матеріали та оновлювати існуючі без втручання у верстку.

Через Memberstack були реалізовані реєстрація, авторизація, особистий кабінет і доступ до закритих розділів. Окремо була налаштована логіка відображення контенту для різних станів користувача.

Результат

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

Проєкт демонструє повний цикл Figma to Webflow реалізації, роботу з Webflow CMS та інтеграцію Memberstack для побудови продуктів із реєстрацією, авторизацією й особистими кабінетами.