Back to Portfolio
E-Commerce

Plushie Shop

A plush toy storefront with a cart flow designed to be legible, in a category where character usually costs clarity.

Independent ProjectMarch 2026
Plushie Shop full preview

The Problem

Playful product categories get one of two treatments online: a stock template that strips out every trace of the brand's personality, or a design so decorated that the price, the stock state and the add-to-cart button are the hardest things on the page to find. Both lose the sale at the same moment.

The Approach

Personality was pushed into the surfaces that carry no decision — background, illustration, card shape, motion on arrival — and kept out of the ones that do. Price, availability and the primary action stay in consistent positions with the highest contrast on the page, so the fastest thing to read is always the thing you need to act on.

Design Decisions

  • One button style for one job

    Add-to-cart is the only element on a product card that uses the filled button treatment. Everything else is secondary or text, so the primary action never has to compete for the eye.

  • The cart confirms without leaving the page

    Adding an item animates it into a persistent cart summary instead of routing to a separate page. The shopper keeps their place in the grid, which is where the next purchase decision happens.

  • Character lives in the frame

    Rounded shapes, soft shadows and entrance motion carry the tone. Product names, prices and stock labels stay in the plain type scale at full contrast.

The Outcome

A storefront that reads as playful at a glance and as ordinary commerce the moment you try to buy something. Live and open — the whole browse-to-cart path is clickable without an account.

Built With
Next.jsTypeScriptTailwind CSSFramer Motion

Have a project that needs this kind of attention?