Posthuman Sound
Client: Hafeed Jrayebee
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 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