Brand · Identity
Cold & generic — The brand felt cold and generic, not the welcoming feel a home-furniture store needs.
ZaynComfort — Furniture E-commerce
Exarth designed and built ZaynComfort — a warm, welcoming furniture e-commerce store on WordPress and WooCommerce, with curated category shopping, rich product pages and a smooth, trustworthy checkout.
- Warm, welcoming storefront
- Curated category shopping
- Rich product pages
- Smooth, trusted checkout
- Furniture
- Design + Build
- WooCommerce
HomeShopProductCheckout
zayncomfort.com
A warm furniture storefront — categories, products and a smooth checkout.
ShopBy category
ProductsRich pages
CheckoutSmooth
WPWooCommerce
Overview/ 01
A warm storefront for home & comfort
ZaynComfort is a warm, welcoming furniture e-commerce store. Shoppers browse curated categories, explore rich product pages and check out smoothly — all wrapped in an inviting, homely brand.
Exarth designed and built the store on WordPress + WooCommerce — category architecture, product templates, cart and a streamlined checkout — into a fast, conversion-focused shopping experience.
- Warm, inviting brand
- Curated category shopping
- Rich product pages
- Smooth, trusted checkout
- Role
- Design + Development
- Type
- E-commerce · Furniture
- Timeline
- 2 months
- Platform
- WooCommerce
- Store
- Furniture
- Year
- 2024
Scope & deliverables
Discovery & Strategy
Catalog architecture, category structure and the shopping journey.
UX / UI Design
A warm, inviting, conversion-focused design system.
WooCommerce Build
Product templates, cart and a streamlined checkout.
Performance & Launch
Speed, SEO and a smooth checkout tuned for conversion.
Challenge & solution
A basic catalog, or a warm shopping experience
A cold, basic catalog with thin product pages, a clunky checkout and a poor mobile experience.
- Generic brand
- Flat catalog
- Clunky checkout
Categories · Browse
Flat list — Products sat in a flat list, so shoppers struggled to find the right furniture.
Products · Detail
Thin pages — Product pages were thin, with little to build confidence in a purchase.
No core
No shared platform
Fragmented systems
HighDrop-offPoorMobile
Cart · Basket
Clunky — The cart was clunky, causing shoppers to abandon before checkout.
Checkout · Pay
High drop-off — A long, confusing checkout drove high drop-off on the final step.
Mobile · Responsive
Poor on mobile — The store worked poorly on phones, losing the majority of mobile shoppers.
Measurable impact on the live platform
ShopCategories
ProductsRich
CartCheckout
WPWooCommerce
Key features
Everything to browse & buy with comfort
From a warm storefront to curated categories, rich product pages and a smooth checkout — every step is built for an easy, trustworthy shop.
01/05 features
Auto-playing — hover to pause
zayncomfort.com/warm-storefront Live
Feature 01Warm StorefrontA warm, welcoming home page with seasonal offers and top categories invites shoppers in.
Engineering
Technology & Build
Built on WordPress + WooCommerce — a warm, conversion-focused store with rich product templates and a smooth, responsive checkout.
System architecture
Shoppers → WordPress + WooCommerce → catalog → secure checkout
UI
StorefrontWarm, responsive WooCommerce theme · category & product templates
ResponsiveSHOP
Commerce LayerCatalog, cart, checkout and order management
WooCommercePAY
PaymentsStandard gateways at a streamlined checkout
GatewaysOPS
Performance & SEOCaching, CDN, SEO and security for a fast, safe store
Cache · SEOHow we built it
6-phase delivery
- 01
Discovery & Architecture
Phase 1Mapped the catalog, category structure and shopping journey.
- 02
UX / UI Design
Phase 2Designed a warm, inviting, conversion-focused store.
- 03
WooCommerce Build
Phase 3Built product templates, cart and a streamlined checkout.
- 04
Performance & SEO
Phase 4Tuned speed, SEO and a smooth, trusted checkout.
- 05
QA & Testing
Phase 5Tested the full purchase flow across devices.
- 06
Launch & Iterate
LiveLaunched the store and iterated on conversion data.
Technology stack
16 technologiesPlatform4
- WordPressCMS
- WooCommerceStore
- ElementorBuilder
- Payments
Frontend4
- HTML5
- CSS3
- JavaScript
- Responsive
Backend4
- PHPv8
- MySQL
- REST API
- Roles
Ops4
- CachingSpeed
- SEO
- CDN
- Security
Product Screens
The whole store, one platform
Glide through the live ZaynComfort store — home, shop, category, product and checkout.
Drag to explore01 / 05
Philosophy
Design Approach
A warm, welcoming, conversion-first design philosophy that makes browsing and buying furniture feel easy and homely.
WarmClarityTrustResponsive
- Design pillars
- 04
- Accessibility
- AA
- WooCommerce
- WP
- Audience
- Home shoppers
- Platform
- WooCommerce
- Design system
- Warm · responsive
- Accessibility
- WCAG AA
Every screen is shaped around the buyer — warm and clear first, with the lowest possible friction from browse to checkout.
- Pillar 01
Warm, Inviting Brand
HomelyBrandA homely palette and tone that makes the store feel welcoming.
Shoppers feel at home and stay to browse.
- Pillar 02
Effortless Browsing
1-tapTo productsClear category navigation that gets shoppers to products fast.
Less searching, more shopping.
- Pillar 03
Frictionless Checkout
FastCheckoutA fast, trusted checkout that gets shoppers to done.
More completed orders.
- Pillar 04
Responsive & Fast
100%ResponsiveA snappy store that converts beautifully on mobile.
Great shopping on every device.
Tokens
Design System
A cohesive warm visual language that keeps every store screen inviting and consistent.
5Colors
6Type sizes
5Spacing
8Icons
4Breakpoints
Color palette5
Typography6
Heading
Space Grotesk 800 · 32px
Subheading
Inter 500 · 20px
Body text for product listings, collections, and guides.
Inter 400 · 16px
Caption labels
Inter 400 · 14px
Small helper text
Inter 400 · 12px
Bold heading
Space Grotesk 700 · 18px
Components4
Add to cart Wishlist
Organic In stockHeirloom
⏎
DefaultHoverActiveOff
Spacing scale5
XS4px
SM8px
MD16px
LG24px
XL32px
More work
Explore more projects
More of what our team designs and ships — from WordPress sites to web platforms and mobile apps.
