TITLE: The Official Smooth The Label Website
MEDIA: Web Development
SOFTWARE: HTML 5, CSS, JavaScript
HARDWARE: Intel Core i7, RTX 3070
CLASS: FMX 311 UX/UI User Experience & User Interaction
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 24
INSTITUTION: University of Tampa
DESCRIPTION: For this project, I developed a fully functional website using HTML5, CSS, and JavaScript. I hand-coded all animations, including parallax effects, and designed the overall layout and visual style in Figma to ensure a cohesive and responsive user experience.

TITLE: Wedding Time
MEDIA: Web Development
SOFTWARE: HTML 5, CSS, JavaScript
HARDWARE: Intel Core i7, RTX 3070
CLASS: FMX 311 UX/UI User Experience & User Interaction
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 24
INSTITUTION: University of Tampa
DESCRIPTION: For this project, we experimented with creating an interactive button system that triggered a carousel effect when clicking on a photo. The interface included both images and videos sourced from my personal photo library, allowing users to engage with dynamic, multimedia content.

TITLE: Dreamin In A Car Crash
MEDIA: Web Development
SOFTWARE: HTML 5, CSS, JavaScript
HARDWARE: Intel Core i7, RTX 3070
CLASS: FMX 311 UX/UI User Experience & User Interaction
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 24
INSTITUTION: University of Tampa
DESCRIPTION: For this project, I created a story-driven animation using AI-generated images as visual assets. I coded all the animation transitions in JavaScript to guide the narrative flow, resulting in an interactive and visually engaging storytelling experience.

TITLE: Interactive Typography
MEDIA: Web Development
SOFTWARE: HTML 5, CSS, JavaScript
HARDWARE: Intel Core i7, RTX 3070
CLASS: FMX 311 UX/UI User Experience & User Interaction
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 24
INSTITUTION: University of Tampa
DESCRIPTION: For this project, we selected a song and created interactive typography to visually represent the lyrics. Each word was styled with its own unique animation, font, and gradient treatment, resulting in a dynamic and expressive text-based experience.