Член

6 магазина със зашеметяващи продуктови страници

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



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

Нека разделим шест магазина от шест различни ниши, всеки със зашеметяващи продуктови страници. Ще поставим техните продуктови страници - всички те са създадени с Shopify - под микроскоп, за да видим какво правят, което можете да копирате в магазина си.





Съдържание на публикацията

как да спечелите повече последователи в instagram

Не чакайте някой друг да го направи. Наемете се и започнете да извиквате изстрелите.


OPTAD-3
Започнете безплатно

Страницата на стандартния продукт

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

Това е горе-долу как страниците с продукти излизат от кутията: изображение в лявото описание и Добави в кошницата бутон на десните незадължителни неща като социални бутони, селектор за количество и т.н.

Когато такива страници се изтласкват на живо, те повече или по-малко ще приличат на тази:

Нищо лошо в това. Всички основни неща са точно там. Множество изображения, цветови опции и (разбира се) Добави в кошницата бутон.

Но нека разгледаме как шепа гениални магазини превръщат стандартните продуктови страници в продуктови страници.


Всички птици

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

Но продуктовите страници на Allbirds са нормални само ако не превъртите надолу. След като се потопите, ще намерите някои от най-добрите продуктови страници наоколо.

Тук има много неща. Първо, Allbirds се придържа към старата поговорка, че „формата следва функцията“. А именно, те имат описание на продукта, което се вписва добре в предвиденото пространство, до представеното изображение, без да нарушава симетрията на оформлението.

Но няма недостиг на информация! Защото, когато щракнете върху Научете повече, ще бъдете пренасочени към котва по-долу на страницата на продукта.

Ето къде ще намерите масивна, цветна секция, посветена на детайлите, които не пасват чисто отгоре:

Няма правило, според което описанията на продуктите трябва да се ограничават до това малко кътче над бутона за количката. Преместването на тези детайли надолу дава на Allbirds най-доброто от двата свята: Тонове детайли и изображения, подчертаващи продукта, и оформление, което е интуитивно. (Това оформление също така гарантира, че Добави в кошницата бутон остава закрепен над гънката. Което е мястото, където принадлежи.)

Друго страхотно нещо за продуктовите страници на Allbirds са нахалните видеоклипове, в които те се подхлъзват:

Когато кликнете върху това „изображение“, ще бъдете третирани с видео вместо друга снимка на продукта. Видеото е просто - това е само няколко секунди. Тук няма номинации за Еми. Но този вид докосвания могат да революционизират вашите продуктови страници.

https://www.datocms-assets.com/22581/1603987525-woolloungerfemale1-1.mp4

Още няколко неща, които трябва да посочите с продуктовите страници на Allbirds.

Искате да направите вашите продуктови страници запомнящи се? Какво ще кажете за голямото изображение на причудливо животно:

След това има серия от предимства, които варират от комфорт до удобство до опасения за околната среда, всяка със собствена елегантна икона:

Щепсели за социални медии на продуктова страница? Да, защо не:

Вижте още: Примери за страница с продукти на Allbirds

Мъжки бегачи с вълна

Мъжки бегачи по дървета

Дамски вълнени шезлонги


Него

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

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

Hem има свой собствен начин да бъде икономичен с допълнителни детайли. Вместо да се свързват с други части на продуктовата страница, те използват функция за свиване. Това…

... се превръща в това:


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

Това са първите две изображения, с които се сблъсквате: едното е видео, другото - кактус.

Не мога да си спомня как някога съм виждал кактус, седнал на диван. Това каза, че не съм забравил за този диван кактус, откакто го видях. Просто ... готино Скъп диван от една страна - диван, който може да се похвали с целия клас, който бихте очаквали от скандинавския дизайн от висок клас - и малко кактус, от друга страна. Странността успява да създаде странно запомняща се сцена.

И след това видеото. Още веднъж, това не е филмова видеография на ниво фестивал. Но това са движещи се изображения и хората обичат движещите се изображения. 26-секундното видео показва дивана от безброй ъгли и илюстрира колко лесно е да се конструира.

След това още снимки - големи, разкошни снимки - с тире написана дума, за да дадат на купувачите подробности, които може да липсват.

Вижте още: Примери за страница на подгъва

как да публикувам снимка в Instagram

Шезлонг 2-местен Palo вляво

Стол Udon

Всички дървени табуретки


Чисти цикли

Създателят на велосипеди Pure Cycles включва повече от няколко елегантни елемента в своите продуктови страници.

Нека се включим в четири фини, но брилянтни щриха.

1. Това малко сърце

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

2. Тази опция Messenger

Това може да е супер удобно за купувачите. Вероятно също не вреди на усилията на Pure Cycles’ove във Facebook, че купувачите се ангажират с платформата за социални медии на продуктовите страници.

3. Повече съдържание!

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

4. Прекрасно видео

И накрая, видеото, вградено сред продуктовите снимки.

Щракнете върху това и ще получите това. Няма нищо лошо в това, че 50 секунди двама добре изглеждащи хора се наслаждават на живота със своите велосипеди Pure Cycles:

Останалата част от продуктовата страница на Pure Cycles е предсказуемо красива. Pure Cycles го зарежда с отзиви на клиенти, снимки, щепсели в социалните медии и подробности за доставка - неща, които определено не биха се побрали там до Добави в кошницата бутон.

А за онези, които жадуват за конкретни детайли, Pure Cycles покрихте:

Вижте повече: Примери за страница с продукти на Pure Cycles

Пътен велосипед

Чист градски велосипед

Градски пътуващи

Оригинален плюс

Кратка дума за видеоклипове на продуктовата страница

Сега, ако току-що сте гледали това видео на Pure Cycles, може би си мислите: „Как и% $ ^ ще създам нещо подобно?“

Без съмнение това видео е доста хлъзгаво. Такива неща не се появяват от въздуха.

Но видеоклиповете не са невъзможни!

Не ми вярвате? Да предположим, че Oberlo започна да продава суичъри. Суичърите са елемент като този, който определено може да използва видеоклип на страницата на продукта - затова готвихме такъв! Това беше създадено за около 45 минути, от заснемане до редактиране до експортиране до качване.

Разбира се, този видеоклип няма да получи овации. И ви се прощава, ако не умирате да си купите един от тези суичъри. Но не обръщайте очи с идеята да правите видео! Това не е просто нещо за големите марки. Бариерата за влизане е намалена до пиенето на силно кафе и iPhone.

Добре, преминаваме към следващия ни магазин.

Master & Dynamic

Master & Dynamic продава аудио аксесоари от висок клас. Горната част на продуктовата страница е относително нормална ...

... но след това нещата стават направо елегантни, докато се оглеждате наоколо.

Ето тази продуктова страница Master & Dynamic под гънката - квази времева линия от функции:

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

Към дъното, след като сте били третирани с поредица от хипнотизиращи снимки, получавате техническите спецификации.

Вижте повече: Примери за страница на Master & Dynamic

Слушалки ME05

MW60 Безжични слушалки за уши

Безжичен високоговорител


Неделно снабдяване

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

Те игнорират стандартното оформление „продукт отляво, подробности отдясно“ и вместо това излизат с огромни снимки:

Дори страницата с продукти с карти за подаръци води с масивно изображение:

Не е нужно да отивате далеч, за да намерите Добави в кошницата бутон, който се намира точно под тази снимка. (Бутоните на Sunday Supply казват „Добави в чантата“, защото знаете ли, това е с плажна тематика.)

След това се натъквате на някои подробности за продукта, които са написани с неустоимо очарователен глас, придаващ на чадъра човешки качества като „любител на дългите дни на слънце и страхотен спътник“.

предприемачите не използват кое от изброените

Други подробности като „Сгъвания до 1.2M X 0.2M X 0.2M“ или „~ 7.0KG в тегло“ могат да бъдат намерени по-долу на страницата, така че всичко това е там. Но защо да не водим със забавните неща?

Както всеки магазин, продаващ плажна екипировка, би било разумно да се направи, Sunday Supply също показва своите продукти в дивата природа. Когато можете да използвате океана като свой фон, защо не?

Вижте повече: Примери за страницата с продукти за неделя

Плажен чадър Natural Instinct

Карта за подарък

Чадър на плажа на животинското царство


Студио спретнато

Устройствата за съхранение и зареждане на устройството на Studio Neat имат продуктови страници, които са толкова елегантни, колкото шикозните артикули, които продават.

Инфраструктурата на страницата е стандартна, но изключително изпълнена. Двете изречения от описателния текст ви позволяват да визуализирате как би изглеждал артикулът на вашето място - „На нощното шкафче или на бюрото си ...“ - и докосвания като кръглото изображение му придават малко поп.

Точно под това се натъкваме на видео, което е чисто и полирано, но нищо, което да изисква холивудско ноу-хау.

как да получите бързи последователи на insta
https://www.datocms-assets.com/22581/1603987527-studio-neat.mp4

Тогава продуктовата страница се превръща във визуална обиколка на функциите, които бихте могли да очаквате, ако сте закупили тази докинг станция. През цялото време има акценти на непринуден текст („Така че, без значение как се търкаляте, ще имате място за вашите устройства“).

И накрая, продуктовата страница включва някои снимки на този док-станция на телефона около къщата и офиса.

Дизайнът на продуктовите страници на Studio Neat варира и всички те са страхотни. Ето например няколко снимки от страницата на продукта за щифт със сензорен екран. Този урок по анатомия е едновременно информативен и визуално убедителен.

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

Вижте повече: Примери за продуктова страница на Studio Neat

Док за материали

Космонавт

Отдалечена стойка на Apple TV


Заключения на продуктовите страници

Всички тези продуктови страници споделят няколко общи неща. Нека ги ударим в стил tldr.

Има много пространство - използвайте го

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

Видеоклипове и огромни снимки

Докоснахме видеоклипове. Трябва да правите видеоклипове! И разбира се, не забравяйте снимките. Тези страници имат изящни изображения. Ако сте дропшипър, това означава, че не трябва да използвате само снимките на доставчиците си. Поръчайте вашите продукти и вземете своите. Не е нужно да продавате велосипеди или високотехнологични аудио съоръжения, за да оживеят снимките на вашите продукти.

Преобразуването все още е възможно в горната част на страницата

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

Искате ли да научите повече?

Ето някои други статии, които ще ви помогнат да забиете продуктовите си страници!



^