Acerca de este sitio web
Tecnologías del sitio web
El sitio web está desarrollado con las siguientes tecnologías:
- HTML 5 y CSS 3 con el framework Tailwind CSS versión 3.
- Javascript con el framework Alpine.js y la biblioteca de componentes Flowbite.
El desarrollo tiene la premisa del enfoque mobile first y la metodolgía de diseño atómico.
Desarrollo del proyecto
El proyecto se llevo acabo con las mejores prácticas de desarrollo web moderno que se sintetizan en el siguiente diagrama:
Herramientas de desarrollo del proyecto
Etapa de desarrollo front end
Las herramientas de esta etapa son:
- Jira para la gestión y seguimiento de las tarea del proyecto.
- GitHub para el control de versiones.
- CodeStream para el flujo moderno de desarrollo web en Visual Code.
- Visual Code.
Etapa de diseño de la interfaz de usuario
- Los Mookup de las páginas modelo son diseñadas en Figma.
- El diseño gráfico del sitio se realiza con Adobe Illustrator y Adobe Photoshop.
Etapa de diseño de la experiencia de usuario
- Los wireframe se diseñaron en Figma.
- Los sketch se bosquejaron en Miro y en un pintarrón.
Etapa arquitectura de la información
En esta etapa se utilizó Miro para las técnicas de investigación de usuarios y generar el primer mapa del sitio.
Etapa análisis de necesidades
Al ser una etapa de planeación se utilizó un procesador de palabras en la nube.
Equipo del proyecto
Stephen García Garibay, lider del proyecto.
Etapa año 2023
Stephen García Garibay, Desarrollo web y actualización permanente de contenidos.
Brian Alfonso Bocanegra Hernández, Becario de apoyo para el desarrollo web.
Rodolfo Cano Ramírez, Diseño gráfico de la identidad del sitio web.
Gabriela Lili Morales Naranjo, Diseño de imagenes para card de la página inicio.
César Ordóñez Rodríguez, Implementación de Alpine.js para el menú principal.
Etapa año 2022
Diseño de la interfaz de usuario
Rodolfo Cano Ramírez, Definición y diseño de la identidad gráfica del sitio.
Gabriela Lili Morales Naranjo, Apoyo en el diseño de la identidad gráfica.
Marina Kriscautzky Laxague y Stephen García Garibay, Concepto de la identidad gráfica.
Arturo Muñiz Colunga y Stephen García Garibay, Slogan del sitio web.
Stephen García Garibay, Diseño de los Mookup en Figma y desarrollo de componentes web.
Alberto Alejandro Alvarez Virrey, Desarrollo de componentes web.
Carlos Valadez Cedillo, Desarrollo del componente footer primera versión.
Brian Alfonso Bocanegra Hernández y Stephen García Garibay, Capacitación al equipo para configurar el entorno de desarrollo web.
Diseño de la experiencia de usuario y arquitectura de la información
Diseño de perfiles de usuario (buyer persona),
investigación de usuarios con UX Research Card Sorting,
inventario de contenidos,
y mapa del sitio.
Itzel Hernández Serra.
Elizabeth Ortiz Caballero.
Alberto Alejandro Alvarez Virrey.
Daniel González Lorenzo.
Stephen García Garibay.
Análisis de necesidades
Stephen García Garibay, Planeación del proyecto.
Elizabeth Ortiz Caballero, Brief creativo.