A friend of a friend came to me and said “Hey, I need a website for a studio I’m trying to start.” I obliged on the condition that I could use it is an opportunity to experiment with new software and tools. I used this project as an excuse to learn the ropes of Adobe After Effects as well as Webflow and Adobe XD
To get started I created a few mood board to get an idea of the visual direction we wanted to go in.
Io: the first Galilean moon of Jupiter, is responsible for humanities expanded view of the universe.
IO: both in technology and music production, IO is very recognizably input/output.
With mood and inspiration settled I began drafting logo concepts.
Modern, clean, clear music symbolism, still encapsulates the theme of Io.
To make the website feel full with limited content I opted for a one pager. This would also ease navigation as it would allow a viewer to access everything on the same page.
There are two goals for their website.
- Display their work
- Encourage the viewer to contact them.
The majority of their content would be links to videos. To help fill out the site I added a quote that helped to establish their approach to music.
An audio visualizer to one of the groups compositions. It starts when a user enters the site and fades out the sound as they scroll down. The animation/audio will not start unless the tab is in focus.
What a client says they want and what they actually want are quite different sometimes.
Content is much easier to lay out when you have a clear idea of what that content is. It's important to determine all important text, imagery, and content before trying create visuals.
Reinforcement that audio on websites is annoying and should be avoided unless necessary.