With the award winning relaunch of the global website and the following rollout of the new design and system to 16 markets we started our ongoing journey as digital partner of Octapharma AG.
Octapharma manufactures life-saving medication from human proteins and launched its new global website as the central point of call for all their target groups and audiences around the world.
The focus on patients shaped the approach to content and user-interface design.
The website is fully responsive and is based on modular UI design framework including an online styleguide.
The content aims to help patients and other stakeholders learn about the therapies we develop and all the production, quality and safety processes behind them in easy and accessible language.
Textual information has been reduced to a media adequate reading format and is focussing on the needs of the target groups to “become a partner in life”.
"Our goal was to develop a strong online presence centered around the patients who rely on our products and to showcase our innovative health solutions to advance human life."
Kerttu Eskelinen, Digital Media Manager, Octapharma
Our Solution
The technical setup is very innovative. We use a state-of-the-art combination of Storyblok, the modern headless Content Management System, and a React, CSS and Javascript based frontend.
By using Next.js, we deploy the website as a static version to a Microsoft cloud hosting platform, enabling high-functioning delivery worldwide. Several third-party services, such as a mailing feature, were also implemented using software-as-a-service applications.
The combination of cutting edge technology, design and collaboration across regions has resulted in a website that offers a fantastic top-level user experience, localised content, supported by strong story-telling, on an easily replicated platform that can be rolled out in any country in a very short time frame.
Up to 20 market websites are being developed within the same IT system and using the same design framework.
The integration of advanced technology, innovative design, and cross-regional collaboration has created a website that delivers an exceptional user experience.
Our approach leverages the modularity and responsiveness of Storyblok coupled with a React-based frontend.
We are proud that Octapharma was awarded Gold in the Best corporate website at the Digital Impact Awards 2020.
The modular UI design and intuitive CMS enable easy customization for diverse global audiences.
Responsive webdesign
Webtools & services
Restricted content areas
Search engine optimized
Editor trainings and manual
Event registrations and customer acquisition
Multi language system
Agile working
The Evolution
Since its launch, our system has continuously evolved to enhance flexibility and improve user experience. We've introduced design updates, product-specific landing pages, and a dedicated learning platform for healthcare professionals.
The Science Hub was created to provide healthcare professionals with live conference streams, recorded sessions, e-learning modules, and detailed updates on Octapharma's developments. Integrated with Storyblok, our CXM ensures tailored information delivery and facilitates targeted campaigns to engage users effectively. The system's flexibility enables rapid adaptation to maintain brand consistency.
)
)
)
)
)
)
)
)
)
:focal(246x235:247x236))
:focal(500x198:501x199))