1. El Problema
El problema del cliente era no tener presencia en internet, junto con la necesidad de un sistema de inventario donde los empleados pudieran subir las casas que estén en venta.
Así que creé un sitio web para la empresa y, en cuanto al inventario, construí una base de datos para que al menos tuvieran lo básico, y así contratar a alguien más para crear un CRUD, ya que aún desconozco cómo vincular un CRUD con una base de datos, crear un sistema de inicio de sesión, un sistema de seguridad eficaz, etc.
Otro punto a tomar en cuenta fue que el cliente me pidió un sistema de galería de imágenes, donde se pudieran visualizar varias imágenes y varios vídeos de la casa.
2. La Solución
El enfoque que decidí para construir el sitio web fueron los elementos de la experiencia de usuario propuestos por Jesse James Garrett.
Características clave:
Se usó una plantilla del documento de Jesse James Garrett para seguir todos los pasos y crear la documentación.
Se tuvo que analizar el inventario de las casas y cómo se podían agrupar sus características. Después de que la empresa me diera el visto bueno, pude crear junto con la inteligencia artificial de Google, cómo debían relacionarse las tablas para poder crear la base de datos, el inicio de sesión con roles, las características de las casas, cómo se deben insertar los videos e imágenes para que se puedan visualizar en el sitio web, etc.
Se crearon wireframes para visualizar un boceto de cómo se tenía que ver el sitio web para computadoras y celulares.
Construí las secciones que se iban a ver, un ejemplo es el apartado de “hero”, sobre nosotros, nuestros servicios, etc.
Tuve que crear la funcionalidad donde se despliega el listado de casas. Al hacer clic en la casa se abría un modal donde se podían ver todas las características de la casa, como el tamaño del terreno, el precio, la dirección completa, el número de habitaciones y de baños, etc.
Para esto estuve utilizando la inteligencia artificial para que me apoyara en su construcción, interviniendo yo cuando fuese necesario para corregir el código.
Junto con ello se hizo un sistema de galerías para ver varias imágenes al visualizar las casas.
Se creó un formulario de contacto completamente funcional, gracias a la IA, junto con el sistema de captcha de Google para que no intervengan bots. También se crearon los términos y condiciones, políticas de privacidad y la funcionalidad de las cookies para que el sitio web cumpla con la ley.
Tecnologías utilizadas.
Realicé el proyecto usando React con Vite para construir la interfaz y contar con una herramienta de desarrollo y compilación.
Usé HTML, CSS y JavaScript/JSX para la estructura de la página, estilos visuales y la lógica del sitio.
Otra herramienta que se utilizó, ya no de programación, fue la IA de Google para crear los íconos del sitio web; varios de ellos fueron refinados y modificados posteriormente en Adobe Illustrator para conseguir los vectores y agregarlos al sitio web.
5. Resultados & Aprendizajes
La verdad es que subestimé el tiempo que conllevaban el formulario de contacto y la forma de presentar las casas, ya que requieren mucha funcionalidad, y eso fue lo que me llevó mucho tiempo.
Me siento agradecido de haber participado en este proyecto y que la empresa Ascenda me haya dado la oportunidad de crearles un sitio web.
Para ver el sitio web, aquí les dejo un enlace para que puedan visitarlo:
https://ascendahogar.com
Feedback y testimonios
Nuestra experiencia trabajando con César para el desarrollo del sitio web de Ascenda fue excelente.
Como una inmobiliaria que está iniciando operaciones en Ciudad Juárez, necesitábamos encontrar una solución para mejorar la manera en la que mostrábamos nuestro inventario de propiedades. Hasta ese momento dependíamos de archivos PDF que teníamos que actualizar constantemente, por lo que buscábamos crear un sitio web donde nuestros clientes pudieran consultar fácilmente las propiedades disponibles para venta y renta, conocer sus características y tener un acceso directo para contactarnos por WhatsApp.
Desde el inicio, César logró entender muy bien la idea que teníamos y, sobre todo, supo convertirla en una propuesta funcional. Queríamos un sitio sencillo, profesional, fácil de entender y que transmitiera confianza, sin necesidad de hacerlo demasiado complejo o visualmente saturado, y logró captar perfectamente ese concepto.
Algo que valoramos muchísimo de trabajar con César fue que, para nosotros, muchos de los conceptos relacionados con el desarrollo de un sitio web eran completamente nuevos. En ningún momento hizo que esto fuera un problema. Al contrario, tuvo mucha paciencia para explicarnos cada parte del proceso de una manera clara y sencilla, y siempre estuvo dispuesto a resolver nuestras dudas.
Además, cuando nosotros teníamos que realizar alguna tarea o proporcionar cierta información para poder avanzar con el proyecto, César nos indicaba exactamente qué necesitábamos hacer y cómo hacerlo. Esto hizo que un proceso que inicialmente podía parecernos complicado fuera mucho más fácil de entender y llevar a cabo.
También destacaría muchísimo su comunicación, atención y rapidez. Siempre estuvo pendiente de nuestras dudas, respondió con mucha agilidad y fue muy flexible con nuestros tiempos. Incluso en los momentos en los que nosotros no podíamos estar tan pendientes del proyecto como nos hubiera gustado, César mantuvo siempre una actitud muy paciente y profesional, sin presionarnos ni mostrar frustración.
Se nota que tiene un amplio conocimiento de su área, pero considero que una de sus mayores fortalezas es la capacidad de escuchar al cliente, entender lo que realmente necesita y acompañarlo durante todo el proceso. No se limitó únicamente a desarrollar una página web; nos ayudó a entender un proceso que para nosotros era completamente nuevo y nos orientó para poder llegar al resultado que buscábamos.
Sin duda, recomendamos ampliamente a César. Fue muy fácil trabajar con él, siempre mostró una excelente disposición y estamos muy satisfechos con el resultado final. Definitivamente volveríamos a trabajar con él para futuros proyectos y lo recomendaríamos a cualquier empresa que busque a un profesional responsable, paciente, atento y con un gran dominio de su trabajo.
