The Solution
We started by smoothing out the website structure. After years of work on the previous site, their existing sitemap had started to become cluttered and extremely hard to navigate. Working closely with the core team at BMet, we restructured the site provide a simple, clear navigation that spanned across a wide range of different search avenues.
From that point it was time to begin the wire framing process, this allowed us to nail down a structure for the key pages such as the homepage, course search, course details and the all-important application process.
Wire framing allowed us to iron out any layout details at an early stage which gave us more time to focus on the interface further down the line.
One of the key areas on the homepage we wanted to include was a navigation tool for the courses. We deduced from an early stage that students chose their courses based on one of 3 things – 1. They knew what course they wanted to do, 2. They knew which location they wanted to study at or 3. They knew what career they wanted. Each of these search options was addressed early on in the homepage to funnel the user in the right direction within the course search page.
Once wireframes were signed off, we created a simple user interface that would be accessible for all ages of students and that worked with BMet’s recent rebrand. The designs we’re user tested, feedback was fed back into our design team and then we were able to move swiftly onto development.
