Sitio Web Institucional
Sitio web institucional desarrollado en el marco de una pasantía, con el objetivo de mejorar la presencia digital de la ferretería “San Francisco” y ofrecer a los usuarios un canal claro de información y contacto.
Se trabajó en una interfaz clara y moderna, priorizando la organización del contenido, la accesibilidad y la facilidad de navegación. El diseño busca transmitir confianza y profesionalismo, alineándose con la identidad del negocio.
El objetivo de este proyecto fue diseñar y desarrollar una plataforma accesible que permitiera comunicar los servicios del negocio, facilitar la interacción con los clientes y modernizar su imagen digital.
El proyecto fue desarrollado utilizando React junto con Vite para optimizar el rendimiento. Se implementó TailwindCSS para el diseño visual y se integraron herramientas como React Router para la navegación, React Hook Form y Formspree para la gestión de formularios.
Además, se incorporaron funcionalidades clave como chat en línea (Tawk.to) y analítica web (Google Analytics), mejorando la interacción y el seguimiento del comportamiento de los usuarios.
Tecnologías
React
Librería utilizada para el desarrollo de la interfaz, basada en componentes reutilizables y manejo eficiente del estado.
Vite
Herramienta de desarrollo que permite un entorno rápido y optimizado para la construcción del proyecto frontend.
TailwindCSS
Framework de estilos basado en utilidades, utilizado para diseñar una interfaz moderna, responsive y consistente.
React Router
Gestión de navegación entre distintas secciones del sitio sin recargar la página, mejorando la experiencia del usuario.
React Hook Form
Manejo y validación de formularios de forma eficiente, optimizando el rendimiento y la usabilidad.
Formspree
Servicio utilizado para la gestión y envío de formularios sin necesidad de backend propio.
Tawk.to
Integración de chat en línea para facilitar la comunicación directa con los usuarios en tiempo real.
Google Analytics
Herramienta de análisis para el seguimiento del comportamiento de los usuarios dentro del sitio.
Vercel
Plataforma de despliegue utilizada para publicar y alojar el sitio web.
GitHub
Control de versiones y gestión del código fuente del proyecto.
Resultado Final
Se obtuvo un sitio web funcional, optimizado y adaptado a distintos dispositivos, que mejora la visibilidad del negocio y facilita la comunicación con los clientes mediante herramientas integradas.