Brand Concept: Sunnyside Nursery

Role: Lead Web Developer & UX/UI Designer

Scope: Editorial Web Design, E-Commerce UI Architecture, Mobile Responsiveness, System Tokens

Live Application: Sunnyside Nursery Platform

Independent nurseries and boutique botanical retailers often face a common digital challenge: their online presence either feels like a cold, generic e-commerce grid or an outdated informational blog that makes browsing difficult.

Sunnyside Nursery was conceptualized and built to bridge that gap—combining high-end editorial storytelling with a streamlined e-commerce layout. The platform translates the tactile, relaxing experience of visiting a physical nursery into a low-fatigue, responsive web app optimized for fast product exploration, plant care education, and seamless inventory conversion.

High Visual Fatigue in Retail UI: Standard e-commerce templates overload users with aggressive banners, pop-ups, and dense pricing badges, clashing with the calm aesthetic associated with botanical and lifestyle brands.

Complex Product Categorization: Plant retail requires communicating varied plant care levels, sun exposure needs, container sizes, and indoor/outdoor suitability without overwhelming shoppers.

Information vs. Intent Friction: Customers often want plant care guidance before committing to a purchase. Traditional online stores isolate educational content from product listings, creating unnecessary friction in the buyer journey.

Low-Fatigue Visual Tokens: Built using a earthy, soft-toned color palette (muted greens, warm neutrals, and organic serif typography) designed to elevate brand perception and align with modern editorial standards.

Content-First Spacing: Utilized generous padding and clean micro-interactions to create a calm, uncluttered browsing experience across all screen sizes.

Care-Centric Categories: Engineered intuitive visual filtering by environment (Indoor/Outdoor), light requirements, pet friendliness, and care difficulty.

Integrated Care Badges: Designed lightweight, iconography-driven badges directly on product cards so shoppers can assess plant compatibility at a glance.

In-Context Care Guides: Embedded quick-reference care instructions directly into product detail layouts, bridging the gap between learning and buying.

Frictionless Cart & Mobile UX: Built touch-optimized mobile navigation and quick-add drawer mechanics that keep shoppers engaged without forcing disruptive page reloads.

Framework: React / Web Components / Tailwind CSS

Platform & Deployment: Bolt Engine Host

Design & Systems: Design-token architecture with modular UI components in Figma

Performance: Sub-second asset rendering, zero layout shift, and lightweight mobile optimization.

Instant Brand Elevation: Positions an independent nursery as a premium lifestyle brand capable of competing with national D2C plant retailers.

Reduced Drop-Off Rates: In-context care specs address customer hesitation directly on the product card, driving higher add-to-cart confidence.

Multi-Industry Reusability: Serves as a proven blueprint for boutique retail, luxury goods, skincare, and organic products requiring an editorial touch.

Live Production Build: Explore Sunnyside Nursery