JOCOSA WIREFRAME DIAGRAMS

Version 2.0 — Presentation Pages with Designer Guidance


HOW TO USE THIS DOCUMENT

These wireframes define structural layout for each page with designer guidance for execution. Use them to:

  1. Review structure before visual design
  2. Reference specific sites for each section type
  3. Apply style direction consistently

Not included: Cart, Checkout, Account (Shopify native)


REFERENCE SITES QUICK GUIDE

Site Primary Use URL
Holland Cooper Colors, imagery, section separators hollandcooper.com
Le Chameau Icons section, overall structure lechameau.com/en-eu
Ghurka Product listing, scale expression ghurka.com/collections/duffel-bags
De Niro Boot Co Craft messaging, presentation denirobootco.com/en/
Voltaire Design Real-world imagery, lifestyle voltairedesign.com/us/

Desktop Header

┌─────────────────────────────────────────────────────────────────────────────────┐
│                                                                                 │
│  [LOGO]                                              [Account Icon] [Cart Icon] │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│  Explore Products    Customization    About Jocosa    For Clubs    Contact      │
│                                                                                 │
└─────────────────────────────────────────────────────────────────────────────────┘

Notes:

Reference: Holland Cooper header — clean, single-tier navigation

Mobile Header

┌─────────────────────────────────────────────────────────────────────────────────┐
│                                                                                 │
│  [☰]                        [LOGO]                              [Cart Icon]     │
│                                                                                 │
└─────────────────────────────────────────────────────────────────────────────────┘

Mobile Menu (Overlay)

┌─────────────────────────────────────────────────────────────────────────────────┐
│  [X Close]                                                                      │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│  Explore Products                                                          →    │
│                                                                                 │
│  Customization                                                             →    │
│                                                                                 │
│  About Jocosa                                                              →    │
│                                                                                 │
├ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┤
│                                                                                 │
│  For Clubs                                                                 →    │
│                                                                                 │
├ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┤
│                                                                                 │
│  Contact                                                                   →    │
│                                                                                 │
│  Shipping & Returns                                                        →    │
│                                                                                 │
├ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┤
│                                                                                 │
│  [Account Icon] My Account                                                      │
│                                                                                 │
└─────────────────────────────────────────────────────────────────────────────────┘

PAGE 01: HOMEPAGE

Desktop Layout

┌─────────────────────────────────────────────────────────────────────────────────┐
│                              [HEADER / NAV]                                     │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│                                                                                 │
│                                                                                 │
│                         ┌─────────────────────────┐                             │
│                         │                         │                             │
│                         │     HERO IMAGE          │                             │
│                         │     (Club Bag in        │                             │
│                         │      club context)      │                             │
│                         │                         │                             │
│                         │     ───────────────     │                             │
│                         │     Headline            │                             │
│                         │     Subline             │                             │
│                         │                         │                             │
│                         │     [Explore]           │                             │
│                         │                         │                             │
│                         └─────────────────────────┘                             │
│                                                                                 │
│                              SECTION 01: HERO                                   │
│                              Full viewport height                               │
│                                                                                 │
│  ▸ DESIGNER: Lifestyle context preferred—club environment,                      │
│    post-match, travel moment. Natural light, warm tones.                        │
│    Avoid pure white studio. Headline max 8 words.                               │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│                                                                                 │
│                    Functional luxury for the club-minded.                       │
│                    [2-3 sentences brand philosophy]                             │
│                                                                                 │
│                                                                                 │
│                              SECTION 02: BRAND INTRO                            │
│                              Centered text, generous whitespace                 │
│                                                                                 │
│  ▸ DESIGNER: 80-120px padding above/below. Editorial typography—               │
│    larger body size. Background: warm cream/off-white, may include              │
│    subtle texture. No history or founder story.                                 │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│                                                                                 │
│     ┌───────────────────────────┐     ┌───────────────────────────┐            │
│     │                           │     │                           │            │
│     │  [IMAGE: Solo moment]     │     │  [IMAGE: Club/group]      │            │
│     │                           │     │                           │            │
│     │     FOR INDIVIDUALS       │     │     FOR CLUBS             │            │
│     │                           │     │                           │            │
│     │     [Explore Products]    │     │     [Partner With Us]     │            │
│     │                           │     │                           │            │
│     └───────────────────────────┘     └───────────────────────────┘            │
│                                                                                 │
│                              SECTION 03: PATH SPLIT                             │
│                              Equal weight, clear distinction                    │
│                                                                                 │
│  ▸ DESIGNER: Equal visual weight critical. Individuals = single person,         │
│    solo activity. Clubs = group context, multiple bags, partnership feel.       │
│    Same button treatment. Stacked on mobile.                                    │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│                                                                                 │
│     ┌─────────────────────────────────────┐                                    │
│     │                                     │                                    │
│     │                                     │         Product Name               │
│     │         EDITORIAL IMAGE             │         ─────────────────          │
│     │         (Single product             │         One-line description       │
│     │          in context)                │         that speaks to use.        │
│     │                                     │                                    │
│     │                                     │         [Discover]                 │
│     │                                     │                                    │
│     └─────────────────────────────────────┘                                    │
│                                                                                 │
│                              SECTION 04: PRODUCT FEATURE                        │
│                              Single product, editorial                          │
│                                                                                 │
│  ▸ DESIGNER: Image ~60% width. Lifestyle, not catalog. Shows scale/use-case.   │
│    Warm natural light. Description mentions use-case, not specs. Rotate        │
│    with seasons or product launches.                                            │
│                                                                                 │
├═════════════════════════════════════════════════════════════════════════════════┤
│                              ─── SECTION SEPARATOR ───                          │
│  ▸ DESIGNER: Background color shift (warm neutral) or subtle divider line.      │
│    Reference: Holland Cooper section breaks.                                    │
├═════════════════════════════════════════════════════════════════════════════════┤
│                                                                                 │
│                              THE JOCOSA ICONS                                   │
│                              Discover our signature styles                      │
│                                                                                 │
│     ┌────────────┐  ┌────────────┐  ┌────────────┐  ┌────────────┐            │
│     │            │  │            │  │            │  │            │            │
│     │   [IMG]    │  │   [IMG]    │  │   [IMG]    │  │   [IMG]    │            │
│     │            │  │            │  │            │  │            │            │
│     │ Club Bag   │  │ Weekend    │  │ Daily      │  │ Racket     │            │
│     │            │  │ Bag        │  │ Sports Bag │  │ Case       │            │
│     │ Handcrafted│  │ Your       │  │ Built for  │  │ Court-     │            │
│     │ for the    │  │ weekend    │  │ the active │  │ ready      │            │
│     │ club       │  │ essential  │  │ lifestyle  │  │ companion  │            │
│     │            │  │            │  │            │  │            │            │
│     │ [Discover] │  │ [Discover] │  │ [Discover] │  │ [Discover] │            │
│     └────────────┘  └────────────┘  └────────────┘  └────────────┘            │
│                                                                                 │
│                              SECTION 05: THE JOCOSA ICONS                       │
│                              Reference: Le Chameau "The Icons"                  │
│                                                                                 │
│  ▸ DESIGNER: 4 product types, not individual SKUs. Consistent image ratio       │
│    and styling across all cards—curated set feeling. Hero shots with            │
│    consistent angle/lighting. Consider subtle category graphic. This is NOT     │
│    a product grid—it's editorial product type presentation.                     │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│    ○ Free EU Shipping    ○ 30-Day Returns    ○ European Craft    ○ Made to Last │
│                                                                                 │
│                              SECTION 06: TRUST BAR                              │
│                              Icons + short text                                 │
│                                                                                 │
│  ▸ DESIGNER: Subtle divider above. Icons: minimal, line-based, not illustrative.│
│    Quiet confidence—not promotional badges. May stack on mobile.                │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                              [FOOTER]                                           │
└─────────────────────────────────────────────────────────────────────────────────┘

Mobile Layout

┌────────────────────────────┐
│       [HEADER]             │
├────────────────────────────┤
│                            │
│  ┌──────────────────────┐  │
│  │                      │  │
│  │     HERO IMAGE       │  │
│  │                      │  │
│  │     Headline         │  │
│  │     Subline          │  │
│  │     [Explore]        │  │
│  │                      │  │
│  └──────────────────────┘  │
│                            │
│  SECTION 01: HERO          │
│  Full viewport height      │
│                            │
├────────────────────────────┤
│                            │
│   Functional luxury...     │
│   [Philosophy text]        │
│                            │
│  SECTION 02: BRAND INTRO   │
│                            │
├────────────────────────────┤
│                            │
│  ┌──────────────────────┐  │
│  │  FOR INDIVIDUALS     │  │
│  │  [IMAGE]             │  │
│  │  [Explore Products]  │  │
│  └──────────────────────┘  │
│                            │
│  ┌──────────────────────┐  │
│  │  FOR CLUBS           │  │
│  │  [IMAGE]             │  │
│  │  [Partner With Us]   │  │
│  └──────────────────────┘  │
│                            │
│  SECTION 03: PATH SPLIT    │
│  Stacked, equal weight     │
│                            │
├────────────────────────────┤
│                            │
│  ┌──────────────────────┐  │
│  │  [EDITORIAL IMAGE]   │  │
│  └──────────────────────┘  │
│                            │
│  Product Name              │
│  One-line description      │
│  [Discover]                │
│                            │
│  SECTION 04: PRODUCT       │
│  FEATURE                   │
│                            │
├════════════════════════════┤
│  ─── SECTION SEPARATOR ─── │
├════════════════════════════┤
│                            │
│  THE JOCOSA ICONS          │
│  Discover our styles       │
│                            │
│  ←[ Card ][ Card ][ Card→  │
│  (Horizontal scroll)       │
│                            │
│  SECTION 05: ICONS         │
│  Swipe carousel            │
│                            │
├────────────────────────────┤
│                            │
│  ○ Free EU Shipping        │
│  ○ 30-Day Returns          │
│  ○ European Craft          │
│                            │
│  SECTION 06: TRUST BAR     │
│                            │
├────────────────────────────┤
│       [FOOTER]             │
└────────────────────────────┘

PAGE 02: EXPLORE / COLLECTION

Desktop Layout

┌─────────────────────────────────────────────────────────────────────────────────┐
│                              [HEADER / NAV]                                     │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│                                                                                 │
│                              Explore Our Collection                             │
│                              [Optional subline, max 20 words]                   │
│                                                                                 │
│                              SECTION 01: INTRO                                  │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│     ┌──────────────────┐  ┌──────────────────┐  ┌──────────────────┐          │
│     │                  │  │                  │  │                  │          │
│     │  [IMAGE:         │  │  [IMAGE:         │  │  [IMAGE:         │          │
│     │   Court context] │  │   Travel context]│  │   Daily context] │          │
│     │                  │  │                  │  │                  │          │
│     │  For the Court   │  │  For the Weekend │  │  For Every Day   │          │
│     │                  │  │                  │  │                  │          │
│     └──────────────────┘  └──────────────────┘  └──────────────────┘          │
│                                                                                 │
│                              SECTION 02: USE-CASE NAV (OPTIONAL)                │
│                                                                                 │
│  ▸ DESIGNER: Images must communicate use-case without text. Court = club        │
│    environment, sport context. Weekend = travel, hotel, airport. Daily =        │
│    urban, commute, casual sport. Consistent image ratio. Warm tones.            │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│                                                                                 │
│     ┌─────────────────────────────────────┐                                    │
│     │                                     │                                    │
│     │                                     │         Club Bag                   │
│     │         LIFESTYLE IMAGE             │         ─────────────────          │
│     │                                     │         From €XXX                  │
│     │                                     │                                    │
│     │                                     │         [Discover]                 │
│     │                                     │                                    │
│     └─────────────────────────────────────┘                                    │
│                                                                                 │
│                              SECTION 03: PRODUCT FEATURE (Left)                 │
│                              Editorial presentation                             │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│                                                                                 │
│                                    ┌─────────────────────────────────────┐     │
│         Weekend Bag                │                                     │     │
│         ─────────────────          │                                     │     │
│         From €XXX                  │         LIFESTYLE IMAGE             │     │
│                                    │                                     │     │
│         [Discover]                 │                                     │     │
│                                    │                                     │     │
│                                    └─────────────────────────────────────┘     │
│                                                                                 │
│                              SECTION 04: PRODUCT FEATURE (Right)                │
│                              Alternating layout creates rhythm                  │
│                                                                                 │
│  ▸ DESIGNER: Reference Ghurka for scale expression—size apparent from context.  │
│    Alternating image/text positions. Lifestyle images. Editorial, not grid.     │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                              [Continue pattern for additional products]         │
├─────────────────────────────────────────────────────────────────────────────────┤
│                              [FOOTER]                                           │
└─────────────────────────────────────────────────────────────────────────────────┘

Mobile: Full-width images, text below each, stacked vertically.


PAGE 04: FOR CLUBS (B2B)

Desktop Layout

┌─────────────────────────────────────────────────────────────────────────────────┐
│                              [HEADER / NAV]                                     │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│                                                                                 │
│                         Partner With Jocosa                                     │
│                         Functional luxury for clubs and institutions            │
│                                                                                 │
│                              SECTION 01: HEADLINE                               │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│     This page is for:                                                          │
│     • Sports clubs seeking premium gear for members                             │
│     • Retailers interested in stocking Jocosa                                   │
│     • Clubs requiring custom-branded equipment                                  │
│                                                                                 │
│                              SECTION 02: AUDIENCE DEFINITION                    │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│     ┌───────────────────────────────┐  ┌───────────────────────────────┐       │
│     │                               │  │                               │       │
│     │         WHOLESALE             │  │       PRIVATE LABEL           │       │
│     │                               │  │                               │       │
│     │  Stock Jocosa products        │  │  Your club identity on        │       │
│     │  for your members             │  │  Jocosa quality               │       │
│     │  or retail operation          │  │                               │       │
│     │                               │  │  Custom branding,             │       │
│     │  Volume pricing and           │  │  minimum quantities,          │       │
│     │  terms available              │  │  lead times apply             │       │
│     │                               │  │                               │       │
│     └───────────────────────────────┘  └───────────────────────────────┘       │
│                                                                                 │
│                              SECTION 03: PARTNERSHIP TYPES                      │
│                              (2 types only: Wholesale + Private Label)          │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│     How It Works                                                               │
│                                                                                 │
│     ┌────┐         ┌────┐         ┌────┐         ┌────┐                        │
│     │ 01 │         │ 02 │         │ 03 │         │ 04 │                        │
│     └────┘         └────┘         └────┘         └────┘                        │
│     Inquiry        Consultation   Proposal       Production                    │
│     Submit form    We discuss     Custom terms   We deliver                    │
│                    your needs     prepared                                     │
│                                                                                 │
│                              SECTION 04: PROCESS OVERVIEW                       │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│     ○ European craftsmanship    ○ Flexible minimums    ○ Dedicated support     │
│                                                                                 │
│                              SECTION 05: TRUST SIGNALS                          │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│                         PARTNERSHIP INQUIRY                                     │
│                                                                                 │
│     ┌─────────────────────────────────────────────────────────────────────┐    │
│     │                                                                     │    │
│     │  Club/Company Name *          [                               ]     │    │
│     │                                                                     │    │
│     │  Website                      [                               ]     │    │
│     │                                                                     │    │
│     │  Contact Name *               [                               ]     │    │
│     │                                                                     │    │
│     │  Email *                      [                               ]     │    │
│     │                                                                     │    │
│     │  Phone                        [                               ]     │    │
│     │                                                                     │    │
│     │  Country *                    [  Select country           ▾   ]     │    │
│     │                                                                     │    │
│     │  Partnership Type *           [  Wholesale / Private Label ▾  ]     │    │
│     │                                                                     │    │
│     │  Estimated Annual Volume *    [  Select range             ▾   ]     │    │
│     │                                                                     │    │
│     │  Desired Timeline *           [  Select timeline          ▾   ]     │    │
│     │                                                                     │    │
│     │  Message                      [                               ]     │    │
│     │                               [                               ]     │    │
│     │                                                                     │    │
│     │  How did you hear about us?   [                               ]     │    │
│     │                                                                     │    │
│     │                         ┌──────────────────────┐                    │    │
│     │                         │   SUBMIT INQUIRY     │                    │    │
│     │                         └──────────────────────┘                    │    │
│     │                                                                     │    │
│     └─────────────────────────────────────────────────────────────────────┘    │
│                                                                                 │
│                              SECTION 06: INQUIRY FORM                           │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│     Prefer to reach us directly?                                               │
│     partnerships@jocosa.com                                                    │
│                                                                                 │
│                              SECTION 07: ALTERNATIVE CONTACT                    │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                              [FOOTER]                                           │
└─────────────────────────────────────────────────────────────────────────────────┘

PAGE 05: CUSTOMIZATION

Desktop Layout

┌─────────────────────────────────────────────────────────────────────────────────┐
│                              [HEADER / NAV]                                     │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│                                                                                 │
│                         Made Yours                                              │
│                         Our approach to personalization                         │
│                                                                                 │
│                              SECTION 01: HEADLINE                               │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│     Jocosa pieces are designed to be personal from the start.                  │
│     For those seeking something more individual, we offer                       │
│     several levels of customization.                                           │
│                                                                                 │
│                              SECTION 02: PHILOSOPHY                             │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│     ┌───────────────────┐  ┌───────────────────┐  ┌───────────────────┐        │
│     │                   │  │                   │  │                   │        │
│     │  PERSONALIZATION  │  │  CUSTOM SELECTION │  │     BESPOKE       │        │
│     │                   │  │                   │  │                   │        │
│     │  Initials,        │  │  Specific color   │  │  Full custom      │        │
│     │  hardware         │  │  and material     │  │  project for      │        │
│     │  selection        │  │  combinations     │  │  clubs/VIP        │        │
│     │                   │  │                   │  │                   │        │
│     │  Available to     │  │  Made to order,   │  │  By consultation  │        │
│     │  all customers    │  │  qualified        │  │  only             │        │
│     │                   │  │  customers        │  │                   │        │
│     │                   │  │                   │  │                   │        │
│     └───────────────────┘  └───────────────────┘  └───────────────────┘        │
│                                                                                 │
│                              SECTION 03: TIER OVERVIEW                          │
│                              (3 cards showing progression)                      │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│     What We Don't Do                                                           │
│                                                                                 │
│     • Non-standard shapes or dimensions                                         │
│     • Materials outside our curated selection                                   │
│     • Rush orders without consultation                                         │
│                                                                                 │
│                              SECTION 04: LIMITATIONS                            │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│     ┌─────────────────────────────────────────────────────────────────────┐    │
│     │                                                                     │    │
│     │     Interested in customization?                                    │    │
│     │     Tell us what you're looking for.                                │    │
│     │                                                                     │    │
│     │                    ┌───────────────────────┐                        │    │
│     │                    │     CONTACT US        │                        │    │
│     │                    └───────────────────────┘                        │    │
│     │                                                                     │    │
│     └─────────────────────────────────────────────────────────────────────┘    │
│                                                                                 │
│                              SECTION 05: CONTACT CTA                            │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                              [FOOTER]                                           │
└─────────────────────────────────────────────────────────────────────────────────┘

PAGE 06: ABOUT / BRAND

Desktop Layout

┌─────────────────────────────────────────────────────────────────────────────────┐
│                              [HEADER / NAV]                                     │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│                                                                                 │
│                              About Jocosa                                       │
│                                                                                 │
│                              SECTION 01: TITLE                                  │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│     ┌─────────────────────────────────────┐                                    │
│     │                                     │                                    │
│     │                                     │         [Brand statement          │
│     │         BRAND IMAGE                 │          2-3 paragraphs            │
│     │         (Club context,              │          on what Jocosa            │
│     │          not portrait)              │          stands for]               │
│     │                                     │                                    │
│     │                                     │                                    │
│     └─────────────────────────────────────┘                                    │
│                                                                                 │
│                              SECTION 02: BRAND STATEMENT                        │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│                    The Club Philosophy                                          │
│                                                                                 │
│     [2-3 paragraphs on functional luxury, the club ethos,                       │
│      membership in a tradition, sport and elegance]                             │
│                                                                                 │
│                              SECTION 03: CLUB ETHOS                             │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│     ┌─────────────────────────────────────────────────────────────────────┐    │
│     │                                                                     │    │
│     │     Our craft is the foundation.                                    │    │
│     │     [Link: Discover Craft & Materials →]                            │    │
│     │                                                                     │    │
│     └─────────────────────────────────────────────────────────────────────┘    │
│                                                                                 │
│                              SECTION 04: CRAFT INTRO + LINK                     │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                              [FOOTER]                                           │
└─────────────────────────────────────────────────────────────────────────────────┘

PAGE 07: CRAFT & MATERIALS

Desktop Layout

┌─────────────────────────────────────────────────────────────────────────────────┐
│                              [HEADER / NAV]                                     │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│                                                                                 │
│                              Craft & Materials                                  │
│                                                                                 │
│                              SECTION 01: TITLE                                  │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│     [2-3 paragraphs on approach to quality, materials                          │
│      sourcing philosophy, durability as design principle]                       │
│                                                                                 │
│                              SECTION 02: CRAFT PHILOSOPHY                       │
│                                                                                 │
│  ▸ DESIGNER: Reference De Niro Boot Co for craft messaging integration.         │
│    Consider visual craft details (stitching close-ups, hardware, leather grain). │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│                                    ┌─────────────────────────────────────┐     │
│     Leather                        │                                     │     │
│     ─────────────────              │         DETAIL IMAGE                │     │
│     [Description of leather        │         (Leather grain,             │     │
│      selection, tanning,           │          stitching detail)          │     │
│      why it matters]               │                                     │     │
│                                    └─────────────────────────────────────┘     │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│     ┌─────────────────────────────────────┐                                    │
│     │                                     │     Hardware                       │
│     │         DETAIL IMAGE                │     ─────────────────              │
│     │         (Hardware,                  │     [Description of hardware       │
│     │          zippers, buckles)          │      selection, finish,            │
│     │                                     │      durability]                   │
│     └─────────────────────────────────────┘                                    │
│                                                                                 │
│                              Alternating layout for materials                   │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                              [FOOTER]                                           │
└─────────────────────────────────────────────────────────────────────────────────┘

PAGE 09: SHIPPING & RETURNS

Desktop Layout

┌─────────────────────────────────────────────────────────────────────────────────┐
│                              [HEADER / NAV]                                     │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│                              Shipping & Returns                                 │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│     SHIPPING                                                                   │
│     ────────────────────────────────────────────────────────────────────       │
│                                                                                 │
│     Orders dispatch within 48 hours.                                           │
│                                                                                 │
│     ┌──────────────────────────────────────────────────────────────────────┐   │
│     │  Destination            │  Timeframe         │  Cost                 │   │
│     ├──────────────────────────────────────────────────────────────────────┤   │
│     │  European Union         │  3-5 business days │  Free over €XXX       │   │
│     │  United Kingdom         │  5-7 business days │  €XX                  │   │
│     │  Rest of World          │  7-14 business days│  Calculated at checkout│   │
│     └──────────────────────────────────────────────────────────────────────┘   │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│     RETURNS                                                                    │
│     ────────────────────────────────────────────────────────────────────       │
│                                                                                 │
│     30-day return window on all standard purchases.                            │
│                                                                                 │
│     Items must be:                                                             │
│     • Unused and in original condition                                          │
│     • In original packaging                                                     │
│     • Accompanied by proof of purchase                                          │
│                                                                                 │
│     To initiate a return, contact us at returns@jocosa.com                     │
│                                                                                 │
│     Refunds processed within 5-7 business days of receipt.                     │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│     EXCHANGES                                                                  │
│     ────────────────────────────────────────────────────────────────────       │
│                                                                                 │
│     Exchanges available for size or color. Contact us to arrange.              │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                              [FOOTER]                                           │
└─────────────────────────────────────────────────────────────────────────────────┘

PAGE 10: CARE & LONGEVITY

Desktop Layout

┌─────────────────────────────────────────────────────────────────────────────────┐
│                              [HEADER / NAV]                                     │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│                              Care & Longevity                                   │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│     Our products are made to last. Here's how to keep them that way.           │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│     LEATHER CARE                                                               │
│     ────────────────────────────────────────────────────────────────────       │
│     [Specific care instructions for leather products]                          │
│                                                                                 │
│     HARDWARE                                                                   │
│     ────────────────────────────────────────────────────────────────────       │
│     [Care for zippers, buckles, metal components]                              │
│                                                                                 │
│     STORAGE                                                                    │
│     ────────────────────────────────────────────────────────────────────       │
│     [How to store between uses]                                                │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│     ┌─────────────────────────────────────────────────────────────────────┐    │
│     │                                                                     │    │
│     │     Need repair or service?                                         │    │
│     │     [Contact us →]                                                  │    │
│     │                                                                     │    │
│     └─────────────────────────────────────────────────────────────────────┘    │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                              [FOOTER]                                           │
└─────────────────────────────────────────────────────────────────────────────────┘

FOOTER — GLOBAL

Desktop Layout

┌─────────────────────────────────────────────────────────────────────────────────┐
│                                                                                 │
│                              Stay with us                                       │
│     ┌─────────────────────────────────────────────────────────┐  ┌──────────┐  │
│     │  Email address                                          │  │ SIGN UP  │  │
│     └─────────────────────────────────────────────────────────┘  └──────────┘  │
│                         Occasional updates. No spam.                            │
│                                                                                 │
│                              SECTION: NEWSLETTER                                │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│     SHOP                 ABOUT                HELP                 CONNECT      │
│     ────                 ─────                ────                 ───────      │
│     Explore Products     Our Story            Shipping & Delivery  Contact      │
│     Customization        Craft & Materials    Returns              Instagram    │
│                          Sustainability       Care Instructions                 │
│                                               FAQ                               │
│                                                                                 │
├─────────────────────────────────────────────────────────────────────────────────┤
│                                                                                 │
│  © Jocosa 2026          Privacy Policy     Terms & Conditions     Cookies       │
│                                                                                 │
└─────────────────────────────────────────────────────────────────────────────────┘

Mobile Layout (Accordion)

┌────────────────────────────┐
│                            │
│   Stay with us             │
│   [Email           ] [→]   │
│   Occasional updates.      │
│                            │
├────────────────────────────┤
│   SHOP                 [+] │
├────────────────────────────┤
│   ABOUT                [+] │
├────────────────────────────┤
│   HELP                 [+] │
├────────────────────────────┤
│   CONNECT              [+] │
├────────────────────────────┤
│                            │
│   © Jocosa 2026            │
│   Privacy • Terms • Cookie │
│                            │
└────────────────────────────┘

STYLE DIRECTION SUMMARY

Based on reference site review:

Typography

Color (Reference: Holland Cooper)

Spacing

Imagery (Reference: Voltaire Design + Holland Cooper)

Interactive Elements

Section Separators (Reference: Holland Cooper)

Mobile Priorities


DOCUMENT CONTROL

Version Date Changes
1.0 23 Jan 2025 Initial wireframes

Prepared by: Nikolay Panev


End of Wireframes

JOCOSA WIREFRAME DIAGRAMS

NAVIGATION — GLOBAL

PAGE 01: HOMEPAGE

PAGE 02: EXPLORE / COLLECTION

PAGE 04: FOR CLUBS (B2B)

PAGE 05: CUSTOMIZATION

PAGE 06: ABOUT / BRAND

PAGE 07: CRAFT & MATERIALS

PAGE 09: SHIPPING & RETURNS

PAGE 10: CARE & LONGEVITY

FOOTER — GLOBAL

STYLE DIRECTION SUMMARY