UGB Store
- UI
- UX
- Frontend
- Backend
2023
Tipo de proyecto
- Proyecto Estudiantil
Software
- Visual Studio Code
- Figma
Adaptación web
La UGB Store es una aplicación web que consiste en un sistema CRUD para la Universidad Gerardo Barrios, ofreciendo una interfaz para la gestión y visualización eficiente de productos. Desarrollada con enfoque en la responsividad, asegura una experiencia de usuario coherente en dispositivos móviles y de escritorio.
Objetivo del Proyecto
Desarrollar una aplicación web para gestionar productos de manera eficiente en la Universidad Gerardo Barrios.
Descripción General del Proceso de Trabajo
El proyecto se desarrolló siguiendo un enfoque iterativo y centrado en el usuario, comenzando con la creación de un UI Kit en Figma, seguido por el diseño de un prototipo de alta fidelidad, y finalmente la implementación del sistema CRUD utilizando tecnologías web.
Rol y Responsabilidades en el Proyecto
Mi rol principal fue el de diseñador UX/UI, donde fui responsable del diseño de la interfaz de usuario, la creación de prototipos en Figma, y la implementación del frontend utilizando HTML, CSS y JavaScript.
Lenguajes de Programación Utilizados
- HTML
- CSS
- JavaScript
Enlaces a Redes
Proyecto Educativo - 2023
Objetivos del Proyecto
En el desarrollo del proyecto UGB Store como parte de mi formación académica, establecí los siguientes objetivos:
- Crear un UI Kit basado en el estilo existente para la UGB Store.
- Generar los componentes necesarios para el desarrollo web.
- Diseñar un prototipo web de alta fidelidad que sea completamente responsive.
- Desarrollar la aplicación siguiendo un enfoque iterativo y centrado en el usuario.
Paleta de Colores
La paleta de colores ha sido cuidadosamente seleccionada para reflejar la identidad visual de la UGB Store, basándose en los colores corporativos y su presencia física.
Tipografía
Se ha seleccionado Roboto para este proyecto, ya que es una tipografía que permite generar la diversificación necesaria de estilos.
Roboto Regular
Texto regular para párrafos y descripciones.
Componentes Utilizados
- Menú de Navegación
- Barra de Búsqueda
- Búsqueda Filtrada
- Botones
- Tablas de Información