Acerca del Proyecto
El proyecto consiste en el desarrollo del front-end web para la Clínica Dental Patins, ubicada en Palma de Mallorca. Se trata de un proyecto heredado de un proveedor anterior (XimoSoft), el cual presentaba múltiples limitaciones tanto a nivel técnico como de mantenimiento, incluyendo falta de documentación, dependencias poco controladas y ausencia de soporte por parte del programador original. Debido a esta situación, se ha optado por una reconstrucción completa del sitio, abandonando la base en WordPress para implementar una solución más ligera, controlada y optimizada.
La nueva arquitectura se basa en una estructura de HTML5 semántico, estilos gestionados mediante SCSS y compilados a CSS optimizado, junto con JavaScript para la interacción en cliente, evitando el uso de frameworks pesados innecesarios. El renderizado se realiza en cliente (CSR) sobre un servidor Apache, lo que permite un mayor control del rendimiento y una reducción significativa de la complejidad respecto al sistema anterior. Este enfoque facilita además el mantenimiento futuro y mejora los tiempos de carga, un aspecto clave tanto para la experiencia de usuario como para el posicionamiento en buscadores.
A nivel de infraestructura, el servidor Apache se configura mediante reglas específicas en .htaccess, incluyendo redirecciones, control de acceso y refuerzo de seguridad. Se protege el acceso a archivos sensibles como .env, asegurando que las variables de entorno no sean accesibles públicamente. Adicionalmente, el sitio se encuentra protegido mediante Cloudflare, proporcionando una capa adicional de seguridad con firewall de aplicaciones web (WAF), mitigación de ataques DDoS y distribución de contenido mediante CDN, lo que también contribuye a mejorar el rendimiento global.
En cuanto a funcionalidades dinámicas, se ha implementado un formulario de contacto utilizando PHP con PHPMailer, permitiendo el envío de correos de forma más fiable y segura que mediante funciones nativas. Este sistema incluye validación tanto en el lado cliente como en servidor, y queda preparado para futuras mejoras como la integración de mecanismos anti-spam más avanzados o servicios externos de mensajería.
Uno de los aspectos más relevantes del proyecto es la optimización para SEO, especialmente enfocado al posicionamiento local. Se ha trabajado una estructura semántica correcta del contenido, junto con metaetiquetas optimizadas, URLs amigables y una correcta indexabilidad. Además, se contempla la implementación de datos estructurados orientados a negocio local (clínica dental), así como la coherencia de la información de contacto (NAP), factores clave para mejorar la visibilidad en búsquedas geolocalizadas en Palma de Mallorca. También se han tenido en cuenta aspectos de rendimiento como la optimización de recursos, carga diferida de imágenes y mejora de métricas Core Web Vitals.
El diseño del sitio sigue un enfoque responsive y mobile-first, garantizando una correcta visualización en todo tipo de dispositivos y priorizando la experiencia de usuario. La estructura de navegación se ha simplificado con el objetivo de facilitar el acceso a la información y potenciar la conversión, especialmente en lo referente al contacto con la clínica.
En conjunto, el proyecto se ha planteado con un enfoque de simplicidad, control y escalabilidad, eliminando dependencias innecesarias y dejando una base sólida para futuras ampliaciones, como la integración con herramientas de analítica, sistemas externos o incluso una posible evolución hacia arquitecturas más avanzadas si el proyecto lo requiere.
La nueva arquitectura se basa en una estructura de HTML5 semántico, estilos gestionados mediante SCSS y compilados a CSS optimizado, junto con JavaScript para la interacción en cliente, evitando el uso de frameworks pesados innecesarios. El renderizado se realiza en cliente (CSR) sobre un servidor Apache, lo que permite un mayor control del rendimiento y una reducción significativa de la complejidad respecto al sistema anterior. Este enfoque facilita además el mantenimiento futuro y mejora los tiempos de carga, un aspecto clave tanto para la experiencia de usuario como para el posicionamiento en buscadores.
A nivel de infraestructura, el servidor Apache se configura mediante reglas específicas en .htaccess, incluyendo redirecciones, control de acceso y refuerzo de seguridad. Se protege el acceso a archivos sensibles como .env, asegurando que las variables de entorno no sean accesibles públicamente. Adicionalmente, el sitio se encuentra protegido mediante Cloudflare, proporcionando una capa adicional de seguridad con firewall de aplicaciones web (WAF), mitigación de ataques DDoS y distribución de contenido mediante CDN, lo que también contribuye a mejorar el rendimiento global.
En cuanto a funcionalidades dinámicas, se ha implementado un formulario de contacto utilizando PHP con PHPMailer, permitiendo el envío de correos de forma más fiable y segura que mediante funciones nativas. Este sistema incluye validación tanto en el lado cliente como en servidor, y queda preparado para futuras mejoras como la integración de mecanismos anti-spam más avanzados o servicios externos de mensajería.
Uno de los aspectos más relevantes del proyecto es la optimización para SEO, especialmente enfocado al posicionamiento local. Se ha trabajado una estructura semántica correcta del contenido, junto con metaetiquetas optimizadas, URLs amigables y una correcta indexabilidad. Además, se contempla la implementación de datos estructurados orientados a negocio local (clínica dental), así como la coherencia de la información de contacto (NAP), factores clave para mejorar la visibilidad en búsquedas geolocalizadas en Palma de Mallorca. También se han tenido en cuenta aspectos de rendimiento como la optimización de recursos, carga diferida de imágenes y mejora de métricas Core Web Vitals.
El diseño del sitio sigue un enfoque responsive y mobile-first, garantizando una correcta visualización en todo tipo de dispositivos y priorizando la experiencia de usuario. La estructura de navegación se ha simplificado con el objetivo de facilitar el acceso a la información y potenciar la conversión, especialmente en lo referente al contacto con la clínica.
En conjunto, el proyecto se ha planteado con un enfoque de simplicidad, control y escalabilidad, eliminando dependencias innecesarias y dejando una base sólida para futuras ampliaciones, como la integración con herramientas de analítica, sistemas externos o incluso una posible evolución hacia arquitecturas más avanzadas si el proyecto lo requiere.
Tecnologías Utilizadas
Apache HTTP Server
Cloudflare (CDN y WAF)
PHPMailer
entorno .env para gestión de configuración
sistema de despliegue mediante FTP/hosting tradicional.
Detalles del Proyecto
- Estado
- Completado
¿Interesado en un proyecto similar?
Contáctanos para discutir cómo podemos ayudarte