Image of LUKS hospital building from the outside

LUKS
Web Maintenance and Extensions

Client
Lucerne Cantonal Hospital (LUKS)
Project
Maintenance and Extensions
Services
Design, development and maintenance

The LUKS team initially worked together with an external agency on the concept, design and frontend of a new website for the brand; Amazee Labs was responsible for the technical implementation using Drupal 8. Throughout its lifespan, the website has required new design, functionalities, updates, extensions, and web maintenance. Our design and development teams have implemented these requirements while maintaining a consistent and coherent user experience.

Social Media Integration

Social Media Integration

THE BRIEF

LUKS has a variety of social media channels. They wanted to leverage the platforms they were most active in to encourage more user engagement. The brief was to integrate LinkedIn, Instagram and YouTube in a social media tab on their Newsroom page.

Social Media

The Solution

The Solution

As social APIs change frequently, they tend to break often, with the potential to cause significant maintenance effort. In order to create a maintainable solution, and to reduce complexity, our solution was to tightly integrate a third-party tool – walls.io. This platform is easily customisable with a number of templates already available. Walls.io has multiple integration options, and can be customised directly in the platform. This meant a reduced time and cost to achieve the implementation goals, as well as maintenance costs required to make changes in the future.

Social Media Desktop
Social Media Mobile

The Solution 

The Solution 

Our design team took the time to design advertisements relating to the page content, creating a classy and consistent look-and-feel for the page. The development team adapted the system to allow for advertising slots to be loaded as content elements in the backend. These slots consist of various components: a title, image, text and link. The advertisements are shown as teasers with the text linked. Slots can be managed from a single administration page; included is a widget which allows the creator to reorder, edit and delete slot items at any time. The advertisements can also be positioned and displayed in various ways, according to specified sort-order and frequency.

As the design called for advertisement slots to occupy two slots on the desktop – compared to baby images, which only occupy one slot – a complex placement algorithm was developed to ensure that advertisements would not be set in the fourth spot, which would compromise the layout. The team implemented a React.js component for the Baby Gallery Search, which draws its result from a Drupal backend JSON feed with the advertisements injected into the feed at the correct slots.

Baby Gallery Desktop
Baby Gallery Mobile

Waiting Room Screen

Waiting Room Screen

THE BRIEF

The premises of Luzerner Kantonsspital houses over 50 large display screens allocated throughout the hospital. This space is ideal for targeted brand communication. The brief stated that these screens be used to showcase various news stories from the newsroom, following the same strategy which is currently used on public transport advertising, for example.

Image of green chairs in a waiting room

The Solution

The Solution

A large dynamic display screen was designed showcasing various stories pulled in from the Newsroom. The template was required to match the TV monitor resolution and format, the largest being 240 inches. The display was created with a Drupal feed to display the latest news elements. The site includes elements such as the logo, various news stories, and a news ticker. The stories consist of an image, title and descriptive text; and the integrated news ticker displays the latest stories in a dynamic and live manner. The result allows people in the waiting areas to engage with the brand and additionally prompts them to visit the LUKS website.

Waiting Room screen

Automated Newsroom Newsletter

Automated Newsroom Newsletter

THE BRIEF

Currently, LUKS users are able to subscribe to four different Newsletter categories: News, Personelles, Forschung and Medienspiegel. These categories are also reflected in the Newsroom stories featured on the website. The brief was to automate the newsletters as this would be more efficient and help save time.

The Brief

The Solution

The Solution

Since Campaign Monitor was already being used, it was implemented so that LUKS staff are empowered to publish the stories directly to the mail delivery platform. The stories are flagged and automatically pushed to Campaign Monitor every third Tuesday of the month.

Two designs were created for the newsletter system implementation - a full-page newsletter sign-up form and a sign-up banner box - to be included within the content on other pages. Within the form are four checkboxes which enables the user to select which newsletter categories they are interested in.

To make the solution maintainable and to limit the data transmission responsibilities from a privacy perspective, we used a hybrid approach; the sign-up form comes from Campaign Monitor with no data stored in Drupal. To send the stories to Campaign Monitor, an API was implemented. The stories are tagged with categories which are then matched to the various sign-up options in Campaign Monitor.

A dynamic template was created and styled in Campaign Monitor so that users would only receive stories on topics which they had previously signed up for.

We also created a small admin UI in Drupal where the LUKS team are empowered to change the next creation date – as well as to pause the newsletter creation altogether. Additionally, stories can be manually flagged/unflagged to be included or not.

As API integrations can and do experience outages, we also added automated checks. These checks report to the project’s Slack channel, notifying the channel members whether the creation was successful or not. This way, we are able to proactively troubleshoot failures without the LUKS team needing to inform us.

Newsletter Desktop
Newsletter Mobile

News Article Improvements

News Article Improvements

THE BRIEF

LUKS wanted to update the website’s news posts by integrating a ‘Related Articles’ section. This new element would be strategically placed throughout the website, allowing the user to access the content at various points during their journey. Additionally, the brief was to include share options for individual news article pages, and a sign-up form on all news article pages to encourage newsletter sign ups.

Social Sharing

The Solution

The Solution

A ‘Related Articles’ section was added to pages, which were most relevant to the user journey, in order to drive more traffic to those pages. Drupal matches content by related taxonomy terms which act as tags. Related content is added to pages via Drupal Blocks.

Social share icons were added, these included: WhatsApp, Facebook Messenger, Facebook, Twitter, Telegram, Threema, and LinkedIn. With the new icons, the user is now able to share all articles. This new functionality helped create more user engagement and to drive traffic to the website. We used the GDPR compliant AddToAny Drupal module for this with custom artwork and styling to hide and show different items depending on the device being used.

By adding a newsletter sign-up form to all articles, users are given an option to stay informed, making it easier for them to sign-up.

Related Articles Desktop
Related Articles Mobile

Was this page helpful

Was this page helpful

THE BRIEF

The LUKS website is quite complex, and the information housed on it can be extensive. With this in mind, we wanted to make sure that all the content living on the site was useful and helpful to users. We proposed to implement a ‘Was this page helpful?’ section which would be placed above the footer. This feature would allow the user to give concise feedback as to whether or not they found the specific page and its content helpful.

Was The Page Helpful

The Solution

The Solution

We implemented the ‘Was this page helpful’ feature on all pages, with an option for the LUKS team to hide it on the pages that were deemed less complex. To achieve the solution, we used the Drupal webforms module. If the page was helpful, the user can click ‘yes’. If they click ‘no’ they are asked for their feedback and whether or not they would like a response, after which they are able to submit their feedback. This was done with a custom block plugin that creates a form and sends the results to a dedicated webform handler. We also used Javascript to add some basic micro interaction animation.

The user can now give detailed feedback about what they felt was relevant and useful. The LUKS team receives a full report showcasing this feedback in the Drupal admin interface or they can download it in a CSV format. We used the Drupal Views functionality to create the reporting and data export feature. LUKS can now also sort and filter through all submissions. With this information, the LUKS team is able to adapt and adjust the content in a meaningful way, making it more relevant to the user.

Was this page helpful
Was this page helpful Desktop
Was this page helpful Mobile