02Лендинг / 2026

AMBER SOULЮвелирная история

Сайт об украшениях из янтаря. Сначала знакомство с материалом, его светом и фактурой, затем коллекция.

Тип
Концепт ювелирного сайта
Год
2026
Роль
Веб-дизайн, интерфейсы и разработка
Статус
Авторский концепт
Концепт сайта ювелирного бренда AMBER SOUL
Главный визуальный кадр проекта AMBER SOUL

01О проекте

Что я здесь пробую

В AMBER SOUL я пробую рассказать об украшениях через сам янтарь. Страница начинается со знакомства с материалом и постепенно приводит к коллекции. Это авторский концепт, а не работа для действующего ювелирного клиента.

02Задача

Оставить внимание на янтаре

Хотелось дать янтарю достаточно места и не перегрузить его окружение. Тёмный фон, крупные планы и короткий текст оставляют внимание на материале. До коллекции есть время рассмотреть его свет и фактуру.

03Как устроена страница

Сначала материал, потом украшения

01

Сначала показываю материал крупно. Не прошу сразу выбирать украшение.

02

Потом раскрываю происхождение и фактуру. Так у следующего экрана появляется связь с предыдущим.

03

К коллекции можно перейти после знакомства. Её подача продолжает ту же историю.

04Что я пробовал

Что здесь делает свет

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

Что есть на сайте

  1. 01Первое впечатление
  2. 02Происхождение янтаря
  3. 03Свет и фактура
  4. 04Коллекция
  5. 05История бренда
  6. 06Контакт

05Визуальная система

Типографика

Контрастный дисплейный заголовок сочетается с короткими спокойными абзацами и тонкими подписями.

Компоненты

Иммерсивный hero, последовательный сторителлинг, карточки изделий, мягкий CTA.

Палитра

#120F0D#F2E7D7#B96220#6F3B20

06Ключевые экраны

Сторителлинг о происхождении янтаря в AMBER SOUL
01

История материала

До коллекции показываю происхождение и фактуру янтаря.

Коммерческий блок концепта AMBER SOUL
02

Знакомство с коллекцией

Украшения появляются после знакомства с материалом, в том же спокойном темпе.

Responsive

Один сценарий на разных экранах

На мобильном 3D и motion не конкурируют с текстом: контент идёт последовательно, изображения сохраняют фокус, а CTA остаётся в естественной точке чтения.

HTML/CSSJavaScriptGSAPThree.js

07Результат

Что создано

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

На связи · Кирилл

Хотите спросить об этой работе?

Можно написать о AMBER SOUL или рассказать о своей идее. Объясню, как устроен этот концепт и что может пригодиться вам.

Напишите мне