Web Design
Corporate Website for a Study Center
I developed this web platform using WordPress and the Wen Themes theme, configuring it to clearly present services, courses, and contact channels. I designed the site’s architecture and structure prioritizing intuitive navigation, organizing sections so users can quickly identify key information and move through the content seamlessly. Regarding the visual design, I maintained a clean and light aesthetic, adapting every component to different devices to ensure a completely fluid and responsive experience across both desktop and mobile
Photography Studio Website
I designed and developed this web platform using WordPress and Elementor. It features a one-page layout where all content is organized into a continuous visual journey. I structured the site prioritizing a spacious and clean presentation, making photography and imagery the central axis to convey the studio’s style and approach.
Corporate Website for a Spa Center
I developed this corporate web platform using WordPress and the Astra theme, configuring it with an absolute focus on user experience (UX). I designed an architecture that organizes services, pricing, and booking options into a simple and intuitive visual journey. For the user interface (UI), I prioritized the use of spacious blocks, high-readability typography, and a balanced use of white space. The main goal of these design decisions was to convey a sense of calm, balance, and professionalism that perfectly aligns with the spa center’s identity.
Visual Navigation Components
I designed an automatic editorial slider using pure HTML and CSS, completely eliminating the need for JavaScript. The core of the component is an infinite loop animation (@keyframes fade) mathematically coordinated using animation-delay in 4-second intervals for each slide. I structured an immersive design with full-scale images using object-fit: cover, text overlay with depth shadows to guarantee readability, and interactive calls to action (.btn-sandra). The component includes responsive media queries to ensure typography, buttons, and containers scale proportionally on mobile devices.
I developed an interactive editorial gallery based on native horizontal scrolling using pure HTML and CSS. The core layout relies on a flex container locked into a single continuous row using flex-wrap: nowrap. I implemented advanced properties like scroll-snap-type: x mandatory and scroll-snap-align: start to guarantee that each item snaps perfectly into place during navigation. Additionally, I customized the scrollbar using webkit pseudo-elements and applied media queries to smoothly scale down the fixed image dimensions on mobile screens.
Galería Editorial Scroll
Personalizado en HTML y CSS
Narrativa visual en cada imagen
Scroll horizontal fluido
Galería responsiva
