Hileman Group Portfolio Experience

I designed a new portfolio experience for Hileman Group. One that is centered around the different capabilities of the team. Using filters to narrow down the work shown into whatever a customer’s needs are.

Wireframe

A quick and dirty wireframe in Balsamiq to get buy-in from leadership.

Portfolio Home Page

I wanted to open up this section with a large hero image with a breezy feel. Using a variation on blue from the Hileman Group palette to invite the customer to comfortably navigate the project space. A masonry type grid was used to highlight significant projects amongst the group. Finally, a CTA is peppered into the grid for easier conversion.

Project Pages

The project pages contain 3 major sections along with an executive summary. The pages were designed with 2 different personas in mind. One of the decision-maker, and another of the decision-influencer. An executive summary is placed at the top of every project space to explain key takeaways to a decision-maker, while the opportunity, approach, and outcomes sections go into more detail on how these metrics were achieved, making this page a one-stop-shop for our customers.

Hileman Group Portfolio Page

I designed a new portfolio experience for Hileman Group. One that is centered around the different capabilities of the team. Using filters to narrow down the work shown into whatever a customer’s needs are.

For
Hileman Group
Date
Senior Visual Designer