Lumina Botanica
Glassmorphism landing page for a fictional luxury florist brand.
Overview
A premium landing page concept for a fictional high-end botanical and floral arrangement brand. Built around a glassmorphism aesthetic with frosted-glass UI over dynamic gradient backgrounds, a filterable bento-box product catalogue, a Pinterest-style masonry community board, and custom CSS animations (floating blobs, infinite marquees). Imagery is hotlinked from Unsplash/Pexels with lazy loading and fixed aspect ratios to avoid layout shift.
Stack
UI / Frontend
More projects
Serenify
Serenify is a front-end marketing/demo landing page for a fictional mood-and-productivity app, combining email, tasks, and daily mood check-ins into one dashboard. It ships with 8 live-switchable mood themes (4 light, 4 dark) built on an OKLCH analogous-hue color system that re-tints the entire UI instantly. The dashboard mockup is genuinely interactive — folders, a reading pane, a compose modal, and todos/mood state that persist to localStorage — rather than a static screenshot. It's deployed as a Cloudflare Worker that serves the static Vite build and layers on security headers (CSP, HSTS) plus a lightweight health-check route.
Flavorspace
A state-of-the-art, premium digital menu experience designed for high-end culinary concepts. It replaces traditional lists with a dynamic, sensory-driven UI that physically reacts to the active dish. The application features complex glassmorphism, fluid bottom sheet architectures for mobile, and a highly interactive swipe-to-confirm checkout flow.
3AM Espresso
A concept marketing website for a late-night coffee shop in Bacolod City, Philippines. Built as a single-page application with five routes covering home, menu, story, reservation, and find us, each driven by scroll-triggered animations and parallax effects. Deployed on Cloudflare Workers with a thin Worker layer that serves the Vite-built client assets and applies security headers. The reservation form is UI-only with no backend submission.
AURA Magazine
A high-fashion, interactive editorial flipbook built as a conceptual case study for a luxury hair salon and apothecary. Simulates the tactile feel of a premium print magazine in the browser via react-pageflip, with 3D page-turn animations, keyboard/drag/swipe navigation, full-bleed editorial spreads, and a dense e-commerce-style "Apothecary" shop grid, closing with a colophon page detailing the mock business and credits.