¿Quién es Dinámica del Habitat?
Dinámica del Habitat es una empresa en San Luis Potosí, México que opera desde el año de 1997, desde entonces Dinámica del Habitat desarrolla conjuntos habitacionales; los cuales se tienen amenidades para convivencia y esparcimiento familiar, la empresa cuenta con una presencia importante en la Zona Bajío de la República Mexicana, consolidada como un grupo desarrollador de vivienda en los estados de San Luis Potosí, Querétaro, Guanajuato, Michoacán no sólo como una empresa constructora sino como un grupo empresarial especializado en todo lo que conforma la industria de la vivienda.
Descripción del Proyecto
La empresa Dinámica del Habitat me dio la oportunidad de realizar el proyecto de la renovación completa de su página web empresarial, esto para realizar mejoras y resolver problemas que la página web presentaba:
Página Web – Antes:
La página web presentaba los siguientes problemas:
- La estructura de la página web estaba mal debido a que el HTML no era semántico.
- Estaba construida con una version muy vieja de Dreamweaver.
- No era 100% responsiva con todos los dispositivos móviles.
- Tenía muchas librerías de JavaScript desactualizadas (jQuery, Slider de jQuery UI entre otras).
- Estaba construida a base de archivos PHP con código espagueti.
- No utilizaba AJAX para recargar secciones del sitio web.
- No tenía un blog, ni manera de publicar artículos.
- Le faltaba SEO (Search Engine Optimization) a todas sus páginas.
- No contaba con etiquetas de Open Graph para mostrar el contenido al compartir.
- Los correos de contacto no llegaban a el correo electrónico configurado.
Página Web – Después:
Antes de mostrarte el resultado de la renovación de la web se tuvieron en cuenta los siguientes puntos a cumplir:
- Que mantuviera la estructura de las páginas (Inicio, Desarrollos, Acerca de, Contacto).
- Utilizar los colores de la empresa.
Para poder realizar el proyecto de la renovación se utilizó como base las siguientes herramientas:
- WordPress
- Utilize WordPress para que las personas que administran el sitio pudieran de una manera sencilla administrar los blogs y contenidos de la web, además de que WordPress cuenta con Publicaciones Personalizadas lo que me permitió en conjunto con su sistema de plantillas y Elementor generar paginas solo rellenando algunos campos personalizados desde la interfaz de administración de WordPress.
- Elementor
- ¿Por qué utilize un maquetador visual como Elementor en lugar de hacer un Tema desde 0? La respuesta es muy sencilla y es por el tiempo que se tenía para realizar el proyecto, además de que Elementor cuenta con una excelente integración con Advanced Custom Fields, lo que me permitió cumplir con los tiempos de entrega y los requerimientos de proyecto.
- Advanced Custom Fields
- Utilize Advanced Custom Fields para como lo mencione anteriormente poder agregar campos como el color de la página, las imágenes de fondo, los textos entre otros, para que los administradores pudieran generar páginas de fraccionamientos sin necesidad de programarlas.
El proyecto se realizó además con algunos otros plugins como Yoast SEO para las cuestiones de SEO y Open Graph, además de utilizar WPForms como plugin de formulario.
Al final del proyecto se resolvieron los problemas:
- La estructura semántica se resolvió utilizando las etiquetas adecuadas con Elementor.
- Se actualizo la página web utilizando un maquetador visual y librerías más actualizadas.
- Se eliminaron los archivos PHP con código espagueti utilizando el sistema de plantillas de WordPress.
- El sitio carga más rápido.
- Se añadió un Blog administrable sin necesidad de conocimiento técnico.
- Se hizo el SEO básico a la página utilizando Yoast SEO y se agregaron las etiquetas para Open Graph.
- La entrega de correos se solucionó configurando mediante PHP un servidor SMTP para correos.
- Se añadieron etiquetas de rastreo de Google Analytics, Facebook.
- Se añadio después formularios para el registro de los Leads que llegan a la página utilizando HubSpot.
Pero dejemos de lado las mejoras y te dejo con algunas capturas del proyecto, finalizado.
Si quieres visitar el proyecto da clic en el botón de abajo.
¿Necesitas ayuda con algún proyecto web? No dudes en contactarme desarrollo soluciones completas y personalizadas con WordPress y PHP, Con herramientas y procesos modernos, utilizando HTML, CSS, SCSS, PHP, JavaScript, Bootstrap y más… Si ¿Estás listo para dar el paso? ¡Envíame un mensaje y hablemos de tu proyecto web!