Женско здраве
Продуктовите снимки бяха реклами с набит текст. Затова започнахме от тях.
Проектиран и построен магазин. Темата е готова и чака клиентът да я пусне на живо.
Обхват
Какво влезе в работата
Заварената картина
Магазинът продава добавки за женско здраве под марката Flow — пробиотик, мултивитамин, желирани форми, комплекти. Работеше на купена тема и трябваше да чете като модерен международен бранд.
Задачата беше формулирана точно така: да изглежда като магазин, който прави осемцифрен оборот. Първите две посоки на дизайна бяха отхвърлени — клиничният минимализъм се четеше като доклад, а не като марка, която иска да я купиш.
Какво беше счупено
Проблемът не беше в кода. Цялата продуктова фотография представляваше рекламни визии с набит върху тях текст и различен фон на всяка — червен, син, зелен, тъмен. Чисти снимки на опаковките просто нямаше. Никаква работа по темата не поправя това.
Второ, ревютата на страницата показваха измислени бройки, докато истинските ревюта стояха в Judge.me. Трето, хостваните от Shopify Montserrat и Manrope се доставят само с латиница, така че кирилицата пак падаше до системен шрифт.
Подходът
Как го направихме
Започнахме от снимките, защото без тях останалото няма значение. Опаковките бяха изрязани от фона машинно, набитият текст — отрязан, а всяка снимка легна върху обща розова плочка с мека сянка. Едва след това тръгна изграждането.
- Продуктовата страница носи избор на пакет, залепен бутон за поръчка, сравнение, механизъм на действие и клинични източници с реални идентификатори на публикации
- Куиз от седем въпроса, който препоръчва формула
- Кутия по избор от четири продукта със степенувана отстъпка и брояч на заетите места
- Програма за лоялност с три нива
- Секция за ревюта, която чете директно от метаполетата на Judge.me и рисува звездите сама, защото стиловете на приложението не се зареждат
- Кирилските шрифтове са вградени в темата като данни, за да не зависят от Shopify
Едно ревю с четири звезди беше оставено нарочно. Страница само с петици не се чете като истинска.
Резултат
Какво се промени
Следваща стъпка
Стани следващият проект.
Разкажи ни какво продаваш и какво те спъва. Връщаме ти писмен план.