Course Finder Website Re-development
Course Finder Website Re-development

The brief

Course finder re-development project to create a new responsive scrolling web design for course finder using the signed off wireframes - view wireframe project.

The original website (see below) was very text heavy and included very little imagery. It also had too many navigation options that took visitors away from the course finder.
Original Course Finder website
The new website linked into the course finder management system and included options for video in each of the tabbed sections, student quotes, image galleries, add accreditation/award logos and the option to have custom background image for each course.
Course page for course finder
Course finder media options
CSS animated side bar displaying core course details
Sticky tabbed navigation for the course page
Fixed side navigation with delayed loading after the side bar loads.
Responsive photo gallery
Awards and accreditation section
Footer course search - not the course you are looking for...
As the design is responsive the page becomes a stacked one page scroll site on mobile with a back-to-top button that appears when you start to scroll down.
Responsive mobile screen shot
The sidebar menu can be toggled on an off too.
Course Finder Website Re-development
2
9
0
Published:

Course Finder Website Re-development

Course Finder re-development for the University of Salford. A new UX design to improve visitors experience built with HTML, CSS and jQuery.
2
9
0
Published:

Tools

Creative Fields