Translating A Traditional Publishing Company In The Digital Age

A Goodpatch Case Study

In 2016 the B2B special-interst publisher WEKA reached out to Goodpatch to realign their existing product. What started as a redesign of a website became a big step towards digitalization of their business model and a challenging software project.

How might we realign the WEKA Business Portal and create a new digital experience?

The Client
The WEKA publishing company is one of the biggest media companies in Germany and focuses on expert information for industry and administration. As one of the leading supplier of multimedia expert information WEKA offers a wide range of digital solutions, e-learnings and applications. One big topic they focus on is “occupational safety and health”. Their products are used by professionals and executives in the area of management, construction and engineering.

The Existing Product
The WEKA Business Portal is the central hub for all WEKA products and allow the user to manage and access the bought products easily. Within the portal the user has access to related databases for legal secure working and can access templates as well as working utensils for educational purposes.

The Goal
At the time of the project’s kick-off the existing solution had several issues, which was the reason for a complete relaunch of the product. With the realignment of the WEKA Business Portal an easier and faster access of the products, a better representation of WEKA’s offers and a stronger focus on the personal experience should be guaranteed.

The old version of the WEKA Business Portal before the project started.

What does the relaunch of the WEKA Business Portal look like and what are the functional changes?

Theme Portlets
The theme portlets are the core of the WEKA Business Portal. They represent a bundle of topic-related modules (digital products), that are bought by the user. According to the client’s company size the amount of modules can vary between 1–100. To guarantee a structured workflow at any time, we designed some intelligent organization functions to have only the most important modules in the client’s viewport. Users can pin several modules to access them quickly by the overview and have the ability to toggle the visibility of modules and theme portlets.

The portlet overview shows all theme portlets, which are bought and available for the user. Theme portlets can be rearranged, hidden or favorized to fit the user’s needs.

By accessing the detail view the user has a clean overview of all bought modules and can toggle between a list or grid view to see more details of the module. If the user pins a module, it is displayed as a small thumbnail and quick access link on the theme portlet overview.

In the detail view of every theme portlet all topic-related modules are listed. The user can pin several portlets to have a quick access or jump between the detail views with the help of the right sidebar.

When the users open theWEKA Business Portal all modules bought by their company are displayed. Depending on the working environment of the user not every single module might be needed. Therefore modules and entire theme portlets can be hidden and accessed on the “Other Module” view.

If the user has decided to hide a theme portlet it is stored at the “Other Module” page. Here the user can interact with the modules as usual and move them back to the “My Module” page at any time.

With the new version of the WEKA Business Portal we introduced widgets, which are modular and functional extensions, which help users to organize, manage and augment their WEKA modules. Widgets are in the left sidebar menu and accessible at all time. Within the new release the three widgets: “favorits”,“news” and “module history” are available.

Widgets are a powerful addition to the default toolset of the WEKA Business Portal as they can help you to manage and organize the modules better.

As all modules should be easily accessible the search was an important aspect, while redesigning the existing portal. Thus, we designed an simple to filter live search, where all search results are displayed in a clean structured overview. Search queries can be saved and accessed within one click.

To find all WEKA modules within a few clicks we set up a live search with content-related filter options.

Personalization Process
Every new client has a general anonymous login at the first access of the WEKA Business Portal. Later on, users have the possibility to personalize themselves to access more functionalities and personalize the portal according to their needs. In order to provide a simple and fast personalization process, this is the new dialog chain we came up with.

How we achieved it and what we learned from it?

The Process
The project kicked off with an intense two days’ workshop at WEKA’s headquarter to identify common visions and needs for the current product. We analyzed the existing WEKA Business Portal with a detailed look at all related stakeholders, user journeys and the value proposition canvas in order to spot weaknesses and chances for improvement. Within the concept and design phase we focused on rapid prototyping to communicate the experience of the new product and did user tests to get instant feedback. Finally, the development phase started and the concept was translated pixel perfect in the web.

Together with WEKA’s team we had an exciting two days’s workshop at their headquarter.

Main Challenges
WEKA has a large user base of people working with the WEKA Business Portal for years. So implementing new interaction patterns, conceptional changes and functional rearrangements had to be communicated clearly and a strong guidance within the portal had to be created.

Therefore we set up easy to follow instructions within the portal in form of helping dialogs. As the amount of content varies for every client, creating a consistent look and experience required detailed iterations, close client communications and strong responds from the developers.

During the project it became evident that good documentation is the key for a successful development project and the stronger the relation to the client is the stronger the output is going to be.

That’s it! Big thanks to the whole Goodpatch team, who helped to design/develop/conceptualize this exciting project. Stay tuned and follow our journey on Facebook, Instagram, and Twitter.