Screenshot of the Southern Ferries case study by Michael Saunders

Southern Ferries

Responsive Web Design & Development

Southern Ferries are located in Central London and were established in 1982 to represent top Mediterranean car ferry operators in the UK. They provide a friendly, personal booking service for their customers for numerous ferry trips to France, Corsica, Sardinia, Tunisia, Algeria, Spain, Balearics, Morocco and the Canary Islands.

As well as offering the personal touch where customers can visit their office in Central London, Southern Ferries wanted to update their booking system to be completely online giving their customers the freedom to book ferry trips either in person or online. While retaining its branding the Southern Ferries website was redesigned and rebuilt with a maintainable Bootstrap framework, with a mobile first approach and given a fully-responsive layout where the website scales to fit whichever browser or device a customer is using. The website draws from the one code base and was designed and built from scratch using hand-coded HTML and CSS with jQuery and JavaScript.

Screenshot of the Southern Ferries homepage in mobile, tablet & desktop viewports

Southern Ferries Responsive Web Design & Development

Homepage - Mobile, Tablet & Desktop Viewports

Screenshot of the Southern Ferries destination webpage in a tablet Viewport

Southern Ferries Responsive Web Design & Development

Destination Webpage - Tablet Viewport

Screenshot of the Southern Ferries operators webpage & with the navigation open in mobile viewports

Southern Ferries Responsive Web Design & Development

Operators Webpage & Navigation Open - Mobile Viewports

Screenshot of the Southern Ferries booking form open & destination webpage in mobile viewports

Southern Ferries Responsive Web Design & Development

Booking Form Open & Destination Webpage - Mobile Viewports

Screenshot of the Southern Ferries destination webpage in a desktop viewport

Southern Ferries Responsive Web Design & Development

Destination Webpage - Desktop Viewport

Screenshot of the Southern Ferries contact us webpage in a desktop viewport

Southern Ferries Responsive Web Design & Development

Contact Us Webpage - Desktop Viewport

Design

  • Responsive Web Design
  • Email Newsletter Design
  • User Experience
  • Advert Design

Development

  • Web Development
  • Mobile Development
  • Email Newsletter Development
  • Digital Product Development

Take a look at the rest of my work.