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.
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:
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.