Proyecto Academico

Ivrea Argentina

Bizarrísimo final de Temporada (volvemos en Noviembre), mientras visitamos Rosario y nos pasan mil desastres, hacemos repasos nostálgicos y nos preparamos para volar a Japón y Korea una vez más.

Duración del proyecto

1 mes

Tipo de contrato

Estudiantil

Titulo

Mayo 23

Estado

Inconcluso

Descripcion

Es una tienda en línea y catálogo inspirado en la editorial Ivrea Argentina, dedicado a la venta de mangas, cómics y novelas. El sitio cuenta con secciones de próximos lanzamientos, calendario de salidas, puntos de venta, formulario de contacto y un sistema funcional de carrito de compras.

Objetivo

El objetivo principal del sitio es ofrecer una plataforma de e-commerce y catálogo interactivo que permita a los lectores explorar el inventario de mangas y cómics, consultar el calendario de lanzamientos y gestionar la compra de productos de manera fluida a través de un carrito de compras integrado.

Mi Rol

Tu rol en este proyecto fue el de Desarrollador Front-End y Diseñador UI/UX. Fuiste el encargado de diseñar la interfaz del sitio web, estructurar el catálogo de productos y maquetar toda la experiencia de usuario (UX), incluyendo la lógica visual y la interactividad del carrito de compras.

Tecnologias

Para esta plataforma, utilizaste HTML5 para la estructuración semántica de las secciones y el catálogo, CSS3 para lograr un diseño visual moderno y completamente responsivo, JavaScript para programar la interactividad del carrito de compras y la navegación, y finalmente GitHub Pages para el despliegue y alojamiento en línea del proyecto.

Proyecto Academico

Paso a paso de como se creo el sitio web.

1

Investigacion

Analisis de requerimientos, referencias visuales, sitios similares y definición del tono, estilo y experiencia que deberia tener el sitio.

2

Wireframes

Estructura de la información y diseño de wireframes en baja fidelidad para definir la jerarquia y distribución del contenido.

3

Diseño UI

Diseño visual de páginas, paleta de colores oscura, tipografía y componentes UI para la experiencia inmersiva.

4

Desarrollo

Maquetación y Desarrollo del sitio con HTML5, PHP, CSS y WordPress implementando animaciones y efectos para mejorar la integración.

5

Pruebas

Testing en diferentes dispositivos y navegadores. Optimización de rendimiento, accesibilidad y corrección de detalles.

6

Lanzamiento

Publicación del sitio en producción y configuración final. Documentación del proyecto código GitHub.

Resultados

  • Diseño 100% responsive
  • Navegación intuitiva y experiencia inmersiva
  • Rendimiento Optimizado
  • Código limpio y Reutilizable

Lo que aprendi

  • Gestión de estados y animaciones con JavaScript
  • Diseño de interfaces oscuras efectivas
  • Optimización de imágenes y assets
  • Mejores practicas en Desarrollo Frontend