Друзья, делюсь самым важным и дико хаотичным этапом создания сайта-портфолио. Я завершила мудборд для одной из моих фей — Солaры и её «Превращения».

В цифрах это выглядело так:

▫️ Ровно 12 часов 13 минут (да, я считала!).

▫️ 1000+ сохранённых пинов в Pinterest.

▫️ Куча папок с рефами, сгенерированными ИИ.

▫️ Их анализ, фильтрация и, наконец, синтез.

Итог этой алхимии первая анимация на сайте, которая родилась из этого визуального хаоса.

Признаюсь честно: я до сих пор плохо представляю, как выглядит сама фея. Для меня её образ пока — это просто сгусток энергии, света и каких-то намёков на форму. Нечто абстрактное, что живёт в ощущениях, а не в четких контурах.

И это кажется мне классным! Потому что следующий шаг — это материализация этого чувства через обычные карандашные наброски. Нужно поймать ускользающий образ и превратить его в историю.

Напомнило мне, что любое творение рождается дважды: сначала в голове как что-то смутное и полное возможностей, а уже потом в конкретной форме. Я сейчас зависла в самом интересном промежутке между этими рождениями.

А у вас бывало такое, когда ты делаешь кучу работы, а результат пока просто чувство и куча надежд? Или я одна такая? 😂

Всем привет! Делюсь прогрессом по созданию своего сайта-портфолио в концепции двух фей. На этой неделе я с головой погрузилась в магию CSS-анимаций. ✨

От сбора референсов до (почти) чистой реализации и вот что удалось сделать:

✅ Проработала 4 основных типа анимаций:

▫️ Эффект «Очищения» (Reveal) — когда контент проявляется как по волшебству.

▫️ Эффект «Появления» (Fade In) — плавное возникновение элементов.

▫️ Эффект «Пульсации» (Pulse) — лёгкое свечение и дыхание объектов.

▫️ Эффект «Наведения» (Hover) — элементы реагируют на курсор.

Всё это — не готовые решения из библиотек, а уникальный код, написанный специально под проект. Цель — чтобы всё было плавно, быстро и соответствовало сказочной эстетике.

Работа продолжается! В планах на следующий этап - отрисовка и анимация самой феи. Фея Порядка довольна, Фея Хаоса уже придумывает, как всё сломать 😂

Коллеги-разработчики и дизайнеры, как вам такой прогресс? Сталкивались с сложными анимациями?