s6f

Sixth Form College multi-faceted web development

Our Approach

Scarborough Sixth Form College required a multi-faceted website. After a series of meetings with S6F a clear and rational sequence of decisions where made. A friendly and straightforward UX design was essential to the next generation of students. The following project page outlines those decisions which led to the resulting website design.
Website Design 99%
Search Engine Optimisation 95%
Branding & Design 97%

the challenge

Objectives

Comprehensive research and understanding of staff, parents and students website-user journeys and personas was the beggining point of the project. 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.

design and development

Landing Page Design

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.

user persona

Target Audience

course finder

UX + Ui

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.

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.

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

branding and design

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.

Typography

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.

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.

You'll be in good company

Why be a moda.digital partner?

We don’t work with anyone, and we work with clients that we know we can make a significant impact. We focus on your actual revenue growth; your bottom line is the end goal for all the work we do.

Website design and Digital Marketing

We live and breathe web design and digital marketing. All our services are competitively priced and if you would like a quote please get intouch. Through smart data digital marketing and beautifully crafted website design and development, we transform businesses; we improve them. Continuously.

Do you have a question?

Please use the form below to ask any question or say hello. We are also traditionalists and still use a phone.

0131 618 7444

Please complete the required fields *   |   By submitting this form I agree to moda.digital’s
Privacy Policy

Thank you!

We'll be in Touch Shortly.

share with the world

Share on facebook
Share on twitter
Share on linkedin

Quick Quote

Request a Call Back or email

Free SEO Audit

We Use Cookies

We love cookies, we hope you love them too.

Thank you!

Your FREE step-by-step
guide is on its way.

share with the world

Share on facebook
Share on twitter
Share on linkedin
1
2
3
4
5
6
7

Want More SEO Traffic?

Answer 7 quick and easy questions and Moda will give you a FREE step-by-step guide to increase your website traffic.

What is your SEO experience level?

Do you know code or have a website developer to make changes to your website?

Do you have a blog?
If it's a yes, how many posts per month?

Do you run any Advertising or Paid Ads?

How much revenue do you generate per month?

You have completed the SEO Quiz!

To get your results and get a FREE step-by-step guide to increase your traffic just enter your details below.

Thank you!

We'll be in Touch Shortly.

share with the world

Share on facebook
Share on twitter
Share on linkedin

Thank you!

We'll be in Touch Shortly.

share with the world

Share on facebook
Share on twitter
Share on linkedin