← Nerdworks

Nerdworks Homepage — Build Brief

BBNW1 Approved Build Brief Nerdworks

1. Hero

Brand headline, one-sentence sub-copy, single CTA. Large TCG product photography. USP bar sub-component inside the hero: 4 benefit items (icon + label) in a compact horizontal row. USP bar is not a standalone section.

2. Shop by Game

Navigation grid of 6 TCG tiles — Pokémon, Magic: The Gathering, Lorcana, One Piece, Star Wars Unlimited, Riftbound. Each tile links to its game-filtered shop archive. Two rows of three with full tile image.

3. Featured Product

A product showcase section to promote a pre-order or new product. Visually bold with strong product imagery usage.

4. New Arrivals

4-column product grid (2-column mobile). Standard product cards: image, name, price, add-to-cart. “View all” link aligned right of the heading.

5. Upcoming Product – Pre-Order

A section to introduce and promote an upcoming release and give the customer some initial information to hook them, then lead them to pre-order the product.

6. Hottest Singles

3 editorial cards across desktop. Each card: large product image, name, price, a 2–3 sentence first-person staff note. Intended to promote featured single TCG cards. Introduces Nerdworks singles vertical via showcasing 3 of our rarest or most expensive cards currently in stock.

7. Singles

Entry point to the Nerdworks singles vertical. Heading + 2–3 sentence description of the singles offer. 4–6 featured single card tiles (card name, set, condition badge, price). Two CTAs: “Browse all singles” (primary) and “Search by card name” (secondary).

8. Trust Strip

Compact horizontal band — not a full-height section. 4 metrics in a centred row: orders shipped, years trading, review score + source, team descriptor. Icon + figure + short label per metric.

9. Set Spotlight

Large set artwork or product photography. Set name, TCG system label, 3–4 sentences of editorial copy. One CTA: “Shop [Set Name]” or “Pre-order now.” Flexible — works for new releases, active promotions, or editorial features.

10. Sale or Return

Explanation of the consignment model: customers bring in cards or games, Nerdworks lists and sells on their behalf, customer receives payment on sale. 3-step process row: Bring it in → We list it at an agreed price → You get paid on sale. One CTA.

11. Warhammer Table Booking

Book a private game session on a fully modelled Warhammer table. Customers choose their map and terrain layout — the store configures the table for their session. Map grid: 3–4 terrain layout thumbnails with name labels. Primary CTA: “Book a session.” Secondary: “Browse maps.”

12. Events

3–4 upcoming event cards: event name, game system, date, one-line description, booking link. “View all events” link below the grid.

14. Featured Event

A section to promote a single event with content to introduce the event and give details about it.

15. Events Gallery

A range of images showcasing previous events to create the connection between digital and real world. UGC style content, arranged nicely to promote 4 – 6 images.

16. Blog

Introduction to the blog – 2 or 3 cards with blog post excerpts. Link to the blog.

17. Newsletter

Centered layout. Heading + one sentence on what subscribers receive. Inline email input + submit button. No secondary copy, no imagery.


Critical Layout Rules