Radaville Studio: разработка сайта-портфолио для дизайн-студии из Дюссельдорфа

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

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

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

Чтобы сократить сроки разработки, часть механик переиспользовали с предыдущих проектов. Это позволило сосредоточиться на доработке отдельных элементов и быстрее двигаться по проекту.

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

Для усиления атмосферы добавили lo-fi музыку и звук клика при взаимодействии с интерфейсом. Эти небольшие детали делают сайт более тактильным и помогают создать нужное настроение.

Техническую часть проекта реализовали на Next.js. Для анимаций использовали GSAP, плавную прокрутку обеспечили через Lenis, а управление контентом передали в Prismic.

В результате получился сайт-портфолио, в котором визуальный контент играет главную роль. Большое количество галерей, анимаций и звуковых деталей помогает передать характер студии и создать запоминающийся пользовательский опыт.

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