Hoshimi

Role: Shopify Developer
Date: October 26, 2026
Theme: Horizon • Online Store 2.0
Niche: Beauty & Skincare
Live preview: Open store
Password

Overview

Hoshimi is a prestige beauty brand I built around one idea: skincare is bought for a moment in the day, not just for a product type. Every product belongs to "The Hour", a morning or an evening ritual.

The result is a custom Shopify storefront that feels quiet and luxurious, but still tells shoppers exactly what each product does, when to use it and what to pair it with.

Hoshimi product page and collection page in desktop browsers, with the mobile homepage on a phone — The product page, a ritual collection and the mobile homepage, all running on one theme.

The Challenge

Luxury beauty sells on restraint: generous space, soft imagery, very little noise. But skincare shoppers also need detail. Which step is this? Is it for morning or night? What's in it, and what goes with it?

The risk is that restraint turns into vagueness, and detail turns into clutter. The brief I set myself: keep the calm of a prestige counter, but answer every question a shopper would ask a beauty advisor.

An emerald palette and two typefaces: TODO for headlines, TODO for everything you read.

Approach and key decisions

Every element had to feel considered. Color and space carry the luxury; structured product data carries the detail.

Shop by the hour

Products are organized twice: by category (Skincare, Lip Beauty, Fragrance & Body) and by ritual (The Morning Ritual, The Evening Ritual). A ritual-time metafield tags each product, so the same cleanser can appear in both routines without duplicating anything.

The Morning Ritual and The Evening Ritual collection pages side by side — Two ways in: browse by category, or by the hour you'll use it.

A product page that answers like an advisor

Each product page shows its ritual step, a short intro, key benefits, texture and finish, and how to use it. Key ingredients and fragrance profiles are structured metaobjects, so they stay consistent across every product that shares them. A pairing block suggests what to use next, with a short note on why.

Renewal Serum buy box with ritual step, benefits, size, texture and add to bag — Ritual step, benefits, size and texture in one block, above the fold.

Ritual sets that show their value

The four ritual sets (Morning, Evening, The Essential Collection and The Discovery Set) list every product inside them and show what the set saves against buying each item separately. Both come from metafields, so the merchant updates a set once and the page follows.

The Evening Ritual set page showing its contents and the value saved — Set contents and savings, pulled from product references and a money metafield.

Mobile first

Beauty shoppers often browse on their phones between moments of the day, so I designed the mobile view first. Navigation and add to bag sit within thumb reach, and product detail folds into tidy sections instead of one long scroll.

Two phone screens: the slide-out menu open, and a product page with add to bag in reach — Left: the slide-out menu. Right: the product page, inside the thumb zone.

Under the hood

The storefront runs on a Shopify Online Store 2.0 theme, structured so it stays fast and easy to maintain.

Section architecture: reusable sections and blocks, so new pages are assembled in the theme editor rather than coded.
Metafields and metaobjects: 15 custom product fields cover ritual time and step, benefits, how to use, texture, size, pairings and set contents. Ingredients and fragrance profiles are metaobjects, written once and reused across products.
Performance: lazy-loaded images with responsive sizes in every custom section, and small, vanilla JavaScript only where something needs to move.
App-free features: ritual filtering, product pairings, set contents and savings, and structured ingredient details, all built into the theme.

Theme editor section list for the homepage, with Hoshimi's custom sections tagged, next to the full homepage — The homepage as the merchant sees it: a stack of sections, with Hoshimi's own sitting beside Horizon's.

Outcome

Hoshimi is a concept project, so there are no sales figures to report. Here's what the build delivers:

13Custom, merchant-editable sections
15Custom product fieldsRitual, benefits, pairings, set contents and more
20+Products across 4 categories
0Paid apps needed

The takeaway for a brand: a luxury store can stay calm and still give shoppers every detail they need to buy with confidence.

Want a storefront that feels this considered and runs this smoothly?

Let's talk about your store.