Harold K
- Front-end
- Next.js
- Sanity
Summary
Harold is a musician who wanted to improve his website haroldk.nl. His wish was to get more engagement of a few functions and make is content easier to find. The main goal was to het more interaction with his visitors.
Changes
- Added a mailing list button: Harold to invite the visitor to subscribe to his mailing list, since this newsletter was not easy to find at first. I created a subscribe button for his website, to make it more visible. This button is always present, so that it's clear for the visitor it's possible to subscribe to his newsletter
- Press kit download button: On the contact page is a download button present, so it's easy to download Harold his press kit assets. So I added a download button on his site where visitors can get a hold of his press kit assets easily. This was previously not easily accessible.
- Global styling improvement: Improved the global styling of the website. There was css code that could be better written.
- Improved the header visually.
- It was not really visible at first, so there was a blur added to make the content of the header more clear
- Overall styling. There were some areas that needed more padding and be more consistent. There are more custom properties added and added more padding in a few areas.
- There was a bug where the hero of the page wouldn't size properly. This was fixed by applying a
@mediaquery properly
- Improved the header visually.
- Replaced SongKick API with BandsInTown: This api was used to display upcoming shows and events. but SongKick didn't display them properly. They weren't up-to-date. So the SongKick API was replaced with BandsInTown. This API was more accurate and synched with Spotify.
- Managed the packages
- The packages were outdated and needed to be updated. But there were a lot of dependency errors present which I needed to resolve
- Updated Sanity v3 to Sanity v4
- Updated Next.js
- The packages were outdated and needed to be updated. But there were a lot of dependency errors present which I needed to resolve
- Added the recent updates on the homepage: Harold wanted to show the most recent updated onto his homepage, to give the visitors a clear view about what his recent developments are.