Zara HTML Sablon

Szerkesztőségi kollekciók és termékmegjelenítések alkotnak egy teljes statikus oldalt

Az oldal már most egyesíti a legfontosabb tartalmi területeket, amelyek egy önálló divatbemutatóhoz szükségesek. A hero rész egy teljes szélességű fotóval és egy középre igazított portréval mutatja be a ZARA márkát, majd a női szerkesztőségi szekció ismerteti a kollekció koncepcióját, mielőtt a TRF slider kibontaná a vizuális történetet. A következő, két elemből álló termékterület konkrét termékneveket és feltüntetett eurós árakat ad a felülethez, így az oldal a márka benyomásától a kollekció kontextusán át a tényleges árukig vezet.

Egy párhuzamos felépítés jelenik meg később a férfi- és gyermekdivatnál is. A férfirészleg egy meleg tónusú szerkesztőségi elrendezéssel ismerteti a heti trendeket, míg a KIDS slider egy újabb képorientált kategóriablokkot alkot. Két gyermektermék-bemutató ezután egy második kompakt termékzónát hoz létre. Ez az ismétlődés lendületes ritmust ad a statikus oldalnak anélkül, hogy a női, férfi és gyermek tartalmak egyhangúvá válnának.

A záró öt képes sáv látványos vizuális lezárásként funkcionál egy újabb sűrű információblokk helyett. A hero rész, a tagolt bevezetők, a sliderek, a terméklisták és a galéria együttesen egy olyan kiforrott elrendezést hoznak létre, amely önállóan is megállja a helyét statikus HTML-megvalósításként. Értéke abban rejlik, hogy a fő történetmesélés, a kategóriák lefedettsége, a termékmegjelenítés és a képi zárás már mind a helyén van, így nem szükséges üres részekből összerakni az alapoldalt.