Ingyenes személyes QR-ajándék minden orchideához
CLARAOrchidea

Belső dokumentum

Fejlesztői átadó — Shoprenter / London sablon

Ez az oldal a webshop teljes tervét foglalja össze a fejlesztő számára: oldalstruktúra, blokkok sorrendje, bannerméretek, képlista és a London sablon elemeire való megfeleltetés. Minden szövegtartalom a fenti aloldalakon élesben látható, onnan másolható.

1. Menüstruktúra

Fő menü

  1. Főoldal
  2. Orchideák
  3. Álmodd meg!
  4. Személyes ajándék
  5. Inspiráció
  6. A Clara története
  7. Kapcsolat

Lábléc menü

  1. Szállítás és fizetés
  2. ÁSZF
  3. Adatkezelési tájékoztató
  4. Elállási feltételek
  5. Garancia
  6. Kapcsolat

2. Oldalak és blokksorrend

Főoldal

/
  1. Hero banner (1920×830) — H1 + alcím + 2 gomb
  2. Kiemelt előnyök — szöveg + 4 ikonos kártya
  3. Népszerű orchideák — 4 termék (kiemelt termékek modul)
  4. Személyes ajándék — kép + szöveg + 6 tartalomtípus + CTA
  5. Álmodd meg! — sötét sáv, egy CTA
  6. Hogyan működik? — 4 lépés
  7. Inspiráció — 8 alkalom kártya + CTA
  8. Miért a Clara — 6 pipás állítás
  9. A Clara története — rövid blokk + CTA

Orchideák (kategóriaoldal)

/orchideak
  1. Kategória hero szöveg (H1 + leírás)
  2. Egysoros elegáns bizalmi mondat
  3. 4 ikonos USP blokk
  4. Bal oldali szűrő: Kollekció, Méret, Szín, Ár, Alkalom, QR-ajándékkal
  5. Termékrács (3 oszlop desktop / 2 tablet / 1 mobil)
  6. „Nem tudsz választani?” CTA sáv → Álmodd meg!
  7. Vélemények (3 db)
  8. GYIK (3 kérdés)

Személyes ajándék

/szemelyes-ajandek
  1. Hero H1 + szöveg + CTA
  2. 3 kártya (miért különleges)
  3. 4 lépés
  4. YouTube videó blokk
  5. 6 kártya: mit rejthet a QR-kód
  6. Alkalom címkék (15 db)
  7. 3 vélemény
  8. GYIK (5 kérdés)
  9. Záró CTA

Álmodd meg!

/almodd-meg
  1. Hero + nagy műhelykép
  2. Bevezető szöveg
  3. 4 lépés
  4. 5 ikon: mit tehetsz egyedivé
  5. Méret + induló ár lista (S–XXL) + árazási megjegyzés
  6. Inspirációs galéria (8 kép)
  7. Egyedi rendelési űrlap (fájlfeltöltéssel) + bátorító mondat felette
  8. Előnyök, vélemények, GYIK, záró CTA

Inspiráció

/inspiracio
  1. Hero + CTA
  2. Alkalom szűrőgombok (15 db)
  3. 6 kiemelt inspirációs kártya (2×3)
  4. „További alkalmak” — 8 kisebb kártya
  5. „Nem találtad meg?” CTA
  6. 4 ikonos USP
  7. Záró CTA

A Clara története

/clara-tortenete
  1. Hero + műhelykép
  2. 6 szöveges fejezet
  3. Záró blokk + CTA

Kapcsolat

/kapcsolat
  1. Űrlap + elérhetőségek + nyitvatartás

3. Bannerek és képméretek

ElemMéretMegjegyzés
Fő banner (hero, slider 1.)1920 × 830 px„A Te orchideád. A Te történeted.”
Fő banner (slider 2.)1920 × 830 pxQR-kódos banner
Fő banner (slider 3–6.)1920 × 830 pxAkciós / szezonális / új kollekció
Négyzetes banner960 × 960 pxKategória- és kampánykiemelés
Termékkép1200 × 1200 pxFehér háttér, azonos beállítás
Favicon512 × 512 px (PNG/SVG)Clara viráglogó önmagában
OG kép1200 × 630 pxKözösségi megosztáshoz

Javaslat: 5–6 főoldali banner készüljön, hogy időnként cserélhető legyen.

4. Fotólista (Drive)

Hero

Prémium orchidea + telefon + QR

Státusz: ⬜ folyamatban

Népszerű orchideák

Minden termék fehér háttérrel

Státusz: ⬜ folyamatban

Személyes ajándék

QR használata, telefon, videó

Státusz: ⬜ folyamatban

Álmodd meg!

Műhely, vázlatok, alkotás

Státusz: ⬜ folyamatban

Inspiráció

8 élethelyzet fotó

Státusz: ⬜ folyamatban

Clara története

Valódi műhelyfotók

Státusz: ⬜ folyamatban

Lifestyle

Lakás, iroda, enteriőrök

Státusz: ⬜ folyamatban

5. London sablon megfeleltetés

HeroLondon slider modul (teljes szélességű banner + szövegréteg)
Ikonos USP sáv„Ikonos szolgáltatás” / egyedi HTML blokk 4 oszloppal
Népszerű orchideákKiemelt termékek modul (4 termék, 1 sor)
KategóriaszűrőBeépített paraméteres szűrő — paraméterek: Méret, Szín, Kollekció, Alkalom, QR-ajándék
Inspirációs kártyákLondon kategória-/blogkártya rendszer (2×3 rács)
GYIKAccordion tartalomelem (statikus oldal / termékfül)
VéleményekVélemény modul vagy egyedi HTML blokk
Termék alatti bizalmi blokkTermék sablon egyedi HTML — minden terméknél automatikusan megjelenik
Egyedi rendelés űrlapShoprenter űrlap modul fájlfeltöltéssel (vagy külső űrlap beágyazva)

6. Arculat

Színek

Háttér (krém) — #FBF9F5
Szöveg (espresso) — #3A322C
Arany kiemelés — #B08C4F
Blush akcent — #EBD5D3
Homok szekció — #F4F0E9

Tipográfia

Címsorok: Cormorant Garamond (300/400), light, nagyméretű.
Szövegtörzs: Karla (400), 16 px, 1.7 sorköz.
Gombok és eyebrow feliratok: nagybetűs, 0.2em betűköz.

Egyéb

Éles sarkok (2–4 px radius), vékony 1 px keretek, sok fehér tér, visszafogott animáció. Nincs erős árnyék, nincs élénk szín.

7. Amit még kérünk a fejlesztéshez

  • Termékparaméterek felvétele: Méret (S–XXL), Szín, Kollekció, Alkalom, QR-ajándék (igen/nem).
  • Termék sablonba beépített fix bizalmi blokk (4 ikon) a leírás alá.
  • QR-ajándék tartalom feltöltése: rendeléshez kapcsolt űrlap (videó/fotó/hang/link + üzenet).
  • Egyedi rendelés űrlap fájlfeltöltéssel az „Álmodd meg!” oldalon.
  • Favicon: Clara viráglogó, 512×512 PNG + SVG.
  • SEO: minden aloldalnak egyedi title + meta description (a fenti oldalakon beállítva).