FORMA
Online store
A furniture store concept with an asymmetric layout, categories, materials and a mini cart.
Open demo (Russian)
Concept Project. Products and prices illustrate the interface. Checkout, payments and a backend are not connected.
The brief
Build a furniture store homepage around objects and materials instead of a conventional promotional hero.
The challenge
Large photographs need to work alongside prices and actions, with a composition that reads well in a wide preview.
The solution
An editorial CSS Grid with overlapping blocks, an orange accent and a separate product module, followed by categories and a product selection.
Features
- Asymmetric CSS Grid
- Product category filters
- Add and remove items in a mini cart
- Prices, materials and selection total
Development process
- 01
Established the editorial composition.
- 02
Built product cards and hover states.
- 03
Added filters and a mini cart.
Built for
mobile.
The layout and navigation adapt to smaller screens. This screenshot shows the page at a width of 390 pixels.
Try the demo (Russian)
The result
A store homepage with a local mini cart and a desktop composition designed for a 16:9 preview.
Discuss a similar project