UI Design Projects in Lima ProvinceUI Design Projects in Lima ProvinceCan 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. Welcome to the Club
UX/UI Design · Shopify Ecommerce
Welcome to the Club is a premium Shopify ecommerce designed for a fashion brand looking to create a refined online shopping experience that reflects its identity while remaining intuitive, responsive, and conversion-focused.
The project covered the complete design and implementation process—from initial discovery sessions to a fully functional Shopify storefront—delivered in approximately three weeks.
Every interaction was designed to balance editorial aesthetics with usability, ensuring customers could browse collections, explore products, and complete purchases effortlessly across desktop and mobile devices.
The Challenge
The goal was to transform the brand into a premium digital shopping experience without relying on generic ecommerce templates.
The website needed to communicate the brand's personality while providing a seamless customer journey, scalable architecture, and an optimized shopping experience.
My Role
I was responsible for the project from end to end, including:
Discovery & Kick-off Workshops
UX Strategy
Information Architecture
User Flows
Wireframes
UI Design
Responsive Design
Shopify Store Implementation
Design Validation
Quality Assurance before Launch
Design Process
Discovery
Understanding the business, target audience, product catalog, and brand positioning.
UX Strategy
Defining navigation, collections, shopping flow, and the overall customer journey.
UI Design
Designing a clean editorial interface focused on usability, readability, and premium visual storytelling.
Validation
Reviewing prototypes with the client, gathering feedback, and refining the experience before development.
Development
Building the ecommerce using Shopify, ensuring responsiveness, accessibility, and performance across devices.
Deliverables
Responsive Ecommerce Website
UX Research
Information Architecture
Wireframes
High-Fidelity UI
Shopify Development
Product Pages
Collection Pages
Cart & Checkout Experience
Mobile Optimization
Launch-ready Website
Tools
Figma
Shopify
Lovable AI (to accelerate frontend implementation while maintaining design consistency)
Timeline
3 Weeks
Week 1 — Discovery & UX Strategy
Week 2 — UX/UI Design & Validation
Week 3 — Shopify Development & Launch
Live Project
welcometotheclub.online (http://welcometotheclub.online) 
