Web + Design: Crossfade

Crossfade logo

Project Overview

Crossfade is a web application for logging your musical interests and sharing them with your friends. It is currently a work-in-progress and is being actively developed and designed by myself and a fellow developer.

This is a true passion project for me. I’ve always craved a platform like Letterboxd for the music community and found that existing options always fell short. As such, it seemed like the perfect project to tackle.

Objectives

  1. Ideate and conceptualize a music logging platform that is visually appealing and engaging for users.
  2. Create user centered designs focused on a clear information architecture and adherance to WCAG 2.1 for accessibility.
  3. Consider system architecture early on in development to ensure the application is performant and maintainable.

Crossfade colour gradient

Planned Features

Music Logging

  • Users are able to search for songs, genres, artists, and albums, adding them to their profile with their own ratings and reviews
  • Lists can be created by users to categorize their music in whatever way makes sense to them

Networking

  • Users can view other people’s reviews, giving them a thumbs up or thumbs down
  • Users can view other people’s profiles, seeing all of their favourites

Technology Stack

  • Design: Figma, Affinity
  • Frontend: SvelteKit, Tailwind CSS
  • Backend: Express.js 5, Drizzle ORM
  • Database: PostgreSQL