Step 1. Understand what the client needs are
First of all, we needed to know what problems BTJ had and what they needed through their website. During the first meeting, we found three reasons why they wanted to change their website and then we provided solutions for each.
Too complicated → Consistent design guideline
As you can see in the image below on the left, the site was made up visually from elements that had been thrown together over the years with no consistent branding whatsoever. The information was unclear, the navigation menu at the top of the page was complicated and over-categorised as well as different design styles such as typography, colour, a layout, and those provided an inconsistent user experience. So the client and us decided to create new design styles which provide a consistent user experience.
Not friendly to all devices → Responsive website
The previous website had only one layout for all different browser sizes. It was not friendly at all to all devices; too small on the 32-inch monitor and hard to click buttons on the mobile devices. We recommended the client to make a responsive website to fit the layout in all devices.
Updating content problem → WordPress CMS
BTJ had someone manage the website in the past and there were numerous bugs and the inability to even make simple edits, they also found it difficult to upload new content anytime they wanted. We suggested a WordPress CMS (Content management system) that would allow them to manage the creation and modification of content themselves.