Refil kae
Modern Landing Page Design & AI Tool Frontend Development
KEYSTONE — From “I’m Locked Out” to “Help Is on the Way”
KEYSTONE is an emergency booking and dispatch system designed for a solo mobile locksmith in Phoenix, Arizona.
The problem: every customer inquiry can interrupt the owner with the same repetitive work — understanding the situation, asking follow-up questions, checking availability, assigning a technician, confirming the job, sending ETA updates, and remembering follow-ups.
KEYSTONE turns that process into one guided operational flow:
Inquiry → Qualification → Service Match → Availability → Dispatch → Confirmation → ETA → Follow-up
Customers simply explain what happened — they don’t need to know which locksmith service they need.
On the owner side, KEYSTONE provides a live operations workspace showing active jobs, requests, scheduling, customers, automation, and exceptions that actually require human judgment.
The core idea is simple:
Don’t build another booking form. Build the system that happens after the customer says, “I need help.”
Built with Lovable as a high-fidelity product prototype using simulated demo data.
Explore the public project: https://keystone-desk-flow.lovable.app/
One-line problem
Solo locksmiths lose time turning messy emergency inquiries into confirmed jobs — KEYSTONE automates the routine work from first message to dispatch and ETA.
2
129
What if a masterpiece wasn't finished by human hands, but by time itself?
For the FLORA × The Met challenge, I started with Auguste Rodin’s study for Galatea from The Met’s archive — a raw, unfinished plaster sculpture capturing a fleeting moment of creation.
I reimagined its timeline across centuries: from Rodin’s 1889 studio, through a 2026 museum where subtle refinements mysteriously appeared, to an awakening in 2126, its completion in 2226, and finally, a serene, overgrown ruin in 2326 where nature completely reclaimed it after humanity.
I built and explored the full concept on the FLORA canvas, iterating through each century to show how the sculpture evolved, healed, and finished itself.
My submission for the FLORA × The Met Challenge.
Original Met piece: https://www.metmuseum.org/art/collection/search/191846
#FLORAMuseum @floraai
4
281
Light changes what it touches. ✨💡
This Spotlight Follow UI component creates a smooth cursor-following glow effect using CSS mix-blend-mode: difference, making text and elements dynamically invert as the user moves across the section.
🛠️ Tech Stack & Features:
Framer Motion: Ultra-smooth cursor tracking physics ▫️ React: Reusable micro-interaction component ▫️
Tailwind CSS: Modern utility-first styling & layout ▫️ Blend Mode Effect: Interactive color inversion on mouse hover
Elevate your landing pages with subtle, high-impact micro-interactions 🚀
3
203
Taking web UI to another level with custom shaders! 💧✨
This Liquid Glass Carousel renders an infinite project row through a distorted slab of interactive glass, creating a high-end, tactile depth effect directly in the browser.
🛠️ Tech Stack: ▫️ Three.js & GLSL: Real-time glass distortion & refraction shaders ▫️ React: Modular component architecture ▫️ Tailwind CSS: Clean layout & responsive UI
A perfect blend of creative coding and modern web aesthetics 🚀
1
211