UI Design Projects in San IsidroUI Design Projects in San IsidroCan a website feel like a safe place?
That question became A Place Kept Safe, a digital experience created for moments when someone needs calm, courage, company, or simply a reminder of what it feels like to be home.
The little cat is not merely a decorative mascot. I made her The Guardian because cats have a unique way of caring: they do not ask questions, try to fix everything, or demand attention. They simply stay close. Sometimes, that quiet presence is exactly what we need.
The entire experience was designed around that idea. Visitors can choose the emotional space they need and explore a series of illustrated scenes shaped by a warm color palette, editorial typography, and deliberately gentle motion. The Guardian remains the narrative thread connecting every part of the journey.
Finish Layer helped translate this visual direction into a responsive design system using Stacks, Block Hiding, Block Transforms, and Block Animations. I created device-specific compositions, structured content hierarchies, subtle visual offsets, and progressive entrances to preserve the rhythm of the experience without overwhelming the visitor.
For the final scene, I developed a custom interaction in JavaScript and CSS: a sequence of 24 transparent frames synchronized with scroll progress, in which The Guardian follows a light, moves forward, gradually slows down, and finally rests.
The implementation combines normalized scroll progress, smooth interpolation, requestAnimationFrame, IntersectionObserver, GPU-accelerated translate3d transforms, and independent motion paths for different screen sizes. It also includes a prefers-reduced-motion fallback, preserving the narrative for visitors who prefer a more static experience.
The result is not intended to give advice or solve what someone may be feeling. It simply keeps a light on, offers a quiet journey, and reminds us that some forms of care are understood through what they quietly do.
A Place Kept Safe is an emotional idea brought to life as an interactive, responsive, and technically crafted web experience.
Private website: https://decagon-frog-kpzh.squarespace.com/
Password: 123 Health Group — Healthcare Website Design
Health Group is a modern healthcare platform designed to simplify access to home medical services and corporate healthcare solutions through a clean, trustworthy, and conversion-focused digital experience.
Over a three-week timeline, I led the complete UX/UI design process—from the initial kickoff and discovery sessions to information architecture, wireframing, high-fidelity interfaces, responsive design, validation, and final implementation. The goal was to transform a wide range of medical services into an intuitive experience that helps users quickly understand the offering, navigate effortlessly, and request care with confidence.
The website was designed with a strong emphasis on usability, accessibility, and visual hierarchy, ensuring that patients and businesses can easily find the right service across desktop and mobile devices. Every interaction was carefully crafted to reduce friction, improve readability, and reinforce trust through a modern healthcare aesthetic.
Project Highlights
• End-to-end UX/UI Design
• Discovery Workshop & Kickoff Sessions
• User Flows & Information Architecture
• Low & High Fidelity Wireframes
• Responsive Design (Desktop & Mobile)
• Design System & UI Components
• Landing Page & Multi-page Website Design
• Figma Make Implementation
• UX Validation & Design Iterations
Outcome
The final product delivers a scalable healthcare website capable of presenting multiple service categories—from home medical visits and laboratory testing to occupational health and corporate solutions—within a cohesive, easy-to-navigate experience.
By combining strategic UX thinking with polished UI design, the platform improves information discoverability, strengthens brand credibility, and creates a seamless journey that encourages users to explore services and contact the healthcare team.
Timeline: 3 Weeks
Role: UX/UI Designer
Tools: Figma · Figma Make
Deliverables: UX Research · Information Architecture · Wireframes · Responsive UI · Design System · Interactive Prototype · Implementation Created a complete Figma design for an online marketplace, including a responsive landing page, product discovery sections, authentication flows, favorites, chat, and publishing screens.
The design was structured with reusable components, clear visual hierarchy, responsive behavior, and a consistent design system.
I help businesses transform Figma designs into production-ready landing pages and web applications using Next.js, Astro, React, TypeScript, and Tailwind CSS.
My work covers responsive implementation, clean frontend architecture, forms, animations, API integration, SEO basics, performance optimization, and deployment. 
