Caso de estudio Case study
La Carlota del Monte - Tierra de Caballos
Frontend Developer (Astro) · Kensiweb Frontend Developer (Astro) · Kensiweb
Sitio institucional para un establecimiento ecuestre construido con Astro y Tailwind CSS, con formulario de contacto, integración de Google Maps y diseño que refleja la esencia del lugar. Institutional website for an equestrian estate built with Astro and Tailwind CSS, featuring a contact form, Google Maps integration, and a design that reflects the essence of the place.
01. El desafío The challenge
La Carlota del Monte necesitaba un sitio web institucional que reflejara la calidez y la conexión con la naturaleza de su establecimiento ecuestre. El sitio debía transmitir la experiencia de estar en el campo, mostrar las instalaciones y servicios, y facilitar el contacto con potenciales visitantes. Todo con un diseño limpio y moderno, sin recargar la experiencia. La Carlota del Monte needed an institutional website that conveyed the warmth and connection with nature of their equestrian estate. The site had to communicate the experience of being in the countryside, showcase the facilities and services, and make it easy for potential visitors to get in touch — all with a clean, modern design without overwhelming the experience.
02. Proceso creativo Creative process
A. Diseño A. Design
Trabajé en un diseño visual que capturara la esencia del establecimiento: colores tierra, tipografía serif para títulos que evocan tradición, y mucho espacio negativo para que las fotos del paisaje fueran las protagonistas. I worked on a visual design that captured the estate's essence: earth tones, serif typography for headings evoking tradition, and plenty of negative space so landscape photos could take center stage.
B. Desarrollo con Astro B. Development with Astro
Construí el frontend con Astro, aprovechando su generación estática para obtener tiempos de carga ultrarrápidos. Tailwind CSS agilizó el desarrollo del sistema de diseño y la responsividad. I built the frontend with Astro, taking advantage of its static generation for ultra-fast loading times. Tailwind CSS sped up the design system development and responsiveness.
C. Integraciones C. Integrations
Integré un formulario de contacto funcional con validación del lado del cliente y del servidor, y Google Maps embed para mostrar la ubicación exacta del establecimiento en el mapa. I integrated a functional contact form with client-side and server-side validation, and a Google Maps embed to show the estate's exact location on the map.
03. Resultado final Final outcome
Sitio web funcional y atractivo que representa fielmente la identidad de La Carlota del Monte. Formulario de contacto operativo, mapa interactivo y diseño responsive que funciona perfectamente en dispositivos móviles, donde los visitantes suelen buscar actividades al aire libre. A functional, attractive website that faithfully represents La Carlota del Monte's identity. Working contact form, interactive map and responsive design that works perfectly on mobile devices — where visitors typically search for outdoor activities.