Skip to content

WorkTravel & Carry SystemsDirected, Built

Structured Travel Goods

Positioned a three-format travel line as one product system and built the release-led site that presents it.

View Demo — Structured Travel Goods, opens in a new tab

The release-led hero, setting a two-word campaign line over a street photograph of the protective case carried through a crossing.

What I did

A structured travel line presented as one system rather than three separate products — a protective case for compact objects, a carry format for shorter stays, and full-size checked luggage. The site is built around a release rather than a catalog: a campaign-led opening, a dark specification table comparing the three formats across the scale of movement each is for, construction and interior studies, a materials section, and a private access list in place of a cart. Built on Next.js, with the image pipeline tuned for weight.

  • Product System Positioning
  • Release Architecture
  • Creative Direction
  • Front-End Performance

What to look at in the demo

  • The dark specification table compares the three formats on one axis: the scale of movement each is for, not volume in litres.
  • There is no cart or checkout anywhere in the build. The only conversion action is the private access list.

Stack

Next.js

  • The release-led hero at desktop width, setting a two-word campaign line over a street photograph of the protective case carried through a crossing.
  • The collection section, presenting the three formats side by side — protective case, structured carry bag and rolling checked luggage — with the role each one plays.
  • The comparison section on a black ground, setting the three formats against what each is best for, its format, how it is carried, and its primary distinction.

What is and is not claimed

The site is a pre-launch release page rather than a transactional storefront — there is no catalog, cart or checkout, and the only conversion action is an access list. The demo is a static capture of the client's deployed page rather than an anonymized rebuild, so it carries their branding and cannot drift from what shipped. No sales or launch outcomes are claimed.

Provenance

Role: Independent project — product positioning, release architecture, and front-end implementation

Built or directed by Mo Abdel. The Demo link opens a deployed demo of the build rather than a live storefront.

View All Work

Build the growth. Strengthen the business behind it.

Get in Touch