Nutrahub
Най-големият ни проект: каталог от над 8 700 продукта и 110 марки, подреден така, че клиентът да стигне до точния продукт от менюто, от филтъра или от статия в блога.
Посетете nutrahub.bg- 8 700+
- продукта
- 890+
- колекции
- 110+
- марки
- 300+
- статии в блога
- Услуги
- Изработка на магазин, дизайн, секции по поръчка, структура на каталога
- Платформа
- Shopify · тема Maximize, стил Vigor
- Пазар
- България · български · EUR
- Доставка и плащане
- Спиди, BoxNow, Еконт · наложен платеж или карта
На телефон
Магазинът и задачата
Nutrahub продава спортни храни, добавки, витамини и аксесоари - от NOW Foods и OstroVit до Applied Nutrition и AllMax. Каталогът е голям по всякакъв стандарт за българския пазар: над 8 700 продукта в почти 900 колекции.
Това е най-големият проект в портфолиото ни - по обем на каталога, по брой шаблони с работа по поръчка и по съдържание. При такъв мащаб началната страница е най-малкият въпрос. Продават менюто, категориите, филтрите и продуктовата страница - частите, през които клиентът минава при всяка поръчка. Там отиде и основната работа.
Предизвикателството
- Над 8 700 продукта от над 110 марки - клиентът трябва да стигне до своя за секунди, а не да скролва.
- Вкусовете и разфасовките идват от десетки производители, всеки със свое изписване - без подредба филтърът е безполезен.
- Доставка до офис, до автомат и до адрес, в брой или с карта - всичко това трябва да е ясно още на продукта.
- Над 300 статии трябва да водят към продукти, а не да стоят отделно от магазина.
Какво изградихме
01
Мега меню за 17 категории и 120 марки
„Всички“ подрежда каталога в 17 групи в пет колони - от протеини и гейнъри до витамини и аксесоари. „Марки“ води до около 120 колекции по марка, а „По цел“ подрежда съставките според резултата, който клиентът търси.
02
Филтри по вкус и разфасовка, които наистина работят
Вкусовете и разфасовките са събрани в собствени полета на варианта: 12 групи вкусове и 10 диапазона на разфасовката. Така „Горски плодове“ хваща всички продукти с такъв вкус, както и да го е изписал производителят. Списък с повече от 8 стойности се свива с „Виж повече“, а панелът с филтрите остава на екрана при скрол.
03
Продуктова страница, която отговаря преди въпроса
Кога ще пристигне поръчката, колко бройки има, как се плаща и с кой куриер - всичко стои до бутона. Цената е вътре в самия бутон „Добави в количката“ и се обновява с разфасовката, а на телефон бутонът остава залепен долу. Над продукта се вижда целият път - Начало / Аминокиселини / Единични аминокиселини / Орнитин, - не само началото и продукта, както е в темата.
04
Бърза поръчка и въпрос за продукта
Две кратки форми точно под описанието: поръчка само с телефонен номер и въпрос за продукта. Името на продукта се попълва само, а заявката пристига при екипа с етикет „Бърза поръчка“ или „Въпрос за продукт“ - без отделно приложение.
05
Въпроси и отговори в категориите - и за Google
Големите категории завършват с често задавани въпроси. Към тях е написана и структура FAQPage, така че отговорите могат да се покажат направо в резултатите от търсенето.
06
Блог с над 300 статии, свързан с магазина
Дългите статии имат съдържание отстрани и блок „Продукти в статията“, така че читателят стига до продукта, за който чете, с един клик.
07
Странична количка с препоръки
Количката се отваря отстрани, без да отвежда от страницата: срок на доставка, количество и бележка към поръчката. До нея „Добавете и“ предлага продукти с текущата им цена и намалението, така че поръчката расте с едно докосване.
08
Куриерът и плащането - на един екран
В поръчката клиентът избира между автомат на BoxNow, автомат, офис или адрес на Спиди - всеки с цената си - и между наложен платеж (с таксата, изписана до него) и карта. Изборът на автомат се прави тук, а не след потвърждение.
09
Обобщение, което не крие нищо
Продуктите с разфасовка и цена, поле за код за отстъпка, междинна сума, доставка и общо - преди бутона. Бележка към поръчката и отметка за общите условия завършват екрана.
Поръчката от телефона
Плъзнете настрани · 10 екрана
- 0
- разместване при зареждане (CLS)
- 97/100
- достъпност
- 100/100
- SEO
Google PageSpeed Insights, телефон, 21.09.2026.
Как е изграден
Филтрите работят с данни, не с текст
Вкусът и разфасовката са записани в две собствени полета на всеки вариант - 12 групи вкусове и 10 диапазона на разфасовката. Филтрите на Shopify (Search & Discovery) четат тези полета, заедно с марката (130 стойности), типа продукт, наличността и цената.
Код в темата, не в приложения
Промените са в стиловете и скриптовете на самата тема, с префикс nh-: свиването на дългите филтри до 8 стойности с „Виж повече“, цената в бутона за количката, сумата в хедъра в евро. Така няма месечни абонаменти за дребни функции и няма чужд код, който да бави страницата.
Пътят до продукта на няколко нива
Стандартната тема показва само „Начало / продукт“. Тук над всеки продукт стои целият път през категориите, например Начало / Аминокиселини / Единични аминокиселини / Орнитин - за клиента и за Google.
Форми без приложение
„Бърза поръчка“ и „Въпрос за продукт“ изпращат заявката през вградената форма за контакт на Shopify с поле за типа заявка. Пристигат в пощата на магазина, без външна услуга и без допълнителна такса.
Структурирани данни
Началната страница има Organization и WebSite с търсене, продуктите - Product с марка и оферта, а големите категории - FAQPage, написан ръчно към въпросите в тях.
Решенията зад проекта
Какво избрахме и защо - за да се види не само какво има в магазина, но и с каква логика е изграден.
01Тема Maximize, стил Vigor
Направена за големи каталози: мега менюто, филтрите в страничен панел и sticky бутонът са вградени - не се плащат отделно като приложения.
02Вкусът и разфасовката - в полета на варианта, не в тагове
Таговете не се групират - „Шоколад“ и „Chocolate“ остават два отделни филтъра. Полетата събират десетките изписвания в 12 групи вкусове и 10 диапазона.
03Формите - през вградената контактна форма
Бърза поръчка и въпрос за продукта без месечен абонамент и без още един скрипт на страницата.
04Пътят до продукта на няколко нива
В каталог с почти 900 категории клиентът трябва да вижда къде се намира, а Google - как са свързани страниците.
Какво е направено за телефона
Бутонът остава под палеца
На телефон бутонът „Добави в количката“ стои залепен долу и носи цената, така че клиентът не се връща нагоре след избора на разфасовка.
Менюто с икони
Страничното меню показва категориите с малка снимка до всяка - по-бързо се разпознава с поглед, отколкото списък с думи.
Филтри, които не заемат екрана
Филтрите се отварят отстрани, а дългите списъци са свити до 8 стойности - на малък екран това е разликата между филтър и безкрайно скролване.
Нищо не подскача при зареждане
Изображенията имат запазено място, затова подредбата не се размества, докато страницата зарежда (CLS 0).
За българския пазар
Куриерите, плащането и валутата - това, което клиентът в България проверява преди поръчка, и което собственикът на магазин пита пръв.
- Куриери
- Спиди, BoxNow и Еконт - до адрес, до автомат и до офис
- Срок
- 24-48 часа
- Плащане
- Наложен платеж в брой или с карта, карта онлайн, Apple Pay, Google Pay
- Безплатна доставка
- Над 59 €
- Валута
- Евро
- Връщане
- 14 дни
Скоростта на телефон
Какво зарежда телефонът на тази страница и какво олекотяваме следващо.
Началната страница: 2 212 KB, 215 заявки и около 9 600 елемента.
Какво носи страницата
- 01
Целият каталог на едно докосване
Мега менюто прави 17 групи и около 120 марки достъпни от всяка страница, без ново зареждане. Затова менюто пътува с всяка страница - около 9 600 елемента, които телефонът подрежда, преди да покаже екрана.
- 02
Първото изображение пристига бързо
Банерът се изтегля за части от секундата и се показва, щом телефонът подреди страницата около него - затова олекотяването на менюто ускорява и него.
- 03
Поръчка с наложен платеж от всяка страница
Формата за бърза поръчка (214 KB, с библиотеката jQuery) е достъпна навсякъде. Следващата стъпка е да зарежда там, където се поръчва - в количката.
Какво олекотяваме следващо
- 1Менютата „Всички“ и „Марки“ зареждат при отваряне - под 3 000 елемента на страница.
- 2Формата за наложен платеж зарежда в количката.
- 3Изображенията на телефон - в размера, в който се показват.
- 4Структура Article за статиите и BreadcrumbList за пътя до продукта.
Всеки елемент отговаря на въпрос
Клиентът не поръчва, докато има въпрос без отговор. Затова подреждаме страницата по въпросите преди поръчката - в четири стъпки.
- 01
Картата на клиентския път
Всяка стъпка от първото посещение до чекаута, отделно за телефон и за компютър - и къде хората спират, по аналитиката и записите на сесии.
- 02
Въпросите преди поръчката
За всяка стъпка: какво трябва да знае клиентът, за да продължи - кога пристига, колко струва, как плаща, пасва ли, истинско ли е.
- 03
Отговорът - там, където е въпросът
Елементът стои на мястото, където въпросът възниква, и е вграден в темата, без тежко приложение, за да не страда скоростта.
- 04
Измерване спрямо изходното ниво
Конверсия по устройство, добавяния в количката и стигнали до чекаута - преди и след промяната, за сравним период.
В този магазин
| Елемент | Въпросът, на който отговаря |
|---|---|
| „Може да е при теб между…“ | Кога ще пристигне? - преди количката, не след нея. |
| Наличност в бройки | Има ли го наистина? - без изненада на чекаута. |
| Доставка 24-48 ч · карта и наложен платеж · 100% оригинални | Трите въпроса на всеки, който купува добавки: колко бързо, как плащам, истинско ли е. |
| Цената в бутона | Колко струва тази разфасовка? - без връщане нагоре. |
| Бърза поръчка с телефон | Не искам да попълвам форма - поръчка само с номер. |
| Въпрос за продукта | Не съм сигурен - въпросът стига до екипа, вместо клиентът да си тръгне. |
| ЧЗВ в категорията | Кой протеин е за мен? - отговорът е на страницата, не в Google. |
| „Продукти в статията“ | Прочетох - къде да го купя? - един клик от статията до продукта. |
С какво работи магазинът
- Shopify
- Платформата - хостинг, чекаут, плащания.
- Maximize, стил Vigor
- Темата, върху която са секциите и стиловете по поръчка.
- Полета на вариантите
- Нормализирани вкусове и разфасовки, по които работят филтрите.
- Judge.me
- Отзиви и оценки на продуктите.
- Форма за наложен платеж
- Поръчка с наложен платеж и избор на куриер и офис.
- Спиди, BoxNow, Еконт
- Доставка до адрес, до автомат и до офис.
Вашият проект
Каталогът ви е хиляди продукти?
Големият каталог се продава, когато клиентът стига до продукта за секунди - от менюто, от филтъра или от статия. Разкажете ни как е подреден вашият и ще ви кажем откъде бихме започнали.