IdolRoc

October 2021

Services
Logo
Web Design
Webflow
Sector
Music
Live site →

The Challenge

A stale website

IdolRoc is a 20+ year old company energetically in music, college based concerts and a wide variety of other business ventures. Their website however hadn't been updated in years and did not communicate what they are about.

The Solution

Energy that compels

I completely overhauled IdolRoc’s website with cutting edge interactions and a level of energy that matches the initiatives they are involved in. Along with this I gave their brand a refresh, adding in responsive logo variants and new typography system.

The Who We Are section of the IdolRoc website

Brand Refresh

Punchy and cohesive

The first step in creating a new website was to refine the design direction, the IdolRoc team wanted to stick with a similar color palette and logo, but were otherwise open to my creative input. I created three different homepage designs to help clarify the creative direction and after discussing it with the team we decided to combine aspects of all three.

I used Version 1 as the base for the final design including the side menu and the primary typeface (Heading Now by Zetafonts) which provided a bold framework that complemented the photography of festivals and concerts they have hosted.

First concept for the IdolRoc homepage
Second concept for the IdolRoc homepage
Third concept for the IdolRoc homepage
  • #df3b2e
  • #141414
  • #313131
  • #aaaaaa
  • #f2f2f2
  • #ffffff

Web Design

Crafting the content

After the design direction was established I worked to build out all of the internal pages. Since the new website needed to be more robust than their previous one-pager, this involved helping their team curate content and figure out the best way to explain all that IdolRoc does to end users.

We ended up dividing the website into two main categories, firstly the Agency page which would exhibit some of their work on campaigns for brands like Monster and Beats by Dre. Secondly the Companies which would show off their portfolio of successful businesses (more of which are on the way).

The Companies page of the IdolRoc website

Development

Built for expansion

Finally, I built the website using Webflow. This allowed me to use Webflow's CMS for IdolRoc's various company pages, making them easier to update and add by their team as the company continues to grow. After the initial build I continued to work with the IdolRoc team to make final updates to the content and fine tune the interactions throughout the website for a straightforward user experience. The launch was a big success, one of the founding partners said “I'm finally not embarrassed to have this linked in my email signature.”

The Outbreak Tour page of the IdolRoc website
The IdolRoc homepage
A company page on the IdolRoc website
The Outbreak Tour page of the IdolRoc website
The key stats section of the IdolRoc website on a phone
The image grid of the IdolRoc website on a phone
The alumni section of the IdolRoc website on a phone

What Clients Say

Caleb was a pleasure to work with. He was extremely detailed, efficient, timely, and creative. Our objectives and expectations were completely satisfied, and we look forward to continuing our collaborations together.
Rick De Ciantis
Idol Roc Partner, IdolRoc

Allie Orth

Next Project

(Click and Hold)