UX design / Web development 

Port of Galway

UX DESIGN

The Port of Galway needed to refresh their out-of-date website and create a web presence in line with their industry.

The website needed to also inform the public of the details of the proposed Port Expansion, while selling the benefits in a clear and easy-to-comprehend manner.

The UX redesign involved automating and optimising Port processes by creating a “Port Access” digital hub for physical visitors to the Port, like contractors, surveyors and shipping arrivals.

Categories

UX Design
Web Development

PROJECT OVERVIEW

The Port of Galway approached me to design and develop a new website to replace the current website that they had in operation, which had fallen far behind the rest of the industry.

The Port wanted to have a strong web presence, with a focus on delivering information about the day-to-day operations of the Port to the public in a clear, easy-to-comprehend manner.

I was tasked with conducting a full UX design and development of a new web platform that would showcase the Port to the public, give clear details of the proposed Port expansion plans in an understandable layout and sell the benefits of these plans to the public.

The Port was also targeting Cruise liners, so required showcasing both the Port as a viable docking for Cruise liners, and also Galway as a desirable destination for their passengers.

From interviews with different stakeholders within the Port, I identified processes that could be optimised, digitised and automated for increased efficiency.

GATHERING BUSINESS REQUIREMENTS
AND DESIGNING SOLUTIONS

VISUAL DESIGN:

Identified Requirement:

The Port of Galway had been using an outdated website, that had been discarded of updates for several years. They wanted a fresh, modern visual design to attract users to want to stay on their site and browse for the information they seek easily.

Designed Solution:

The website was given a clean, modern layout with it’s new visual design. Information was laid out using the full real estate of the browser window, utilising responsive design. The content was displayed in a clear manner with use of white space, large images and video. The content was split with visually interesting elements, like parallax imagery.

PORT DAY-TO-DAY OPERATIONS:

Identified Requirement:

The public are very interested in the day-to-day operations of the Port. The Harbour Master was receiving emails from people with queries about what was happening at the Port. Social Media was where updates about the day-to-day operations were being found, but the website did not factor into this in any way.

The Port wanted to use the website as a digital platform to inform the public on the day-to-day operations of the Port – everything from news updates to Shipping Schedules.

Designed Solution:

From interviews with the Harbour Master, it seemed that a lot of the queries that came in were from the public asking what a particular ship was, what it carried, etc.

I designed a “Shipping Schedule” page. The Admin Team at the Port can upload a spreadsheet once a week that will automatically display the Shipping Schedule, broken into Arrivals and Departures on the website. It will also extract the Shipping Schedule for this particular day and display on the homepage.

I also designed a “Cruise Ship Schedule” page for the public to be able to identify the cruise ship that they see in the bay, with information about size, passengers, crew, etc.

The rest of the updates could be found instinctively in the “Latest News” section.

PORT EXPANSION PLANS:

Identified Requirement:

The Port of Galway is an historic port, dating back to the 10th Century. Over the years, the Port has become limited in it’s operation because of the restrictions of the size of the harbour. The Port has put forward plans for a Port expansion that will help the Port overcome these limitations, grow and expand.

The public plays a large part in the success of these plans, so keeping the public informed about the plans, showing full transparency and showcasing the benefits of the Port Expansion plans in an easy to comprehend manner was a key element required in the website redesign.

Designed Solution:

I gained a full understanding of the plans for the expansion, the stages involved and the benefits it will provide to the City of Galway.

To display this information in a clear, concise and easy-to-comprehend manner, I designed a layout that splits the information into different sections, using 3D rendered videos and animated gifs to aid the sometime technical text conent and help give the general public a clear understanding of the plans.

User feedback was taken along the way to ensure that the design was displaying the information in a clear, understandable manner.

DOCUMENT DISCLOSURES:

Identified Requirement:

Certain public and financial documents need to be legally available to members of the public to view. The Port wanted to use the website as a hub where the public could access these documents easily.

Designed Solution:

A “Documents” section was designed for the website. The Port Admin team can upload new documents at the click of a single button, which will display the document embedded on the website for the user to access and read easily.

MARINE NOTICES:

Identified Requirement:

The Port have a pre-defined list of email addresses that they manually send out Marine Notices to. Marine Notices are urgent updates to relevant seafarers who may be affected by weather or operations in the bay.

The Port wanted to automate this process greatly, so that Marine Notices were available immediately on the website and would automatically send out to all email addresses on their list.

Designed Solution:

Much of the UX design for the Port involved more back-end design, than front-end. I designed an interface where the Admin Team can upload a Marine Notice at the click of a single button.

It will publish the Marine Notice as an embedded PDF on the website and automatically send an email notification to everyone on the Port’s Marine Notice email list.

TIDE TIMES:

Identified Requirement:

The Port Office sells books of Tide Times to the public for a small cost to cover printing charges and a very small profit.

They wanted to have this information available to the public easily, but did not want to disclose the full year of Tide Times, so that sales of the Tide Times booklet would not be affected.

Designed Solution:

I designed a Tide Times page that dynamically shows the tide times for the upcoming 7 days only. This way, the average user can view the tide times, but the user who requires a full year of tide times will still need to purchase the booklet. A link is present to purchase the booklet.

Displaying the information in an understandable and visually interesting way invovled a lot of work on the layout of responsive tables for mobile displays. I designed an animation of waves for the page header to bring something visually interesting to the page.

RECEPTION

The Port of Galway were very happy with their digital solution, how their internal processes were optimised and ran more efficiently and how engagement with the website increased exponentially. The website has become a hub for information about the Port as well as a platform for digitising and automating tasks.

TESTIMONIAL

Alan was the preferred web designer for a complete overhaul of the Port’s web site. Alan is one of those rare people that can get inside your head as ideas flow and his creative genius allows for great content and imagery online.

I am very happy with the Port’s website, it’s interactive content, it’s constant updating of feeds from Facebook and Twitter. The website, Facebook, Twitter and all our branding are mirrored so there is a cohesive message across all platforms.

Alan has always met deadlines for me, usually when I require images at short notice. Ten out of ten!

Captain Brian Sheridan

Harbour Master, Port of Galway

Let’s Work Together
Say Hello!