Dylan McCavitt
← Projects / No Hard Feelings

No Hard Feelings

· 2024

Website for a NJ/NY cover band with show dates, live media, booking, and an interactive album-card nav.

Role
Designer + developer
Kind
band site
Status
shipped
Stack
AstroReactTailwindMotion.jsGoogle Calendar
Links
live site ↗
No Hard Feelings band site landing page.
summary

Built a central web presence for No Hard Feelings so upcoming gigs, band info, videos, and booking details live in one place instead of scattered across socials. The front door is a flippable album cover that turns navigation into the main interaction.

highlights
  • 01 Astro, React, and Tailwind power a lightweight band site with custom interaction instead of a generic template.
  • 02 The hero is a 3D album-card pattern with Motion.js driving flips and member popout animations.
  • 03 Upcoming gigs sync from Google Calendar so new shows appear on the site without a code change.
gallery
Flipped album-card navigation on the No Hard Feelings site.
Band member popup interaction on the No Hard Feelings site.
Google Calendar driven shows section on the No Hard Feelings site.