Луксозен онлайн магазин за семейна бижутерия от Колорадо с над 2000 модела

Рубен преработи онлайн магазина на семейна бижутерия с три поколения история: топло, луксозно изживяване, в което се пазарува лесно, с каталог от над 2000 модела и собствен design system.

Клиент
Семейна бижутерия от висок клас (Колорадо, САЩ)
Година
2026
Тип
E-commerce · Луксозни бижута
Роля
UX/UI дизайн (Рубен Р.) · Design system
Екип
Twelve Legs Marketing
Инструменти
Figma

Проект под споразумение за поверителност: марката, имената и данните в изображенията са измислени.

Контекст

Семейна бижутерия от Колорадо с три поколения в занаята искаше да изгради сайта си наново. Продава годежни пръстени, брачни халки и изящни бижута, изработва бижута по поръчка и предлага финансиране, и ѝ трябваше сайт на нивото на изживяването, което дава в магазина.

Рубен работеше по проекта с екипа на Twelve Legs Marketing и отговаряше за UX/UI дизайна на целия сайт и за неговия design system. Проектът е поверителен, затова марката в изображенията е измислена.

Предизвикателство

Брифът искаше деликатен баланс: луксозна бижутерия, но минималистична и изчистена, която никога не претоварва купувача. И в същото време собствена история. Семейството искаше сайтът да предава пионерските му корени в Колорадо и дискретна нотка патриотизъм заради военната служба на собственика, без да изглежда като копие на големите вериги.

Зад всичко това стоеше огромен каталог с над 2000 модела пръстени, филтри по метал, форма, карати и обков, и скъпи, емоционални покупки, при които финансирането и срещата в магазина тежат колкото самия продукт.

Процес

Клиентът имаше ясен ориентир: голяма американска верига бижутерии, заради това колко лесно се навигира в сайта ѝ, как препоръчва продукти, докато скролирате, и заради съдържанието ѝ за булчинско вдъхновение. Рубен взе оттам лекотата на използване и я постави в услуга на собствен тон: топъл, личен и надежден.

Той започна от design system-а: цветова скала в кремаво, златисто и въгленосиво със семантични псевдоними, Cormorant Garamond за редакционните заглавия, Work Sans за текста и интерфейса, и скала за отстояния и радиуси. Върху нея проектира 13 шаблона за десктоп, от началната страница до продуктовата страница, историята на семейството, финансирането, блога, ръководството с ресурси, страницата за благодарност и 404, плюс шестте мега менюта.

Решение

  • Навигация с мега менюта. Всеки основен раздел отваря своите стилове, колекции и изображение, така че всяка част от каталога е на два клика разстояние. Записването на среща в магазина винаги се вижда в хедъра.
  • Каталог, който се филтрира сам. Стиловете като бързи връзки най-горе, филтри по цена, метал, форма, карати и обков в страничната лента с броя на резултатите, и активните филтри, видими над решетката.
  • Продуктови страници, които отговарят, преди да попитате. Цена с отстъпката, месечна вноска с 0% финансиране, избор на метал, карати и размер, и записване на среща точно до бутона за покупка.
  • Историята, на мястото си. Семейното наследство и Колорадо присъстват в тона на текстовете, в имената на бижутата и в отделни страници, без да пречат на пазаруването.

Мобилна версия

За да го покаже тук, Рубен адаптира ключовите потребителски пътища за мобилни устройства въз основа на десктоп шаблоните и същия design system. Менюто става акордеон със стиловете като бутони, филтрите се отварят в долен панел, който показва колко пръстена остават, а на продуктовата страница бутоните за покупка и за среща остават фиксирани долу, в обсега на палеца.

Резултат

Рубен предаде пълния дизайн на сайта заедно с документирания му design system, така че екипът да може да го изгради и разширява, без да губи последователност.

Каталогът ви заслужава ли онлайн магазин на своето ниво?

  • Отговор до 24 часа
  • Без задължения
  • Писмена оферта

Вашата оферта до 24 часа

Отговорете на 4 бързи въпроса и ще ви изпратим какво бихме направили, за колко време и на каква цена.

Какво следва

  1. Преглеждаме проекта ви лично, не бот.
  2. Изпращаме ви фиксирана оферта до 24 работни часа.
  3. Ако искате, я обсъждаме в 30-минутен разговор.

Стъпка 1 от 4

По-малко от 1 минута

От какво имате нужда?

Можете да изберете няколко опции.

Кога ви трябва?
Какъв бюджет имате предвид?

Ориентировъчно е, но ни помага да предложим нещо подходящо.

Къде да изпратим офертата?

Администратор: Deseo Web Services OOD. Използваме данните ви само за да ви отговорим, без спам. Можете да упражните правата си по всяко време. Политика за поверителност. Формулярът е защитен с Cloudflare Turnstile.

Искам безплатна оферта