COLOUR CHOICES
S6F already had an established brand and colour palette. The new colours were chosen to have a synergy with the established logo. Orange was used as the highlight colour.
FONT CHOICES
Lato was chosen as the primary font due to its clarity and number of styles. The font also processes a mature and trustworthy attribute essential for higher education.
HOME PAGE
The design is distinctive, mature and modern. Using large amounts of images and video to convey the college quickly and establishing orange as the highlight colour. The search area was placed right at the top of the home page, as suggested by S6F. I then broke down the other essential information on S6F Courses, New Student Information & Facilities just below.
NAVIGATION
The design required a series of navigation systems to accommodate new users and established students and parents. Allowing intuitive access to the college portal (Left-hand navigation). The new students could easily find a quick route to the information they required. A modal menu was incorporated for all the links on the website. Sticky navigation was devised to allow new students quick and easy access to all the courses.
RESPONSIVE
The examples below show how the home page will reformat when on a tablet or mobile phone, all the website was fully responsive on all pages.
S6F COURSE DESIGNS
Easy and clear navigation of the course's area was one of the most critical aspects of the project. Instead of having the navigation on the left-hand side of the courses page, I decided to develop a sticky quick link navigation at the top. This gives the visitor quick access to all the courses when searching. Allowing the user to move quickly to any course section desired for a smooth and friendly UX experience.
COURSE COLOURS
As there is already a colour scheme for separating the apprenticeships, I thought a simple colour
coding scheme for all the courses would work for both students and staff. Just a subtle suggestion of colour that would allow for the overview of the courses to have a small dot within their information box.
coding scheme for all the courses would work for both students and staff. Just a subtle suggestion of colour that would allow for the overview of the courses to have a small dot within their information box.
CONCLUSION
The final designs answered the brief thoroughly and successfully, creating a modern and mature aesthetic with exceptional UX functionality. Allowing students new and old quick and easy access to the most relevant information. The contemporary design also raised the college's self-image and attractiveness to prospective new students.
The website was launched in October 2019.
