Portfolio Page Example

Este proyecto es una página ejemplo de un portafolio personal, para este proyecto quise realizar un diseño moderno y llamativo que destacara mis habilidades como diseñador y desarrollador web. La página tiene formato “landing page” e incluye una sección de “hero”, una sección de proyectos, una barra de navegación fija y el footer una serie de enlaces a mis redes sociales. Además, incorporé un elemento personalizado de tipo “infinite marquee” el cual también use en diferentes secciones de la web. Utilice personalizadas generadas con MidJourney las cuales están almacenadas en Cloudflare R2, lo que añade un toque visual único y dinámico al diseño.

Conocimientos Aplicados

• Diseño responsivo: Uso de media queries para adaptar la página a diferentes dispositivos y tamaños de pantalla.
• Maquetación con HTML y CSS: Estructura semántica y estilos personalizados para crear una interfaz atractiva y funcional.
• Efectos visuales: Implementación de un “infinite marquee” para mostrar elementos en un loop infinito.
• Integración de imágenes con Cloudflare R2: Uso de Cloudflare R2 para almacenar y servir imágenes personalizadas generadas con MidJourney.
• Navegación interna: Creación de un header con enlaces de tipo ancla que permite desplazarse a diferentes secciones de la página.

Conclusión

Este proyecto a pesar de ser sencillo, me tomé la libertad de incorpora elementos personalizados como el “infinite marquee” y el uso de imágenes generadas con MidJourney. A través de su desarrollo, reforcé mis habilidades en diseño responsivo, maquetación HTML/CSS y efectos visuales con CSS. Además, me permitió explorar la integración de servicios externos como Cloudflare R2 para optimizar la carga de imágenes.