← Back to projects

An online shop layout

A shop where a product has a price or only an “Ask for a price” button

Hydroarsenal sells car wash equipment: some machines have a price, others are on request. I built the shop from a ready design. Put items in the cart and watch delivery change: the terms come from the site, and a small script counts them here.

GIDRA F0 11/150 TOTAL STOP

Professional pressure washer

67,385

KARCHER HD 5/15 C

Professional pressure washer

63,279

GIDRA F2 (TOTAL STOP)

Professional pressure washer

67,630

GIDRA-FM7-15200-111

Professional pressure washer

78,284

KARCHER HD 6/15 M

Professional pressure washer

KARCHER HD 9/20-4 CLASSIC

Professional pressure washer

ST 2300

Rotating spray gun

4,803
This is how it looks on the real site
Hydroarsenal: Catalog

Turnkey car wash

A separate page for those building a car wash

Besides the shop, the site has a service for businesses. It is split into five steps, and each text here follows the page.

First measurement

Specialists review the request, visit the site and discuss the choice, placement and installation of equipment and utilities.

This is how it looks on the real site
Hydroarsenal: Turnkey car wash

Pages

Everything a shop needs

A product page with specs and related items, a cart, order history in the account, delivery, brands and reviews. Modal windows, dropdown menus and animations are in the layout too.

This is how it looks on the real site
Hydroarsenal: Home

How it is built

Layout
HTML5, CSS3 and JavaScript from a ready design
Code
BEM classes, components split into blocks
Interface
Modal windows, dropdown menus, animations
Next
Ready to connect to WordPress, OpenCart or a custom backend

Have a shop design but no layout?

Send the design. I will suggest a price and a timeline, and a CMS or backend can come later.

Write a letter
Next projectSANA