Back to Selected Work
E-Commerce Web App•2024

FluffyFlowers.rs

Boutique e-commerce storefront for handcrafted wire plush flowers.

My RoleSolo Full-Stack Developer & UI/UX Designer
Timeline2024
Target EnvironmentWeb / Vercel Edge
Live AvailabilityProduction Live
FluffyFlowers.rs

01. Context & Objectives

FluffyFlowers.rs is an online boutique shop dedicated to handcrafted plush wire florals. The client required a bespoke digital storefront reflecting their playful and artisanal identity without the slow overhead and bloated monthly costs of generic e-commerce templates.

The Engineering Challenge

Off-the-shelf platforms like Shopify or WooCommerce introduced heavy client-side scripts, sluggish mobile performance, and generic templates that failed to evoke the warmth and craft of handmade wire flowers.

The Implemented Solution

Engineered an ultra-fast, modern React and TypeScript application built with Vite and Tailwind CSS. Structured a modular product inventory system with seamless client-side cart persistence and intuitive order routing.

02. Deep Dive

System Architecture & Infrastructure

Frontend Layer

React 18 with TypeScript, Vite bundling, Tailwind CSS, and localized micro-interactions.

Backend & Serverless Handlers

Headless order processing and customer inquiries routed via validated web endpoints.

Database & Relational Model

Structured JSON schema model for fast catalog querying and dynamic filtering.

03. Capabilities

Engineered Product Features

Feature 01

Visual Product Showcase

High-resolution picture zoom, gallery views, and variation selectors (colors, stem counts).

Feature 02

Instantaneous Cart State

Frictionless slide-out drawer cart with local state persistence across user sessions.

Feature 03

Mobile-First Ordering Flow

Engineered specifically for smartphone shoppers coming directly from Instagram campaigns.

04. Technical Hardships

Engineering Challenges & Tradeoffs

Mobile Image Performance with High-Res Product Photos

Engineered Solution:Implemented next-gen image compression, responsive source sets, and lazy loading to keep initial load times under 1 second on cellular networks.

Bespoke Brand Styling Without CSS Bloat

Engineered Solution:Authored a custom Tailwind design token system encapsulating typography, pastel palettes, and smooth border transitions with zero unused CSS in production.
05. Results

Production Results & Reliability

Delivered a 100/100 Lighthouse performance rating on desktop and >95 on mobile.

Successful direct sales channel launch with zero operational downtime.