Главное о кейсе
Проблема: Авторскому курсу Виктории Молдавской «ТОЧКА РОСТА» нужны визуальная система и лендинг. Визуал должен отражать философию курса — превращение хаоса в структуру, а проблем в точки роста. Сайт должен быть удобен для мобильной аудитории, которая работает между встречами и в дороге.
Решение: Разработали визуальную систему на основе метафоры цветка — символа роста и взаимосвязи. Баланс мягкости и структуры: нежные органические формы сочетаются с яркими акцентами и чёткой сеткой в розовой палитре. Спроектировали лендинг с mobile-first подходом для удобства работы с телефона. Реализовали на Webflow сложную анимацию цветка-ауры на главном экране.
Результат: Цельная визуальная система, которая транслирует философию курса через каждый элемент и удобно работает на всех устройствах.
Challenge: Victoria Moldavskaya’s signature course «TOCHKA ROSTA» needed a visual system and a landing page. The visuals had to reflect the course philosophy — transforming chaos into structure, and problems into growth opportunities. The website also had to be convenient for a mobile-first audience that works on the go, between meetings.
Solution: We developed a visual system built around the metaphor of a flower — a symbol of growth and interconnectedness. It strikes a balance between softness and structure: gentle organic shapes paired with bold accents and a clean grid, all within a pink-toned palette. The landing page was designed with a mobile-first approach to ensure seamless use on phones. On Webflow, we built a complex animated “aura flower” centerpiece for the hero section.
Result: A cohesive visual system that communicates the course philosophy through every element and works smoothly across all devices.
Как проект изменил жизнь пользователей
Mobile-first подход дал возможность учиться в любой момент — между встречами, в дороге, без привязки к компьютеру.
Визуальная система с цветком на каждом экране работает постоянным напоминанием: когда что-то идёт не так — это не провал, а точка роста. Визуальное подкрепление помогает менять отношение к сложностям в процессе обучения.
A mobile-first approach made it possible to study anytime — between meetings, on the go, and without relying on a computer.
The visual system, with the flower appearing on every screen, serves as a constant reminder: when something goes wrong, it’s not a failure — it’s a growth point. This visual reinforcement helps shift the learner’s mindset and approach challenges differently throughout the course.
Бизнес-задача и ее решение
Курсу Виктории Молдавской «ТОЧКА РОСТА» нужна была визуальная система и лендинг, на котором потенциальные участницы могли бы изучить программу, информацию о спикерах и преимуществах, а также оставить заявку. Визуал должен был транслировать философию курса — превращение проблем предпринимательниц в их точки роста. Одним из важных запросов была адаптивность сайта, чтобы его было удобно открывать с любого устройства.
Мы создали визуальную систему с цветком как символом развития. А также разработали удобный лендинг с mobile-first подходом. Нежные формы сочетаются с яркими акцентами и чёткой сеткой в розовой палитре — баланс мягкости и структуры. Визуальная система работает на узнаваемость программы. Лендинг стал инструментом для привлечения учениц и трансляции философии курса.
Victoria Moldavskaya’s course needed a visual system and a landing page where potential participants could explore the program, learn about the speakers and benefits, and submit an application. The visuals had to communicate the course philosophy — transforming the challenges women entrepreneurs face into their points of growth. Another key requirement was full adaptability, so the site would be easy to use on any device.
We created a visual system built around a flower as a symbol of development. We also designed a user-friendly landing page following a mobile-first approach. Soft, organic shapes are paired with bold accents and a clean, pink-toned grid — a balance of warmth and structure. This visual system strengthens the program’s recognition, while the landing page serves as an effective tool for attracting participants and conveying the course’s philosophy.
Крафт (мастерство), реализация, технические детали
Проект реализован на Webflow, а часть анимаций и интерактивов написана вручную на JavaScript. Это позволило выйти за рамки стандартных возможностей платформы и добиться точного контроля над движением и производительностью.
Основная сложность заключалась в оптимизации большого числа анимаций для стабильной работы на всех устройствах — чтобы интерфейс оставался плавным и отзывчивым.
The project was built on Webflow, with some of the animations and interactive elements coded manually in JavaScript. This allowed us to go beyond the platform’s standard capabilities and achieve precise control over motion and performance.
The main challenge was optimizing a large number of animations to ensure stable performance across all devices — keeping the interface smooth and responsive at all times.
Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком
Проект начался с детального брифинга перед этапом работы с Умным Мудбордом. На встрече Виктория Молдавская подробно рассказала про целевую аудиторию курса, их «боли» и особенности комьюнити женщин-предпринимательниц.
Эта информация помогла точно определить три архетипа проекта: «Мудрец», «Герой» и «Заботливый». Каждый архетип получил своё графическое решение, которое стало основой визуального языка.
Отдельного внимания потребовала реализация анимации цветка-ауры на первом экране. Задача была нестандартной для Webflow, но команда нашла решение: анимация раскрытия цветка визуально подчеркивает идею роста и развития, которая лежит в основе курса.
The project began with a detailed briefing before the Smart Moodboard stage. During the meeting, Victoria Moldavskaya shared in depth about the course’s target audience, their pain points, and the unique dynamics of the women entrepreneurs’ community.
This information helped us clearly define three project archetypes: «Sage», «Hero», and «Caretaker». Each archetype was given its own visual treatment, which became the foundation of the visual language.
Special attention was given to implementing the «аura flower» animation on the hero screen. This was an unconventional task for Webflow, but the team found a solution: the flower’s unfolding animation visually emphasizes the course’s core idea of growth and development.
Скриншоты