Всем привет! На связи Настя, фаундер международного digital-агентства AZ Agency. Сегодня мы рады поделиться опытом работы над одним из самых креативных и атмосферных проектов — Eden Garden jEwelry. Этот проект мы разработали совместно с маркетинговым агентством Radchenko & Sharipova
Этот не просто онлайн-магазин, а целый мир, который вдохновлен природой, магией и фантазией. Наша задача заключалась в том, чтобы создать дизайн, который передает эту атмосферу и погружает пользователей в сказочный лес, полный мистики и волшебства.
О проекте
Eden Garden Jewelry — это интернет-магазин, который специализируется на создании необычных, нестандартных колец с фантазийной эстетикой, но на самом деле бренд больше ориентирован на эстетику ботанической природы. В результате исследований было выявлено, что кольца, которые создает этот бренд, интересны не только любителям природы, но и тем, кто ощущает свою связь с магическим миром и часто является частью различных субкультур.
Бренд привлекает клиентов, которые ищут не просто украшение, а символ, идеально вписывающийся в их магический и природный мир. В ассортименте представлены обручальные и помолвочные кольца с тонкими ботаническими деталями, природными текстурами и необычными камнями. Концепция дизайна сайта — это путешествие по магическому лесу, где каждый элемент погружает пользователя в атмосферу, связанную с природой и фантазией.
Метафора дизайна: путешествие по лесу
Основная идея дизайна сайта заключалась в том, чтобы создать атмосферу, в которой покупатели могут ощутить себя частью волшебного мира. Каждое кольцо, представленное в магазине, — это не просто ювелирное изделие, а часть фантастического леса, наполненного атмосферой древних друидов и эльфов. Дизайн в целом был ориентирован на природные мотивы — лес, камни, мох. Все элементы, включая шрифты и цветовую гамму, отражают связь с природой.
Шрифты и цвета: антиква и натуральные оттенки
При выборе шрифта было важно сохранить природную тематику. Был выбран шрифт с засечками, антиква, который используется в заголовках - Canela Condensed Trial, и Source Sans 3 - для текста. Цветовая палитра сайта также не включает ярких, насыщенных цветов, таких как чисто белый или черный. Вместо этого использованы теплые, природные оттенки: темные, природные, песочные и светло-серые тона, что создает мягкую, уютную атмосферу.
Фон сайта выполнен в теплом оттенке с мягкими природными тонами. Эти цвета поддерживают идею соединения с природой, создавая визуальный баланс между контентом и фоном.
Анимации и динамика: погружение в мир фантазий
Одним из важнейших элементов дизайна является использование анимаций на главном экране. На этой странице реализована динамичная анимация, например, «руки», которые появляются на экране, создавая эффект погружения в атмосферу бренда. Однако они не только служат декоративным элементом, но и несут глубокую смысловую нагрузку. Руки символизируют связь человека с природой, отражая бережное взаимодействие с материалами и внимание к деталям, а также ассоциируются с искусством ювелирного ремесла. Они подчеркивают индивидуальность украшений, демонстрируя, что каждое кольцо — это не просто аксессуар, а личный артефакт владельца. Визуально они вписываются в фантазийную атмосферу сайта, что делает его более живым. Кроме того, все изображения рук намеренно выполнены в гендерно-нейтральном стиле, что важно для клиента, так как бренд ориентирован на широкий круг пользователей и избегает гендерной привязанности.
Анимация, выполнена с особым вниманием к деталям и помогает создать чувство погружения в мир магии и природы. Это касается не только главного экрана, но и других блоков, таких как анимация с горой и заголовками. Даже переходы между блоками выполнены с использованием эффектов, которые напоминают рваную бумагу, а ветви и природные элементы добавляют атмосферности.
Фотографии и каталог: магия колец
Внимание было уделено и фотографиям колец. Для сохранения целостности концепции они были полностью переработаны и приведены к единому стилю, чтобы каждое украшение выглядело не просто товаром, а частью большого волшебного мира. Маркетинговое агентство провело специальную фотосъемку в Англии, чтобы создать изображения, которые соответствуют стилистике сайта и гармонично вписываются в его концепцию. В каталоге кольца представлены на чередующихся светлых и темных фонах, при этом используются только природные оттенки. Например, фон может быть бежевым, серым или иметь текстуру камня, что подчеркивает естественную эстетику бренда и усиливает атмосферу магического леса.
Каталог магазина — ключевая страница. Поскольку ассортимент магазина обширен, важно было продумать удобные фильтры и переходы между товарами. Коллекции, представленные на сайте, разнообразны, поэтому мы продумали структуру переходов, чтобы покупатели могли легко находить нужные товары и наслаждаться процессом выбора.
Кроме готовых изделий, у Eden Garden Jewelry есть услуга по созданию кастомных колец. Мы интегрировали эту возможность в несколько ключевых блоков сайта — на главной странице и в карточке товара. Пользователи могут не только выбрать готовое украшение, но и собрать свое индивидуальное кольцо, комбинируя оправу и камень в специальном разделе.
Для удобства кастомизации предусмотрены два отдельных раздела: один посвящен выбору оправы, другой — подбору камней. Если представленные на сайте модели не соответствуют желаниям клиента, он может создать украшение по своему вкусу. Сборка кастомного кольца реализована в формате конструктора, где пользователь сначала выбирает оправу, затем подбирает к ней идеальный камень.
Таким образом, ассортимент магазина не ограничивается только готовыми моделями — каждый клиент получает возможность создать украшение, которое отражает его индивидуальный стиль и предпочтения.
Страница "О нас": герои волшебного мира
Страница "О нас" стала элементом для создания глубины и связи с историей магазина. Она выполнена в том же волшебном стиле, что и весь сайт. При открытии этой страницы пользователю открывается история компании на фоне лесных мотивов. Для каждого члена команды подготовлен интерактивный рассказ, который воссоздает атмосферу фэнтези, вдохновленную видеоиграми, что делает сайт не только удобным, но и интересным для пользователей.
Секрет в деталях: нейросети и индивидуальность
Не только основные элементы дизайна, но и мельчайшие детали были проработаны с вниманием к особенности. Например, рамочки, которые окружают коллекции, были созданы с помощью нейросетей. Что позволило получить оригинальные элементы, которые подчеркивают магический стиль. Также нейросети использовались для создания веточек и других природных элементов, что добавляет сайту дополнительную атмосферность и необычность.
Кастомизация кодом шаблона Shopify
Важно отметить, что в процессе работы над проектом мы использовали шаблон Shopify с кастомизацией кодом. Это накладывало определенные ограничения, однако мы смогли выстроить дизайн таким образом, чтобы он соответствовал выбранной концепции и обеспечивал удобство использования. В рамках выбранного шаблона мы полностью изменили его внешний вид, а также для создания кастомных анимаций и оригинального дизайна переписали код на некоторых страницах сайта, таких как главная страница и «О нас», чтобы придать сайту индивидуальность. Наша команда специалистов, включая разработчиков, смогла полностью адаптировать шаблон и сделать его неповторимым, подчеркивая характер бренда. Все блоки были адаптированы, что позволило создать гармоничное и функциональное решение.
Заключение
Редизайн этого интернет-магазина стал успешным примером того, как можно объединить креативность и функциональность, чтобы создать сайт, который не только визуально привлекательный, но и удобный для пользователей. Вдохновленный природой и фантазийными мотивами, сайт погружает клиентов в мир магии и красоты, где каждое кольцо рассказывает свою историю.
Ссылка на сайт: https://edengardenjewelry.com/
Ссылка на Behance: https://www.behance.net/gallery/219840325/Eden-Garden-Jewelry
Хотите обсудить проект?
Напишите нам на az@azstudio.agency, и мы детально рассмотрим ваши идеи.
Мы разрабатываем нейминг, брендинг, UX/UI-дизайн, дизайн мобильных приложений, а также сайты на Webflow, Tilda и Shopify.
