Концепт

Чем больше у бриллианта граней, тем он ценнее. Используя эту аналогию, мы решились на сложный дизайн с 2D и 3D анимацией, оригинальной типографикой и градиентными переходами. Эти приемы объединила концепция немного мрачной, космической сказки с бриллиантом в главной роли.

Структура

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

Анимации

Анимация сопровождает все главы проекта, подчеркивая флюидный характер дизайна. 3D-графика занимает центральную часть в главах ‘Birth’ и ‘Transformation’. С ее помощью мы показали, как драгоценный камень зарождается в недрах земли, а затем обрабатывается, превращаясь из алмаза в бриллиант. Технически было непросто адаптировать анимацию для разных устройств, но нам удалось сделать так, чтобы все эффекты работали и на больших экранах, и на мобильных устройствах.

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

Дизайн для проекта Diamond Journey получился динамичный и сложный, но он органично работает с большими объемами информации и сохраняет четкую повествовательную структуру. Мы нашли визуальное решение для каждой задачи, которую ставили перед нами в Sarine, и постарались расширить границы привычного пользовательского опыта.