Video game HUD themed Animated Portfolio Site
Tom Harrison
Role: Front-end / interactive developer
Duration: 2 weeks
Outcome: Immersive, HUD-inspired interface with smooth animations and accessible features
Overview
Developed a portfolio site for sound designer Hafeed Jraybee, who works in TV, film, and video games. The concept was a HUD-inspired interface, drawing inspiration from video games like Halo and Destiny.
The project combined interactive animations, immersive transitions, and playful micro-interactions while balancing speed, quality, and accessibility.
Responsibilities & Solution
Built an /interactive HUD-style interface using HTML, CSS, JS, and off-the-shelf libraries where appropriate
Implemented carousel / work slider with Swiper.js, balancing polish and development efficiency
Added scroll-triggered typewriter effects for titles and immersive UI interactions
Integrated SWUP.js for smooth animated page transitions, maintaining the HUD immersion
Ensured pragmatic accessibility: keyboard navigation, ARIA roles, and respecting prefers-reduced-motion
Managed time vs quality trade-offs, focusing effort on details that most impacted the user experience
Key Technical Highlights
Animations: GSAP, custom scroll-triggered effects, Swiper.js
Page transitions: SWUP.js for seamless navigation
Accessibility: keyboard navigation, ARIA roles, prefers-reduced-motion support
Responsive design: works across desktop and mobile with HUD-style layout intact
Outcome
“Working with Tom was not only a professional experience but also far more enjoyable than we anticipated. He is, at his core, a deeply creative mind who leverages his technical/programming skills to make beautiful art come to life. That’s the part that made me connect with Tom the most and helped us turn our website into a full, cohesive experience. His attention to detail, sense of design, and ultimately, taste, is remarkable. Beyond happy to have him on. He will always be our first line of contact when it comes to our web.”
— Hafeed Jraybee, Posthuman Sound
Like this project
Posted Dec 17, 2025
Portfolio site for sound designer Hafeed Jraybee. The concept was a HUD-inspired interface, drawing inspiration from video games like Halo and Destiny.
Likes
0
Views
0
