GVE Sistemas

Introducción

Este proyecto consistió en el desarrollo integral de un sitio web para GVE Sistemas, una empresa especializada en brindar soluciones avanzadas en Ciberseguridad, Infraestructura, Cloud y Redes. Trabajé junto a mis compañeros Vania Aravena y David Aguilera durante nuestra asignatura de ‘Emprendimiento y Servicios Web’ para entregar una plataforma moderna, accesible y altamente funcional, que reflejara fielmente la identidad y objetivos comerciales del cliente.

Desafío y Objetivos

Nuestro principal desafío fue crear un sitio web profesional que combinara un diseño atractivo con una alta funcionalidad y accesibilidad, capaz de adaptarse perfectamente a cualquier dispositivo y optimizado para conversiones específicas del sector tecnológico.

Nuestros objetivos clave fueron:

• Facilitar la navegación con un diseño claro e intuitivo.
• Garantizar un desempeño impecable en todos los dispositivos.
• Crear una interfaz alineada con la identidad visual corporativa del cliente.
• Impulsar interacciones efectivas mediante CTAs estratégicos.

Mi Rol y Contribución

Durante este proyecto, asumí diversas responsabilidades tanto técnicas como comunicativas. Mi rol fue crucial desde la obtención del cliente hasta el desarrollo final del sitio web.

Comunicación con el Cliente:

• Fui responsable de identificar, contactar y gestionar la comunicación directa con GVE Sistemas, asegurando una comprensión clara de sus necesidades y expectativas a lo largo de todo el proceso.

Apoyo en Diseño UX/UI:

• Brindé soporte y asistencia constante a Vania, la diseñadora principal, participando activamente en la revisión de wireframes, prototipos y en la consolidación de la guía de estilo del sitio.

Investigación UX/UI:

• Participé junto con todo el equipo en la investigación inicial, realizando benchmarks, análisis de usuario y mapas de navegación que sirvieron como base sólida para el desarrollo.

Desarrollo Frontend:

• Fui el encargado de configurar el entorno de desarrollo basado en WordPress y TailwindCSS, asegurando un flujo de trabajo ordenado y eficiente.
• Traduje fielmente el diseño visual entregado por Vania en código limpio, semántico y responsive, optimizando tanto la accesibilidad como el rendimiento del sitio.

Proceso de Trabajo

Nuestra metodología fue colaborativa e iterativa, asegurando en cada etapa una validación constante por parte del cliente.

Investigación UX/UI:

• Realizamos benchmarks para entender la competencia.
• Definimos claramente el usuario objetivo y sus necesidades.
• Estructuramos un mapa de navegación para facilitar la interacción del usuario.

Diseño Visual:

• Generamos wireframes y prototipos interactivos utilizando Figma y Adobe XD.
• Implementamos feedback constante del equipo y el cliente para refinar el diseño.

Desarrollo Técnico:

• Configuramos un entorno de trabajo con WordPress y TailwindCSS.
• Tradujimos cuidadosamente los diseños finales al desarrollo web, garantizando adaptabilidad móvil y rapidez en tiempos de carga.
• Realizamos pruebas y validaciones continuas hasta la entrega final.

Resultados y Soluciones

El producto final fue un sitio web atractivo, intuitivo y altamente funcional, adaptado totalmente a las necesidades del cliente y validado mediante evaluaciones UX/UI.

Soluciones destacadas implementadas:

• Diseño visual limpio y atractivo, alineado con la imagen corporativa.
• Implementación de un diseño responsive optimizado para dispositivos móviles.
• Navegación intuitiva y estratégica, con CTAs destacados que facilitaron la interacción y conversión.

Métricas destacadas obtenidas mediante Benchmark:

Criterio	Evaluación Obtenida
Diseño visual y marca	8/10
Adaptabilidad móvil	9/10
Accesibilidad general	7/10
Facilidad de uso y navegación	8/10

Lecciones Aprendidas

Este proyecto me permitió entender profundamente la importancia de la comunicación efectiva con el cliente y la colaboración cercana entre diseño y desarrollo web.

Aspectos clave aprendidos:

• Cómo coordinar y optimizar las dinámicas de trabajo dentro de un equipo multidisciplinario.
• La relevancia del enfoque en accesibilidad y adaptabilidad desde la etapa inicial del proyecto.
• Técnicas prácticas para traducir efectivamente diseños visuales a código utilizando TailwindCSS, garantizando fidelidad visual y eficiencia técnica.

Trabajar con Camilo Flores fue una experiencia excelente. Fue muy proactivo, dedicado y creativo en todo el proceso de desarrollo y perfeccionamiento del sitio web de GVE Sistemas. Siempre aportó ideas claras y soluciones efectivas, cumpliendo los plazos establecidos y superando las expectativas.

– Gonzalo Toro