RevShift × Jessar · Header design

Header direction — three options

Clean, modern, brand-elevated header concepts for the Jessar storefront — all buildable on the native Hyper header. The mega-menu itself comes later (once the navigation is fleshed out); this is about the overall shape and feel of the bar. Pick a direction and I'll build it live.

Prepared 2026-06-23 Scope Header shell only — not the mega-menu Constraint Native Hyper

The brief, captured

Items to surface: About · Contact · Become a Dealer · Login (existing CRM) — plus the product categories.
Account icon hidden — the Shopify Sign in / Register is now toggled off (no public accounts for now). "Login" here points to your dealer CRM, not Shopify.
Search → an icon, not a bar. Today's header is dominated by a huge search field. For a no-cart B2B catalog, an icon that opens a search overlay reads cleaner and frees the space for brand. (Native Hyper supports both.)
Logo: shown as a serif stand-in below — your actual "Jessar" wordmark drops straight in.

Option A

Centered Editorial

— symmetrical, gallery-calm, premium

jessar.com

About Contact Become a Dealer

Jessar

Kitchen & Dining Lighting Electrical Home & Bath

Jessar · Family-run since 1996

Housewares worth carrying.

What it does

Logo centered as the hero. Company links + dealer CTA sit in a quiet top strip; product categories get their own centered row with a search icon anchored right.

Native Hyper

Logo-position = centered + a secondary linklist for the top strip. Fully native; the only RevShift touch is the thin top utility row.

Best for

Leaning hardest into brand elevation — reads like Our Place / Caraway. Most "showroom", slightly taller.

Option B

Single-Line Modern

— efficient, confident, everything at a glance

jessar.com

Jessar

About Contact Become a Dealer

Jessar · Family-run since 1996

Housewares worth carrying.

What it does

One tidy line: logo left, categories center, then About · Contact · Login and a solid "Become a Dealer" pill that owns the right edge as the primary action.

Native Hyper

The most native of the three — logo-left + main menu + header link blocks + a button block. Essentially config, near-zero custom CSS.

Best for

A modern, no-nonsense B2B feel where the dealer CTA is always the loudest thing. Shortest, most compact header.

Option C · suggested

Two-Tier Utility Bar

— structured, premium-distributor, the cleanest split

jessar.com

Family-run in Quebec · supplying Canadian retailers since 1996

About Contact Become a Dealer

Jessar

Jessar · Family-run since 1996

Housewares worth carrying.

What it does

Separates the two jobs: a slim dark utility bar carries the company links, dealer CTA and a credibility line; the main bar stays purely about logo + catalog + search.

Native Hyper

Hyper's announcement/top bar holds the utility row (+ a small RevShift tweak to allow links/CTA); the main bar is stock logo-left. The dark strip also doubles as your "since 1996 / Canadian" trust signal.

Best for

A distributor that wants to look established and organised. Keeps the shopping bar uncluttered while still surfacing About/Contact/Dealer/Login up top.

My lean: Option C (with B as the fallback)

Option C reads the most "serious supplier" and keeps the main bar beautifully clean while still surfacing every link you asked for — and the dark strip gives us a free spot for the "Canadian, since 1996" credibility cue. Option B is the safest, most-native pick if you'd rather keep it to a single line. Option A is the move if you want to push brand elevation hardest. Tell me which (and any swaps — e.g. solid vs outline dealer button, what the top strip says) and I'll build it on the live theme.

Mobile: all three collapse to the same clean pattern — logo centered or left, a hamburger that opens the drawer (categories + About/Contact/Login), search icon, and "Become a Dealer" pinned in the drawer. Hyper's native drawer already handles this; we just feed it the right links.

Jessar Industries · Header design options v1 · RevShift Media · 2026-06-23 — mockups for direction only; logo shown as a serif stand-in. Built to map onto the native Hyper header.