Simplifying Music Tech: Building Products That Connect Artists & Fans
Alongside my product design work, I build front-end projects in React and Next.js — mostly for artists, labels, and creative teams in music and culture. These sites let me move quickly from UX/UI concept to production: integrating streaming and tour APIs, optimising performance for media-heavy pages, and shipping accessible interfaces without a large agency stack.
The work spans Gatsby and Next.js apps, WordPress platforms with custom themes, and campaign sites for global acts. Common threads include responsive layouts tuned for video and photography, CMS setups clients can actually maintain, and design systems thinking applied at a smaller scale. Below is a selection of sites I've designed and engineered — from automated release and tour hubs to portfolio platforms and industry job boards.

Adam Ten
Adam Ten's website was designed to showcase the Tel Aviv-based artist's global electronic music career, connecting fans with his latest releases, tour dates, and exclusive content. The site features direct integration with Spotify to fetch his latest releases, real-time tour updates from Resident Advisor, and curated content from his Maccabi House label via YouTube, making the platform largely self-maintaining.
Built with performance optimization for electronic music content, the site prioritizes fast loading times. The automated content pipeline ensures fans always have access to his latest releases.
Key features include automated synchronization with streaming platforms, a dynamic tour system that pulls from Resident Advisor GraphQL API, and a responsive design optimized for both desktop and mobile.

Jamón
JAMÓN is a sophisticated portfolio platform showcasing cinematic work across music, fashion, and culture. The site serves as a digital showcase for a creative production company, featuring an extensive collection of campaigns, music videos, and social-first content.
Built with Next.js 15 and React 19, the platform leverages modern web technologies to deliver a seamless viewing experience. The application implements advanced performance optimizations including image optimization with WebP and AVIF formats, parallel server builds, and CSS optimization through Next.js experimental features.
Key features include a dynamic video player supporting multiple platforms (Vimeo, YouTube), an interactive lightbox gallery for still images, and responsive layouts optimized for both desktop and mobile viewing. The platform employs strict security headers and implements SEO best practices through dynamic metadata generation and structured data.

SoundHire
SoundHire is a specialized job platform that collects, curates, and delivers music industry opportunities from around the world. It serves as a centralized hub connecting talented professionals with positions across all facets of the music business.
Built with Next.js 15 and React 19, the platform employs aggregation algorithms to scan and consolidate job listings from multiple sources—including record label career pages, industry-specific job boards, studio websites, and production companies. This comprehensive approach ensures users have access to the most complete collection of music career opportunities available.
The platform features a filtering system that allows users to search by role type, location, experience level, and company name. It implements Redis caching to optimize performance and reduce redundant data fetching, storing job listings for up to 2 days before refreshing to ensure information remains current.

Lisbonica
Lisbonica is a comprehensive web platform that curates and displays music events happening in Lisbon, Portugal. The site aggregates event information from multiple sources to provide visitors with a complete overview of the city's vibrant music scene.
Built with Next.js 15 and React 19, the platform features real-time event listings that update automatically through API integrations. The application employs Redis caching to optimize performance and reduce API calls, storing event data for up to 5 days before refreshing.
Key features include a share functionality that generates unique URLs for individual events, making it easy for users to share events across social platforms. The platform also implements SEO best practices through structured data, dynamic meta tags, and an automated sitemap generator.

Hot Since 82
Hot Since 82's website was designed to connect fans with the artist's music, tour dates, and exclusive content. The site features direct integration with Spotify for music streaming, real-time tour updates from Resident Advisor, and a curated video feed pulled directly from YouTube, making the platform largely self-maintaining.
Built with scalability in mind, the site prioritizes fast loading times and smooth transitions, essential for music-focused content. The automated content pipeline ensures fans always have access to the latest releases, performances, and updates without manual intervention.
Key features include automated content synchronization across multiple platforms, a tour date system that updates in real-time with booking platforms, and a responsive design that maintains visual impact across devices.

U-Bend
U-Bend's official website serves as a central hub for fans to discover the UK duo's latest releases, radio shows, and upcoming performances. The site showcases their unique blend of electronic music through an intuitive interface built with NextJS and Tailwind CSS for optimal performance and responsiveness.
The integration with DatoCMS enables seamless content updates, allowing the team to manage their music releases, radio show archives, and tour schedule efficiently.
Key features include a newsletter signup system powered by Mailchimp API for fan engagement, dynamic content management through DatoCMS, and a responsive design that adapts seamlessly across all devices while maintaining the duo's distinctive aesthetic.

Pete Tong
Pete Tong's website offers fans a comprehensive journey through his influential career in electronic music. The site combines his latest releases, radio shows, and tour dates with an extensive historical archive. A standout feature is the infinite-scroll news feed and complete radio show archive dating back to October 2009, allowing fans to explore Pete's musical evolution over the decades.
Built with performance and user engagement in mind, the site utilizes GSAP animations to create smooth, engaging transitions between content sections. The WordPress CMS integration provides a robust foundation for managing the extensive archive of radio shows and news content, while ensuring easy updates for new music releases and tour dates.
Key features include a Mailchimp-powered newsletter system for fan updates, an intuitive infinite scroll implementation for browsing historical content, and a responsive design that delivers a seamless experience across all devices while maintaining the sophisticated aesthetic that mirrors Pete's influential role in electronic music.

ASongs
ASongs' website serves as a sleek digital presence for the independent London-based music publisher. The site elegantly showcases their roster of artists and company ethos through a clean, minimalist design built with GatsbyJS and styled-components for optimal performance and visual consistency.
Built with modern web practices in mind, the site leverages Contentful CMS for seamless content management of artist profiles and company information. The news section dynamically pulls the latest updates from Instagram, creating an automatically refreshing feed that keeps visitors engaged with ASongs' current activities and artist achievements.
Key features include a dynamic artist portfolio system, integrated Instagram feed for real-time news updates, and a responsive design that maintains a professional aesthetic across all devices while reflecting ASongs' position as a forward-thinking independent publisher in the music industry.

Erick Morillo
Erick Morillo's website celebrates his legendary status in house music through an immersive digital experience. The site showcases his extensive discography and radio sessions through an elegant interface built with GatsbyJS, enhanced with fluid GSAP animations that bring his musical journey to life.
Built with performance and visual impact in mind, the site utilizes Contentful CMS for managing his vast catalog of music releases and radio content. The seamless integration allows for effortless updates to his extensive discography while maintaining optimal loading speeds and smooth transitions between sections.
Key features include a comprehensive discography system, archived radio sessions, a Mailchimp-powered newsletter for fan engagement, and a responsive design that delivers an engaging experience across all devices while honoring Erick's influential legacy in electronic music.

Fatboy Slim
Fatboy Slim's website delivers a comprehensive digital archive of his iconic career in electronic music. The site showcases his complete discography, from chart-topping hits to rare releases, complemented by an extensive news archive spanning from 2009 to present day through an infinite scroll implementation.
Built with rich content and discovery in mind, the site utilizes GSAP animations to create engaging transitions between its vast sections of content. The WordPress CMS powers the extensive database of albums, songs, and news, while each track page features complete lyrics and official videos, optimized for search engines to help fans easily find their favorite Fatboy Slim content.
Key features include a Mailchimp-integrated newsletter system, a comprehensive music catalog with integrated lyrics and videos, an infinite-scroll news archive, and a responsive design that delivers an immersive experience across all devices while celebrating the unique energy and creativity that defines Fatboy Slim's music.

Madness
Madness's website stands as a comprehensive digital archive celebrating over 45 years of the band's legendary career. The site combines their complete discography, an extensive news archive dating back to 1976, and a unique fan interaction platform, all delivered through an engaging interface enhanced with smooth GSAP animations.
Built with historical depth and fan engagement in mind, the site leverages WordPress's robust CMS to manage decades of content. The innovative Q&A section creates direct connections between band members and fans, with a sophisticated backend filtering system that ensures quality interactions while making it easy for band members to select and respond to fan questions.
Key features include a Mailchimp-powered newsletter system, a complete discography with lyrics and official videos optimized for search engines, an infinite-scroll news archive spanning nearly five decades, and an interactive fan Q&A platform. The responsive design maintains the band's distinctive aesthetic across all devices while making their extensive history accessible to fans old and new.

Roger Sanchez
Roger Sanchez's website offers fans a dynamic digital experience that showcases his influential career in house music. The site delivers seamless content updates through WordPress while featuring carefully crafted JavaScript animations that enhance the browsing experience without compromising performance.
Built with visual impact and content delivery in mind, the site utilizes the WordPress API for efficient content management across all sections. The YouTube API integration automatically populates video galleries throughout the site, ensuring fans always have access to the latest performances, interviews, and music videos.
Key features include dynamically updated video galleries, smooth custom JavaScript animations, and a responsive design that maintains the sophisticated aesthetic that Roger Sanchez is known for across all devices.

