Онлайн магазин за наем на мебели за луксозни събития, в който количката води до оферта

Онлайн магазин за наем на луксозни мебели и декорация за събития, в който количката не завършва с плащане, а със запитване за оферта. Рубен отговаряше за целия UX/UI дизайн и за frontend имплементацията.

Клиент
Компания за наем на мебели за събития (САЩ)
Година
2025
Тип
E-commerce · Дизайн и frontend
Роля
UX/UI дизайн (Рубен Р.) · Frontend разработка
Екип
Twelve Legs Marketing
Инструменти
Figma · WordPress · WooCommerce · Breakdance

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

Контекст

Американска компания за наем на мебели, осветление и декорация за събития от висок клас (сватби, частни празненства и събития на марки) искаше да стане еталонът за лукс на своя пазар. Сайтът ѝ не помагаше: самият клиент го описваше като скучен, устроен като блог, без продуктови страници и без усещане за лукс.

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

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

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

Освен това наемът не е покупка. Крайната цена зависи от датите, доставката и броя на артикулите, така че магазинът не можеше да завършва с плащане като обикновен онлайн магазин. Всичко това за взискателна публика, която очаква пълно и много лично обслужване, в каталог с над 30 категории: от една чаша до цял комплект за салон.

Процес

Рубен започна от брифа на клиента: усещанията, които търсеха (лукс, мистерия, уникалност и стремеж), задължителните функции (продуктови страници, количка, запитвания за оферта и филтри) и техните ориентири, сайтове за луксозен наем и премиум търговия с много изображения на цял екран, фиксирано меню и фини анимации.

Оттам той проектира 14-те десктоп екрана на потребителския път и мобилната им версия, плюс отворените състояния на менюто, търсенето и количката, върху система от стилове и компоненти във Figma. Визуалният език е сдържан: бяло, черно и класически шрифт със серифи, така че снимките на събитията и артикулите да са в центъра, а марката да се възприема като премиум услуга, а не като склад.

Тъй като магазинът щеше да работи с WooCommerce, той оформи структурата около неговите типове продукти от самото начало, така че всеки екран да се превежда директно при изграждането.

Решение

  • Каталог, в който се навигира лесно. Всички категории остават видими в страничната лента, а списъците могат да се филтрират по цвят и материал или да се подреждат. Картите вече показват наличните цветове на всеки артикул, нещо, което клиентът изрично поиска.
  • Три типа продуктови страници. Обикновени продукти, продукти с варианти по цвят и материал и групирани продукти, които позволяват да добавите наведнъж няколко артикула от един комплект, всеки със своето количество.
  • От количката до офертата. Количката сумира цените за наем и обяснява, че данъците, доставката и другите разходи идват в крайната оферта. Основният бутон не казва „Плати“, а „Proceed to Quote“: офертите, които преди се искаха само по телефона, сега идват от сайта с вече избраните артикули.
  • Checkout, създаден за събития. Освен данните за фактуриране, той пита за това, от което екипът има нужда, за да подготви поръчката: вземане от магазина или доставка, дати на вземане и връщане, дата на събитието и допълнителни детайли.

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

Целият потребителски път има мобилна версия. Хедърът запазва само същественото (меню, търсене и количка), менюто заема целия екран, филтрите по цвят и материал се отварят в собствен панел, а количката запазва обобщението на наема и стъпката към офертата.

Резултат

Магазинът работи, изграден на WordPress и WooCommerce с Breakdance, и клиентите му вече могат да подготвят поръчката за своето събитие онлайн и да получат оферта по мярка.

Продавате по оферта, а сайтът ви още не приема запитвания?

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

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

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

Какво следва

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

Стъпка 1 от 4

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

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

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

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

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

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

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

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