thelegacy

Hi-Tech Club

  • Branding
  • Front-end
  • Ux/Ui
  • Wireframing
  • WordPress
Client

Hi-Tech Club makes patented hookahs and accessories, from bowls and valves to coolers, mouthpieces and hoses, and sells them online as well as to hookah bars and restaurants.

What we did

An online store designed from wireframes up: product page, cart, a mobile storefront with technical drawing details, brand story pages about the patents and the workshop, and 3D renders of the hookahs, parts and metal finishes.

Wireframes for a hookah manufacturer's online store

Hi-Tech Club makes hookahs and the parts around them: bowls, valves, coolers, mouthpieces and hoses in stainless medical steel and anodized titanium. The brand sells on engineering, led by a patented heat system that keeps tobacco from burning, and it also supplies hookah bars and restaurants.

The wireframe stage covered desktop and mobile: a video hero, a model slider, a grid of accessory cards, a product cutaway with callouts for the coal bowl, tobacco cup and trays, a production story, articles and a block for business buyers. Small details were settled here too. The slider pagination, a row of squares with a diamond for the active model, survived unchanged into the final design.

Hi-Tech Club
Hi-Tech Club

Hookah product page and shopping cart design

The product page reads like a spec sheet. The Classic hookah stands alone on black, and the right column runs from a yellow eyebrow naming the material, anodized titanium, to a short description, four round swatches for gold, iridescent, black and silver, the price and a yellow Add to Cart. An accessories carousel below offers a bowl, cooler and valve as add-ons.

The cart slides in as a drawer over the page, so the product stays in view: thumbnail, price in yellow, a minus and plus stepper, Remove, subtotal and one button forward. On a phone the same cart takes the full screen and ends in Confirm my Order. Workshop footage of a laser cutter tracing the cellular pattern of the hookah legs links the store to the factory.

Hi-Tech Club
Hi-Tech Club
Hi-Tech Club
Hi-Tech Club
Hi-Tech Club
Hi-Tech Club

3D renders of hookahs, parts and metal finishes

3D carries most of this case. The exploded view at the top pulls the hookah apart along one axis, rings, shafts, coil and base, to show the construction the brand is selling. The renders after it isolate single parts on black: a gold cooler, black and iridescent mouthpieces, tongs, a braided hose in macro, a bowl, a brass valve and a glass base.

Four complete hookahs finish the set: an all-black model with a lit glass flask, then a taller model in silver, gold and iridescent metal, matching the colour swatches a buyer picks from on the product page. The lighting is low and hard, so highlights trace the threads, metal edges and leg cutouts against the dark.

Hi-Tech Club
Hi-Tech Club
Hi-Tech Club
Hi-Tech Club
Hi-Tech Club
Hi-Tech Club

Mobile storefront with technical drawing details

Typography does the engineering talk. Headlines use a wide, squared sans, while body copy, labels and specs switch to a monospaced face, and section eyebrows such as Unique Service are letter-spaced in the same butter yellow as the buy buttons. Under the mobile headline a hatched ruler gives height, width, depth and diameter readings in millimetres.

On the phone, accessory cards stack one per screen with material and features in mono text above each render, and the cart icon carries a yellow item count. The desktop hero sets 'exclusive hookah manufacturer' oversized across a close-up of the bowl, adds dimension callouts and a crosshair around it, and places a play button for the video presentation in the centre.

Hi-Tech Club
Hi-Tech Club
Hi-Tech Club
Hi-Tech Club

Brand story pages: patents, workshop and founder

The story pages back up the engineering claims. A patented technology block shows the certificates as floating, curled sheets, a manufacturing and materials section pairs the heat system text with a bowl render, and the gold Modern model gets its own slider. The founder page tells, in first person, how early access to machines and metal, making knives and even motorcycles, led to reworking the hookah, set beside a black-and-white portrait and machining shots.

The flow closes with a call to action showing three hookahs over Add to Cart, a text block for business buyers, and order confirmation: DHL Express delivery, contact fields and an optional comment on the left, order details and Edit Order on the right.

Hi-Tech Club
Hi-Tech Club
Hi-Tech Club
Hi-Tech Club
Hi-Tech Club
Hi-Tech Club
Hi-Tech Club

Project facts

Client
Hi-Tech Club, a maker of patented hookahs and hookah parts in stainless medical steel and anodized titanium
Industry
Hookah manufacturing, e-commerce
Platform
Web (desktop and mobile)
Services
Wireframing, UX/UI design for an online store, 3D product renders
Deliverables
Desktop and mobile wireframes; product page and slide-in cart; mobile storefront; brand story pages about the patents, workshop and founder; order confirmation; 3D renders of the hookahs, single parts and metal finishes
Related cases
SOUQ, theqube, skynet

Questions about this project

What is Hi-Tech Club?

Hi-Tech Club makes hookahs and their parts, from bowls and valves to coolers, mouthpieces and hoses, in stainless medical steel and anodized titanium, led by a patented heat system that keeps tobacco from burning. It sells online and also supplies hookah bars and restaurants.

What did thelegacy design for Hi-Tech Club?

An online store designed from desktop and mobile wireframes up: the product page and cart, a mobile storefront, brand story pages about the patents, the workshop and the founder, and 3D renders of the hookahs, parts and metal finishes.

How do the 3D renders support the Hi-Tech Club store?

An exploded view pulls a hookah apart along one axis to show its construction, and single parts are isolated on black. Four complete hookahs appear in the same silver, gold, black and iridescent finishes a buyer picks from on the product page.