Kemira.com
Makeover the official digital channel to solve complex architectural setups and improve accessibility & usability
Task
To lead the kemira.com reimplementation design from brand experience, and accessibility point of view. Ensure that the design is implemented accordingly. And establish a design system within the kemira.com reimplementation project.
Kemira.com is the primary digital channel for Kemira’s communicational purposes. Even though the quality of design and content were executed professionally, technical unreliability causes frustration on many levels. It was inevitable to implement a new stable and reliable content management system and increase the efficiency of accessibility, usability, and functionalities into account.
Kemira selected WordPress with a much more streamlined setup. At the same time, I used the results and gathered knowledge from the Sustainability minisite and accessibility & usability assessment projects to improve the appearance, visual structure, and functionality components right from the beginning with minimum impact on the front-end engine.
This is the core fundamental we would like to put right for the new version of kemira.com. I led kemira.com accessibility and usability assessment project before this project started. We had the assessment results, and a compilation of identified UX & UI challenges both known and newly discovered ones at the ready. With the aim to address them at once and achieve the digital accessibility targets for all the defined conformances. To ensure the website complies with the European Web Accessibility Directive.
I experimented with the design choices to tackle all those issues in the Sustainability minisite project and bring the learnings and outcomes to assemble into the new kemira.com environment.
It’s imperative to design website components that are accessible, usable, efficient, easy to understand and optimised for chosen desktops, laptops, and mobile devices. These components allow kemira.com to scale efficiently. During the design process, I experimented and addressed them comprehensively beforehand. This ensures that the new website would run into fewer issues as the website grows.
As well, I made it mandatory for the developers that In the backend system has to provide an uncomplicated interface that allows content creators to implement the different structures with all components on the website conveniently. And to make sure users can interact with the elements the way we want them to.
Carousel hero area
Teaser hero
Section with background colour
Section with background image
Hero with background image
Factblocks
Tagging system
Teaser carousel
Tile banner
In this new version of kemira.com, I gave motion and micro interaction a vital role in how a user perceives and engages with the website. As motion is much more memorable for users than static. we can engage users with consistent motion sequences to coherent with content and better the communication.
I developed the way we navigate the complex areas, for example, the Investor Relations section which normally provides a vast amount of information. After a number of experiments, we concluded with the Megamenu solution. It is a comprehensive option and ensures all pages are included within the navigation. Users will always have easy access to every page in the section. And helps boost search engine rankings as well.
I periodically work with the website manager to revisit the developed components or pages, and fine-tune them for the better user experience throughout the website.
I introduced the practice of using the space efficiently in everywhere we can throughout the website. This is to avoid long scrolling pages and helps users to find the content they need in a short amount of time. Nevertheless, I stayed true to the brand aesthetic by careful layout and being considerate in combining and placing different elements together.
Homepage
Insights
Future of food packaging
Investors
Investors - Alternative
News
Article