Back to selected work
01Full Shopify storefront

Nocturna

A fully custom Shopify storefront without giving up the flexibility of Shopify's editor. The experience gives the merchant more control without requiring code changes.

Nocturna Shopify storefront interface concept

Custom sections, 95+ Lighthouse performance and no unnecessary storefront app dependencies.

Project snapshot

Scope
Full storefront development
Platform
Shopify
Role
Shopify development · Frontend engineering
Key focus
Mobile UX · Merchant editing · Performance
Verified result
95+Lighthouse performance

01

Context

Nocturna is a single-product ecommerce brand selling Rest Complex, a dietary supplement focused on better rest.

The project called for a complete Shopify storefront that could feel specific to the brand while still being practical to manage.

02

Challenge

The storefront needed a tailored shopping experience while remaining practical for the merchant to operate.

Major content areas had to remain editable without code, and the implementation needed to avoid unnecessary third-party storefront apps.

03

Approach

I used Shopify's Horizon foundation as the base, then developed the major storefront sections around the brand's content and commerce needs.

Mobile behavior, theme-editor flexibility and performance were treated as requirements from the beginning.

04

Solution

  • Developed the complete storefront and all major sections.
  • Made content and layout controls available through Shopify’s theme editor.
  • Kept routine merchant updates independent from code changes.
  • Implemented the required storefront experience without unnecessary third-party storefront apps.
  • Designed and developed the experience mobile-first.

05

UX / CRO decisions

The information hierarchy supports a clear product story and a direct path to purchase.

The mobile composition keeps the core content and purchase journey easy to follow on smaller screens.

06

Engineering

Custom sections provide the tailored experience while Shopify settings and blocks preserve editor control.

Avoiding unnecessary storefront apps keeps the experience lean and reduces recurring app dependency.

Outcome

Custom sections, 95+ Lighthouse performance and no unnecessary storefront app dependencies.

  • A fully custom storefront whose major sections remain editable in Shopify.
  • The merchant can manage routine content changes without modifying code.
  • Verified Lighthouse performance above 95.

Ready to improve a similar part of your store?

Let’s build a Shopify experience that performs.

Let’s identify the friction and scope the Shopify work that will remove it.