Volver a Proyectos

Hogares del sol

Web de venta de casas prefabricadas

Información Rápida

Nombre del proyecto: Hogares del Sol (HdS)

Descripción: Web para promocionar y vender casas prefabricadas.

Tipo: Proyecto a pedido para cliente externo

Rol: Desarrollador Full-Stack

Fecha: Junio - Diciembre 2025

Tecnologías Usadas: HTML, PHP, Js, CSS

Visitar la página

Desafío

El proyecto consistió en crear una página web pública cuyo objetivo principal fuera impulsar las ventas. El desafío fue doble: diseñar un catálogo visualmente atractivo y fácil de filtrar para el cliente final, y desarrollar un Sistema de Gestión de Contenidos (CMS) robusto en el backend para que el equipo comercial pudiera actualizar y mantener todas las especificaciones, precios y galerías de imágenes de los modelos en tiempo real. La precisión de los datos y la calidad de la presentación visual eran críticas.

Enfoque y Proceso

El enfoque priorizó la Experiencia de Usuario (UX) en la página de ventas, asegurando una navegación fluida y diseño responsive. La arquitectura se implementó utilizando PHP y MySQL, enfocándose en la solidez y la seguridad.

El desarrollo se centró en dos pilares:

  • Frontend (Catálogo Público) Creación de la interfaz final con filtros interactivos y galerías de fotos optimizadas para el cliente.
  • Backend (Panel de Gestión) Desarrollo de las funcionalidades CRUD (Crear, Leer, Actualizar, Eliminar) para el equipo interno, asegurando la seguridad contra inyección SQL mediante sentencias preparadas de MySQL.

Solución Implementada

Solución entregada es una plataforma de dos componentes interconectados: el Catálogo Dinámico (Frontend), que presenta la oferta al cliente; y el CMS (Backend), que gestiona el contenido. Esto garantiza:

  • Integridad de Datos Persistencia de especificaciones y rutas de imágenes en MySQL.
  • Eficiencia en la Carga Interfaz interna para la gestión eficiente de metadatos, imagen principal y múltiples fotos adicionales.

El resultado es una herramienta potente y de fácil mantenimiento que convierte el catálogo en línea en un motor de ventas preciso y siempre actualizado.

Características Técnicas Destadas

Catálogo Dinámico

Filtros interactivos para modelos de casas y galerías de fotos optimizadas para el cliente final.

CMS Personalizado

Panel administrativo para gestionar modelos, precios y fotos sin necesidad de tocar el código.

Seguridad Backend

Protección contra ataques mediante el uso de sentencias preparadas en todas las consultas MySQL.

Impacto y Resultados

100%

Gestión en tiempo real

Seguro

Protección SQLi

Responsive

Diseño Mobile-First

Vistazo al Proyecto

Captura de pantalla del home.
Home parte 1 Vista principal de la página.
Captura de pantalla del home.
Home parte 2 Panel de mosaicos para navegar a otras secciones de la página.
Captura de pantalla de los modelos de casas.
Modelos de casas parte 1 Sección del catálogo disponible con filtros de búsqueda interactivos.
Captura de pantalla de los modelos de casas.
Modelos de casas parte 2 Detalles específicos y opciones de visualización para cada modelo.
Captura de pantalla de un modelo en detalle.
Especificaciones de un modelo Galería de fotos, características y botón de consulta directa por WhatsApp.
Captura de pantalla de un modelo en detalle.
Especificaciones de un modelo parte 2 Más detalles de la ficha técnica del modelo seleccionado.
Captura de pantalla de la sección quienes somos.
Quiénes somos parte 1 Información sobre la organización, misión, visión y forma de trabajar.
Captura de pantalla de la sección quienes somos.
Quiénes somos parte 2 Valores, misión y métodos de trabajo detallados.
Captura de pantalla de la sección quienes somos.
Quiénes somos parte 3 Experiencia y trayectoria comprobable en el rubro.
Captura de pantalla de la sección de obras realizadas.
Obras Realizadas parte 1 Galería mostrando proyectos finalizados y en proceso de construcción.
Captura de pantalla de la sección de obras realizadas.
Obras Realizadas parte 2 Diferentes etapas de la instalación y terminaciones.
Captura de pantalla de la sección de sistema constructivo.
Sistema constructivo Explicación detallada del funcionamiento del sistema WoodFrame.
Captura de pantalla de la sección de casas sustentables
Casas sustentables parte 1 Beneficios ecológicos del sistema y compromiso con el medio ambiente.
Captura de pantalla de la sección de casas sustentables
Casas sustentables parte 2 Continuación sobre la responsabilidad ecológica y eficiencia.
Captura de pantalla de la sección login de administración
Login de Panel de Administración Interfaz de acceso seguro para la gestión del catálogo.
Captura de pantalla de la sección home de administración
Home del Panel de Administración Dashboard central para crear, editar o eliminar modelos en el CMS.
Captura de pantalla de la sección de carga de publicación
Carga de publicación parte 1 Formulario de ingreso de datos para nuevas casas prefabricadas.
Captura de pantalla de la sección de carga de publicación
Carga de publicación parte 2 Subida de imágenes y características adicionales.
Captura de pantalla de la sección de creacion de nuevo usaurio
Creación de usuarios Interfaz para otorgar permisos a nuevos miembros del equipo.

Stack Tecnológico

Frontend

  • React 18+
  • JavaScript (ES6+)
  • HTML5
  • CSS3

Backend

  • PHP

Base de Datos

  • MySQL

Herramientas

  • Web Hostinger
  • Git & GitHub
  • Visual Studio Code