Spilling coffee on keyboard
Arguing about fonts
Discovering a bug
Stack Overflow saves us
Client says 'make it pop'
Designer cries softly
Deploying on Friday
Welcome to the chaos

Бутиков магазин за еко и дървени играчки, с подбрана селекция, премиум опаковка и кауза зад всяка покупка.

Клиент

SweetBaby.bg

Сфера

E-commerce

SweetBaby.bg е нов бранд в ниша, в която родителите избират бавно и купуват с доверие. Мисията е да предостави не просто бутиково усещане, но и екологичен избор.

Метрики
Малък каталог, подбран артикул по артикул

Вместо хиляди продукти, магазинът залага на кратка селекция, ясни възрастови групи и еднакво отношение към всяка поръчка: безплатна доставка и подаръчна кутия.

0

подбрани артикула в каталога

0

европейски бранда за детски играчки

0

възрастови групи: 0-12, 12-24 и 24-36 месеца

0 €

дарение от всяка поръчка за детски каузи

Решението
Бутикова визия върху собствена Shopify тема

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

Собствена Shopify тема

Темата е изградена специално за бранда, а не купена наготово, което дава контрол върху всяка секция, върху типографията и върху скоростта на зареждане.

Навигация по възраст и по тип игра

Каталогът е подреден в три възрастови групи и три категории, така че родителят стига до подходящата играчка с две кликвания.

Търсене и количка без прекъсване

Предиктивното търсене показва резултати още при въвеждането, а количката се отваря като странична лента, така че родителят не излиза от страницата, на която е.

Подаръкът и каузата в целия поток

Колекцията „Готови за подарък", подаръчната кутия и дарението от 1 евро са видими от началната страница до количката, а не скрити в отделна страница.

Секция „Играчки, подбрани с вкус и грижа" на началната страница
Проучване
Кой всъщност купува играчка за дете до 36 месеца

Погледнахме кой стои от другата страна на екрана. Оказва се, че това не е само родителят, а и близък, който търси готов подарък, и двамата очакват различни неща от магазина.

Родителите четат материала и възрастовата граница, преди да стигнат до цената. Голяма част от поръчките са подаръци, правени от близки, а не от самите родители. А каузата натежава тогава, когато два продукта изглеждат еднакво добре.

Виктория

Виктория

Лична информация

Възраст32 г.
ЛокацияСофия, България
ОбразованиеВисше
ПрофесияМаркетинг специалист

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

Проблеми

  • Трудно намира откъде е произведена играчката и от какъв материал е.
  • Възрастовите означения по сайтовете се разминават и объркват.
  • Големите магазини предлагат хиляди артикули и изборът отнема часове.
  • Не е сигурна дали боята и покритието са безопасни за бебе.

Цели

  • Да купи играчка, подходяща точно за възрастта на детето.
  • Да види ясно материала, размерите и произхода.
  • Да реши бързо, без да сравнява десет сайта.
  • Да подкрепи бранд, който споделя нейните ценности.
Мартин

Мартин

Лична информация

Възраст38 г.
ЛокацияПловдив, България
ОбразованиеВисше
ПрофесияФинансов анализатор

Племенникът ми е на 6 месеца. Нямам никаква идея какво се подарява на бебе на тази възраст.

Проблеми

  • Племенникът му е на 6 месеца, а той няма представа коя играчка е подходяща.
  • Възрастовите означения по сайтовете не му говорят нищо.
  • Страхува се да не подари нещо опасно за толкова малко дете.
  • Опаковането отнема време, а подаръкът трябва да е готов днес.

Цели

  • Да намери играчка, гарантирано подходяща за 6 месеца.
  • Да види ясно от какъв материал е и дали е безопасна за бебе.
  • Да получи готова кутия с картичка, без допълнителна работа.
  • Да поръча онлайн и да пристигне навреме за събитието.
Wireframes

Структурата, която подреди пътя до поръчката

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

На този етап валидирахме и двата профила купувачи, родителя, който търси по възраст и материал, и близкия, който купува подарък. Уайърфреймите показаха, че подаръчното преживяване и каузата трябва да присъстват още в началото на пътя, а не като финална стъпка в checkout, и това определи структурата на началната страница.

Checkout
Поръчка на един екран, върху сигурността на Shopify

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

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

Платформата поема сигурността

Плащанията минават през checkout инфраструктурата на Shopify, тоест данните на клиента са криптирани и защитени по стандарт, без собствена реализация.

Портфейлите идват наготово

Apple Pay, Google Pay и Shop Pay са налични веднага и спестяват въвеждане на данни, а до тях стоят карта и наложен платеж за по-консервативния клиент.

Локалното допълва глобалното

Върху платформата добавихме избор на офис или автомат на Еконт и Спиди с търсене по локация, което Shopify не покрива за българския пазар.

Количката на SweetBaby.bg с избор на кауза и код за отстъпка
Дизайн и разработка
Интерфейс, в който снимката на играчката е героят

Темата е разработена от нулата за SweetBaby.bg, а не адаптирана от готов шаблон. Това позволи светъл и спокоен интерфейс с много въздух, в който продуктовата фотография води, а типографията и елементите около нея остават тихи.

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

Продуктова страница на SweetBaby.bg с галерия, цена и гаранции
Секция „Играчки, подбрани с вкус и грижа" на началната страница
Каталогът „Всички продукти" с филтри по възраст и категория
Секция „Нашата селекция от играчки" с трите категории

Разгледай го на живо

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

Отвори сайта · sweetbaby.bg · Отвори сайта · sweetbaby.bg ·

Отвори сайта · sweetbaby.bg · Отвори сайта · sweetbaby.bg ·

3D Element 1
3D Element 1
3D Element 1