What should a customer notice first?
Decision: Give JIS its own recognisable visual direction, with fragrance and beauty categories as the focus.
Why: The layout needs to communicate the brand before asking visitors to buy.
Back to projects
Case study / 02
JIS Beauty & Fashion
E-commerce Website
A fragrance storefront connecting brand presentation, a filterable catalogue, scent options, shopping bag and checkout.
View Developed StorefrontJIS BEAUTY & FASHIONA scent of its own.
A complete store experience.STOREFRONT · CATALOGUE · PRODUCT OPTIONS · CHECKOUT
A complete store experience.STOREFRONT · CATALOGUE · PRODUCT OPTIONS · CHECKOUT
Product details & scent options
Inside JIS / Screen gallery
See the work.
Beyond the homepage.
Follow the shopping journey from the storefront and catalogue to product options, the bag and checkout. Select a view to explore.
01 / Storefront
A fragrance brand with its own atmosphere.
A soft palette, expressive typography and product photography introduce JIS, with direct routes into its fragrance collections.
Current storefront captureExplore JISWhat shaped this work
The thinking behind the build.
A real family-owned fragrance and fashion business website being prepared for use, not an operating online sales channel yet.
How should products be explored on phones?
Decision: Plan mobile-friendly product discovery, category navigation and clear individual product pages.
Why: A customer arriving from social media should understand the range without struggling through the interface.
How do we prepare for orders responsibly?
Decision: Design the shopping flow while separating implemented website functionality from commercial launch readiness.
Why: A working store interface is not proof that stock, fulfilment or live payments are operational.
Developed storefront · Pre-launch brand
Discuss a storefront The digital storefront has been developed, but the business is not yet using it for customer sales. No orders, revenue figures or conversion outcomes are represented.
Shipped work / what is included
The details behind the design.
Specific things I worked on — rather than invented traffic, sales or conversion results.
01
Mobile-first store layout and product discovery
02
Fragrance catalogue with filters and sorting
03
Product photography, scent options and stock display
04
Shopping-cart and checkout experience
05
Brand content and editorial section
Project status: Real family-business website developed and available to review; the brand is not yet operating online sales through it.
The work
From need to something usable.
The Challenge
Make the JIS brand and product range easy to understand and shop on mobile, without losing the personality of the beauty and fragrance business.
The Approach
Give fragrance categories room to breathe, guide visitors through products and make important shopping information visible before checkout.
The Build
A responsive storefront with product categories, product detail pages, cart/checkout experience, brand presentation and supporting editorial content.
The Result
A developed, browseable storefront experience prepared for the brand. JIS has not begun using it for customer sales, so no orders or sales results are claimed.
Technology / Tools
Website designE-commerceResponsive designGitHubVercelSupabase
Next conversation
Have a project in mind?