Overview#
I wanted to explore what a BINI website could feel like if it was designed around the way fans actually interact with the group.
Instead of building a standard artist website, I focused on three things: members, music, and live events — then designed the experience around discovering and exploring each one.

Designing the Experience#
The member section takes inspiration from photocard culture, giving each member their own visual identity while keeping the experience consistent and easy to browse.

For the discography, I wanted users to explore releases without constantly jumping between pages. Albums, tracks, and Spotify links are presented as one connected experience.

The tour section follows the same idea, using ticket-inspired cards and member accents to make event information feel more connected to the group’s visual identity.

Building the System Behind It#
I wanted the website to be more than a static design, so I built the interface with Next.js and connected content through Sanity CMS.
This lets member profiles, tour dates, images, and other content be updated without having to modify the frontend itself.

For the discography, I built a small pipeline that pulls release data from Spotify and generates a local JSON file for the website.
That means the site doesn’t need to make Spotify API requests every time someone visits. The data can be updated when needed while keeping the actual experience lightweight.

The Result#
The project became an exercise in combining visual design, interaction, and implementation rather than treating them as separate parts.
I designed the experience, built the interface, and worked through the content and data systems needed to make the concept actually function.
