Proyecto Academico

Berserk Page

Berserk es un sitio web informativo y visualmente inmersivo que presenta el universo manga del manga. El objetivo fue crear una interfaz moderna, oscura y atmosférica que refleje la esencia de la obra.

Sitio Web temático con objetivo de publicitar con diseño oscuro y animaciones sutiles.

Visitar sitio en vivo

Ver Codigo GitHub

Duración del proyecto

3 semanas

Tipo de contrato

Estudiantil

Titulo

Mayo 24

Estado

Finalizado

Descripcion

Objetivo

Diseñar y desarrollar un sitio web responsivo que comunique la historia, personajes y manga de berserk de forma clara e inmersiva.

Mi Rol

Desarrollador Frontend & Diseñador UX/UI. Encargado del diseño, maquetación y programación del sitio.

Tecnologias

HTML5, CSS, JAVASCRIPT (ES6+), GSAP (Animaciones), Swiper js, AOS (Scroll animation), Responsive Design.

Proyecto Academico

Paso a paso de como se creo el sitio web.

Investigacion

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

Wireframes

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

Diseño UI

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

Desarrollo

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

Pruebas

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

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