StackCipher.DEVELOPER
Menu
← Work

PROJECT NOTES

Published

Nord and Nest

Homeware storefront concept

An editorial home-decor storefront with product discovery, a persistent shopping bag and an explicitly simulated checkout.

Project type
Storefront concept
My contribution
Concept, design & testing
How I guide implementation and testing
Live Demo ↗View screenshots ↓
The nord and nest storefront with a warm editorial headline and an animated featured product presentation.
ACTUAL APPLICATION / Nord and Nest

PROJECT AT A GLANCE

The idea and the experience.

Who it is for

Homeware brands with a visual product collection.

The problem explored

Connect editorial product presentation with a straightforward route to a shopping bag.

What it demonstrates

  • Filterable product collection
  • Saved favourites and shopping bag
  • Explicitly simulated checkout

A CLOSER LOOK

Select a screenshot to see the details.

The nord and nest storefront with a warm editorial headline and an animated featured product presentation.
The Nord and Nest product collection with category filters, sorting and home-decor product cards.
The mobile Nord and Nest storefront with its featured collection and responsive navigation.

Nord and Nest

Screenshot 1 / 3

The nord and nest storefront with a warm editorial headline and an animated featured product presentation.

The nord and nest storefront with a warm editorial headline and an animated featured product presentation.

THE TECHNOLOGY

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Zustand
  • React Hook Form
  • Zod

Project overview

Nord and Nest is a Scandinavian home-decor portfolio storefront concept. The nord&nest interface explores a warm, quiet editorial direction for thoughtful everyday objects.

The opening pairs large serif typography with a ceramic vase, natural colors and restrained product presentation. Collection, story, journal, search, wishlist and bag elements are visible in the original interface.

My contribution

  • Concept: a homeware storefront that connects editorial presentation with product discovery.
  • Design: the warm visual direction and presentation of the collection.
  • Testing: review and testing of the shopping experience as it developed.

The challenge

Connect an editorial home-decor presentation with a clear shopping journey, from discovering a product to reviewing its details and managing a shopping bag.

A slower visual rhythm

The original opening uses a cream canvas, generous spacing and a single ceramic object as the focal point. Product presentation shares the page with an editorial headline, balancing a collection view with the feeling of a home-design journal.

From discovery to a demo checkout

A filterable collection connects to individual product pages, presentation options, quantity controls and an image view. The wishlist and shopping bag share validated browser-local state, so choices survive a refresh on the same browser and origin.

The checkout validates sample details and ends with an explicit demo result. No payment is processed and no real order is created. Products, EUR prices, availability and delivery values are fictional.

Explore the demo

Browse the collection, filter products by category and open a product page. Try the wishlist and shopping bag, then explore the simulated checkout.

Products and prices are samples. No payment is collected and no real order is placed.

Implementation

Next.js static export serves the product routes. React, TypeScript and Tailwind CSS shape the interface; Zustand manages the bag and wishlist, while React Hook Form and Zod handle the checkout preview. The project does not require customer accounts, a database or a payment provider.

The Live Demo action opens the public storefront demonstration.

Back to the collection

LET’S TALK ABOUT YOUR PROJECT

Have a similar project
in mind?

Share your idea or existing website. We’ll clarify what you need and whether I’m the right fit.

Discuss a Similar Project