Designing & Building Three Websites in Two Months - Case Invalidisäätiö

Designing & Building Three Websites in Two Months - Case Invalidisäätiö

Invalidisäätiö decided to execute a brand renewal to all its three brands, which meant new websites and a platform of sales & marketing tools. Kaks.io was chosen as their design & technology partner. The schedule was tight, but Kaks.io managed to create accessible, intuitive and easy to use websites in time.


Kaks.io Labs   By  Kaks.io Labs  Dec 28, 2018
Share:   Share on facebook Share on linkedin Share on twitter

TOPICS: CUSTOMER STORY, WEB DEVELOPMENT, INTEGRATION

A foundation with an important cause

Invalidisäätiö is a foundation established in 1940 for the medical treatment, rehabilitation and vocational training of veterans injured in the Finnish Winter War during WWII. The Finnish society has gone through great changes since those days and Invalidisäätiö has been keeping up with this development by changing its own activities to meet the demands of the changing society.

“Our aim is to ensure that all individuals are part of our society in the best possible way”, says Leena Hallamaa, Director of Customer Relations at Invalidisäätiö. “Our philosophy is, that every human being is valuable as they are, whether they can work 4 hours or 40 hours a week. Everyone can be provided with work”, continues Leena.

Our philosophy is, that every human being is valuable as they are.

In order to keep up with the changing society, Invalidisäätiö decided to execute a brand renewal to all its 3 brands (Invalidisäätiö, Vocational College Live, Live Services) including new websites and a platform of sales & marketing tools in spring 2018.  After revamping the brand in May 2018 with a separate branding agency, Invalidisäätiö started planning the redesign of their websites and chose HubSpot platform and Kaks.io Labs as their design & technology partner.

Sounds straightforward? Well here’s the catch: The update included three entire websites, slightly under 400 separate web pages all over the course of 2 months during the months of June and July. And to make it even more challenging, all websites had to be easy to use and to have a certain level of accessibility. A significant amount of Invalidisäätiö’s customers are individuals with special needs including different levels of disability, injury, illness or other special needs, which resulted in significant requirements in terms of UI and UX.

Three new websites on a tight schedule

Invalidisäätiö’s aim was to create three completely renewed websites with a modern look and feel as well as ones that are easy, accessible and intuitive to use for all stakeholders – external and internal – included. The concrete goals were set as the following:

  • Completing three launchpad websites before August 2018.
  • Increasing the amount of monthly sessions after launch with 20% within the first 3 months with Growth driven design.

Vere HubSpot Design

The first goal was critical to reach because the autumn semester was starting on August 13th and the new website for Vocational College Live (part of Invalidisäätiö) had to be finished by then. The second goal was based on the nature of the foundation: instead of gaining a large amount of inbound leads, the primary aim of the company was to gain as large as possible audience and coverage for its important message and cause. Secondary goals included increasing the amount of organic sessions as well as increasing the amount of marketing qualified leads.

Sturdy project management

The project started off by sitting down with the project team and planning the execution. Invalidisäätiö's branding agency provided Kaks.io Labs with a new brandbook for Invalidisäätiö which served as a guideline for the colors, typographies and images to be used. Simultaneously Kaks.io started planning the technical aspects of the implementation. Finally, the lawful boundaries were discussed and a very detailed project plan and project management guidelines were agreed on. This included e.g. change management guidelines, which are vital in a website project of this size. After this the team was ready for action!

In order to meet the deadline the following phasing and roles were agreed on. As the site for Vocational College Live was the most crucial, Invalidisäätiö provided Kaks.io with a rough sitemap and navigation plan immediately. The two other sites, Invalidisäätiö’s own and Live Services, were started a few weeks later. In terms of the roles, Kaks.io Labs was in charge of creating individual templates and all technical issues and development. Invalidisäätiö’s role was to do copywriting, in other words provide all written context for the sites.

Vere HubSpot Design

Kaks.io generated examples of all pages including layout with actual fonts, colors and placeholders for images. Then an extensive HubSpot training was started. Kaks.io taught 5 core players at Invalidisäätiö to use HubSpot and make updates on the websites. By cloning they were able to produce 2nd and 3rd level pages easily by themselves. This was followed by selecting images for the website. The images were carefully selected from image banks to support the new brand and visual identity.

Driving more traffic and making updates easy

As mentioned, one of the main goals was to gain a larger amount of visitors. One of the main ways to meet this goal was to rearrange the content in to match user needs in a better way. Based on feedback and previous analytics pages were regrouped and user flows were rethought. In order to support search engines, three different topic clusters were created around the most prominent themes. This was followed by creating three pillar pages including relevant subtopics.

Vere HubSpot Design

Workers at Invalidisäätiö were trained to use HubSpot and to take part in the development work from the very beginning. The aim was to ensure that they are fully capable to do text, image and certain modular updates independently, while Kaks.io focuses on the more technical development of the websites. One example of this was creating various custom repeater modules. These were selected instead of flexible columns in order to give the customer a certain level of freedom but nevertheless minimizing the risks of errors and maintaining a visually coherent style.

An accessible site for everyone

In order to ensure the accessibility of the websites, the project team had a separate planning session to understand all aspects involved in e.g. serving the visually impaired and visitors with different learning disabilities. The text was written in a simple way and a text-to-speech functionality was implemented. ReadSpeaker’s text-to-speech module was chosen and added on the college’s website. The site was then tested on JAWS screen reader and changes were made based on the results.

To make sure that the site stayed accessible in the future, Kaks.io initiated an ongoing communication between users, an accessibility specialist in order to improve the accessibility continuously in unison with other development needs.

Integrating the HR system

In order to offer visitors as good an experience as possible, Invalidisäätiö’s HR system Sympa HR was also integrated. Invalidisäätiö has hundreds of employees whose contact information must be shared on the site. Kaks.io implemented search functionalities where users can search employees based on multiple criteria such as first name, last name, title, location etc.

The information itself was stored in HubDB for effective implementation and easy maintenance. Because of frequent changes an integration was built between the HR platform and HubSpot. The HR Server uploads a CSV file daily to a third server. Because this file couldn’t be changed on the HR side, it is modified to include only relevant employees on this server. This job is activated daily after the file transfer and the changed information is uploaded into HubSpot using the HubDB API. This way the contact information is always up-to-date without human intervention in the process.

Exciting results and successful collaboration

Vere HubSpot DesignAfter a very intensive summer, all three websites were tested, optimized and published on time. This alone was a big achievement.

“Kaks.io’s commitment has been nothing short of amazing. I can only just guess how many holiday plans were rescheduled, but it was never visible. The complete opposite – surprises have always been positive from Kaks.io’s side, as they have often thought about the next steps half a mile further than us!” sums up Leena.

Moreover, the work did not stop after the launch. In order to reach the goal of increasing the amount of visitors, collaboration was continued with HubSpot's Growth Driven Design and inbound services. This was done by utilizing the entire HubSpot platform including CRM, sales and marketing.Vere HubSpot Design

After an autumn of hard work, the goals of visitor increase were not only met, they were surpassed. By the end of the year, Invalidisäätiö had realized a growth of around 27% in its monthly sessions. In addition session from organic search increased by 34% while the amount of MQL's increased by 21%. Both Invalidisäätiö and Kaks.io are very pleased with the results.

Vere HubSpot DesignAfter the website project Invalidisäätiö shows no signals of slowing down. They have dived directly into all other parts of HubSpot with Kaks.io, who is specialized in utilizing HubSpot’s entire platform. This work has included setting up and fine tuning sales, marketing and services tools as well as even designing digital services on top of HubSpot’s platform. Stay tuned for more to come!

 

 

Want to know more? Contact us!


Recent Posts