Nike kollekció HTML Sablon

A kollekció szerkesztőségi bemutatása kész statikus oldalt alkot

A dizájn már most egyesíti egy önálló, lábbelikkel foglalkozó szerkesztőségi oldal legfontosabb összetevőit. A kompakt Sporthírek fejléc biztosítja a navigációt és a vizuális identitást, majd a 2019-es Nike Chinese Collection osztott elrendezésben, szöveggel, kör alakú termékfotókkal és egy „További információ” gombbal mutatja be a témát. Az ezt követő teljes szélességű fotósáv dinamikaváltást hoz, mielőtt a háromképes példagaléria vizuális referenciákat és egy számozott magyarázó listát jelenítene meg.

Az oldal ezután a kollekció összefüggéseitől egy konkrét terméktörténet felé halad. A Nike Kyrie 4 blokkja több termékfotót, leíró szöveget, egy feltüntetett 120 dolláros fogyasztói árat és egy „Vásárlás most” műveletet ötvöz, így a statikus elrendezés világos kereskedelmi funkciót kap anélkül, hogy elveszítené szerkesztőségi jellegét. Egy második fotósáv és egy újabb hárompontos magyarázó rész folytatja a vizuális történetmesélést, mielőtt a holdújévi kollekció bemutatása végső tájékozódási pontot kínálna a részletek megismeréséhez.

Mivel ezek a szakaszok már tartalmazzák a bevezetést, a vizuális példákat, a termékinformációkat, a cselekvésre ösztönző elemeket és a lábléc tartalmát, a dizájn jóval több, mint egy elszigetelt hero-blokk. Ez egy koherens HTML-oldalstruktúra, amely önmagában is megállja a helyét, miközben világosan elkülönített területeket biztosít a kollekciótörténetek, a termékrészletek és a kiegészítő információk számára.