Radar Hill Blog

Website Re-design for RadarHill.com!

RadarHill.com pre September 2012

Old RadarHill.com (circa 2010)

In November of 2011, we decided it was time for a re-design. The website was starting to show its age. It wasn’t responsive, some of the content was outdated and the design needed a refresh.

Brainstorming & Setting Objectives

The task of the RadarHill.com re-design was put in the hands of the Graphics Department – Megan, Ken & Crystal. We started by discussing what we wanted the new website to accomplish and decided on a new navigation structure.

The Wireframe

Our next step was to talk about the look, feel and design of the new website – what was it going to look like? We brainstormed and started on the wireframe. A wireframe is a visual guide that represents the skeletal framework of a website.

Here’s what our wireframe looked like:

RadarHill.com Wireframe

RadarHill.com Wireframe

Radar Hill Theme

Radar Hill Theme


After our wireframe was finished, we started deciding on colour scheme, fonts & theme. You’ll notice:

Design & Collaboration

Then it was time to dive in and create the design. Each designer created a different look based on our wireframe, colour scheme and other ideas. Photoshop is our tool of choice. Those designs were sent to everyone in our office and put to a vote. A design was chosen and minor edits were made after the Graphics Team collaborated. Mobile and tablet versions of the website were also created, making it fully functional on all devices.

Website Construction & Content Management

Now what? We needed to bring the website to life. We used the latest version of the Pyramid Content Management System and made the website responsive. The content was re-worked, new websites added to the portfolio and many lines of code were written.

The Final Product

And, the end result is a beautiful, useful, and functional on all desktop and mobile devices: RadarHill.com.

The new RadarHill.com

The new RadarHill.com

About ken

Ken started experimenting with web design and construction over a decade ago, and has spent countless hours agonising over layouts in Photoshop and marking up websites since then. He strives to create websites that are easy to use, functional, and stunning to look at. By taking time to fully understand the needs and goals of each project Ken aims to create design solutions that not only look great, but serve a purpose. When not creating solutions for the web, Ken can often be found picking banjo, jumping in lakes, and checking out live music around town.
This entry was posted in At Radar Hill, Mobile Responsive Design, Website Launches, Website Redesigns. Bookmark the permalink.

Comments are closed.