sammm.my

Harold K

  • Front-end
  • Next.js
  • Sanity

Musician Harold K asked me to improve his website's engagement by designing a more functional and visually appealing version for his visitors.

  • harold-k-5.png
  • harold-k-7.png
Changes

The following changes were implemented:

  • Added a mailing list button: I added a clear mailing list button to the website, to make it easier for Harold's visitors to stay up-to-date. The button stays visually present during a visit of the website.
  • Press kit download button: I added a download button for Harold's press kit on the contact page, so those interested can find it easily.
  • Global styling improvement: I improved the global styling of the website. There were some errors in specific CSS code segments that directly affected the visual appeal of important parts of the website (e.g. the header, responsiveness and compatibility).
  • Replaced SongKick API with BandsInTown: This API was used to display upcoming shows and events. SongKick however, didn't display these shows properly. Therefore the SongKick API was replaced with an API of BandsInTown. This API was more accurate and better synced with Spotify.
  • Managed the packages
    • The packages were outdated, so it was necessary to install the most recent versions of these packages. During this process a lot of dependency errors popped up, which I resolved.
      • Updated Sanity v3 to Sanity v4
      • Updated Next.js
  • Added recent updates on the homepage: Harold wanted for the site to show his most recent developments and updates on it's homepage. This would give his visitors a clear insight on Harold's progress and growth as a musician.