
The Gem School
Project short description goes here!
The team from Gem School were already close to our own school and trusted our agency to have the right experience to build them an excellent, easy to use, educational website.
They wanted something that would easily explain how their packages work and clearly show the benefit they bring over other schools.
UX Design, UI Design, Responsive Layout, Web-Development. SEO, Brand Design
The site had to have the ability for the team to update and list multiple courses, dates and types of course, as well as taking online payments.
The UX design by our team made this easy as the user is first shown the main courses, then the various ways they can learn. From there, they went deeper into the specific course.
We created a series of custom content types for courses that were specifically designed for the content shown on the courses pages. This allowed us to pull out course information from any other page; making it super easy to keep the user moving through the site by recommending courses at the end of every page.
We used a simple system to allow the admins to add multiple start dates to a course, these dates were then listed and picked up by the booking form when the potential student chose a date.
The main challenge in this site was the subtle animations and responsive design. The site has a beautiful non-linear / grid like design – this made the responsive side of things a challenge.
We take great pride in making sure all our sites work smoothly on mobile and this took the longest for us, out of all the other stages. It was worth it in the end.
Smart Design for User Interface Experience
We wanted to communicate the experience-based focus of The Gem School and offer visitors a user-friendly platform for interaction and communication. We’d say we delivered, a cut above the rest.

Our approach
Main phases from user research right through to putting the site live.

Designing an effective user interface system begins for us with understanding the user.

This is where the ideas and concepts really take shape. By sketching out a basic visual representation of the system, its flow patterns can then be tested and refined before moving to the next level.

In the final step before handing over to the designers, we add colors and images to the wireframe to create paper prototypes that can then be developed and tested on HTML pages.

Once a concept is approved for further development, we begin to design the interface so that we can begin to see what the user will see. To enhance this step, we employ our Pixel Perfect concept.

Before the project is ready to be launched, the design must be thoroughly tested from the user’s perspective.

We put website live and keep a track if everything displays and works perfectly.
How can we help?
6 key ways we can help your business grow:
Accelerate your business!
Branding
Your brand is more than just a pretty logo. It's how you communicate with your target audience and the messaging behind everything you do. We help build brands using a "Strategy first" approach.
UX Design
Drawing on more than 40 years of combined experience, we combine flexible research tools with interactive development techniques and hands-on testing.
UI Design
Take advantage of our decades of combined experience. We design a User Interface system that is based on the specific preferences and behaviours of your users.
Web Development
Think of your website like an employee. You want it to look nice, speak well of your brand and work perfectly right? We can build a website for you that achieves all your goals.
Website Maintenance
We take care of your website so you don’t have to worry about it. We will make sure it’s up, safe and helping your business to grow.
Copywriting
WCB Agency provides professional SEO-copywriting services for small and mid-sized businesses who are looking to generate leads and close sales.