Разработка сайта с анимациями и современным UI/UX для проекта Lucarna Art

Описание

Lucarna Art — проект, для которого разрабатывается сайт с акцентом на визуальную подачу, анимации и современный пользовательский опыт.

Основная задача заключалась в создании визуально выразительного сайта, который выглядел бы современно, “живo” и выделялся за счет анимаций, структуры страниц и общего ощущения от взаимодействия с интерфейсом. При этом важно было сохранить удобство использования и корректную работу сайта на мобильных устройствах.

Проект требовал не только frontend-разработки, но и постоянной доработки контента, структуры страниц и сценариев взаимодействия пользователя с интерфейсом. Отдельное внимание уделялось плавности анимаций, визуальной логике переходов между блоками и общей цельности восприятия сайта.

Дополнительно в процессе разработки возникали задачи по оптимизации отображения сайта на мобильных устройствах и исправлению проблем, связанных с производительностью и отображением анимаций на iOS.

Решение

В рамках проекта я:

Выполнил frontend-разработку сайта;
Настроил адаптивную верстку под разные устройства;
Реализовал анимации и интерактивные элементы через GSAP и ScrollTrigger;
Проработал визуальную структуру страниц и пользовательские сценарии;
Дорабатывал тексты и контентную структуру проекта;
Настраивал анимационные сценарии и взаимодействие элементов при скролле;
Выполнял мобильную адаптацию;
Исправлял проблемы отображения на iOS-устройствах;
Занимался финальной полировкой интерфейса и UX.

В процессе работы также вел проектную коммуникацию:

Сбор требований;
Общение с заказчиком;
Декомпозицию задач;
Формирование backlog;
Приоритизацию правок и задач;
Самостоятельную подготовку текстов и визуальных материалов;
Доведение проекта до рабочего результата.

Основной фокус проекта — сочетание современного визуального стиля, плавных анимаций и комфортного пользовательского опыта без перегруженности интерфейса.

Результат

В результате разрабатывается современный сайт с акцентом на визуальную подачу, анимации и UX. Проект помогает презентовать бренд через более “живой” интерфейс и современную digital-подачу.

Сайт адаптирован под мобильные устройства, а анимационные сценарии оптимизируются с учетом плавности работы и корректного отображения на разных типах экранов и браузеров.

Проект также демонстрирует навыки работы с frontend-анимациями, адаптивной версткой и современным UI/UX-подходом: от структуры страниц и взаимодействия с пользователем до технической реализации анимаций и финальной полировки интерфейса.

Ссылки на примеры реализации

 lucarna.art

Презентация проекта