Relaunch with a new design system

Redesign of the news portal suedostschweiz.ch

For a news portal, it is particularly important that readers can inform themselves across various screen sizes. Clear reduced design, good readability, as well as great user flow across various devices are the focus. This was the second time that we had the opportunity to contribute to the relaunch of the regional news portal of the media house Somedia in Chur.

New look with improved readability

Since 2016, we have been able to support the media house with our expertise in UX design. In 2017, the platform redesign went online with a completely new concept and visual look. The main focus was on the structure of the homepage and accessibility on various screen sizes (Responsive Design). Almost 4 years later, suedostschweiz.ch is once again getting a fresh, modern new look. Thanks to the optimized presentation, the portal has become even more reader-friendly and offers readers more space and focus for even better orientation.

suedostschweiz.ch auf Tablet und Mobile

One design system for all contributors

For the relaunch, we not only created a new user experience design, but also developed a complete design system. With the modular design system, the entire concept is organized and future-proof. All elements are documented and can be used as reference by every contributor.

What is a design system?

Instead of corporate design manuals, design systems are used today because they are much more flexible. A design system is a collection of reusable components with clear rules, principles and constraints for a company’s design development. In addition to generally valid principles, this also includes code and UI components. The result is fixed specifications for the design and the possibility to reuse various design elements.

Why a design system?

  1. It increases the quality and consistency of the brand
  2. Smooth handover to designers and developers
  3. Saves time and resources during implementation
    Screenshot Styleguide

New User Journey for Subscription Users

Paid-Article

Another topic that we were able to address together with Südostschweiz Medien was the visitor flow for articles behind the paywall (paid articles). Readers should be able to buy a subscription article directly and within a few steps via their login. This should happen separate from the standard subscription store process, so that paying for an article does not interrupt the reading flow too much. With two clicks, readers can now pay for articles and continue reading.

Screenshot Paid Artikel

Better conversion in the subscription store

Another major project was the redesign of Somedia’s subscription store in 2019, where we designed the entire process of purchasing a subscription to the various formats; digital, e-paper and print edition. Our focus was to guide readers efficiently through the subscription store, thus reducing support requests and increasing sales. Today, a visitor can compare the different offers and content side by side and order the appropriate one more efficiently due to fewer steps in the process.

Aboshop als Tablet und Mobile Ansicht

 

 

Type
Konzept & UX Design für das Online News Portal

Client
SOMEDIA Press AG

Services
Design

Website
https://www.suedostschweiz.ch

Homepage of the News Portal
Screenshot Article Paid Südostschweiz
Screenshot Tablet View
Mobile View

Pro Helvetia Website

We implemented the digital book platform in close cooperation with the design agency Velvet and our long-standing customer Pro Helvetia. A new, individual WordPress website was created, which is located within the general Pro Helvetia multisite.

hostettler autotechnik ag Website

In order to support autofit – a garage network with over 290 car garages distributed throughout Switzerland – and their partners, we have given their websites a complete makeover and developed new functions to improve their processes.

Kanton Zürich, Bildungsdirektion Web Applikation

Together with the Education Directorate Canton of Zurich, we have designed and implemented a web application on the subject of career choice, which is now publicly accessible via the desktop and therefore for a broader audience such as parents, teachers and career mentors. The portal runs technically via a so-called “headless” -CMS, which collects data …

VBZ Traffic Media Ad Calculator

To enable advertising customers of the Zurich public transport (VBZ) to plan their advertising campaigns easily and online, we have designed and developed an online calculator for advertisement on trams and buses.Initial situationThe trams and buses in Zurich, Switzerland are in heavy use. So it makes sense to use them for advertising purposes. Of course …

SWICA Blogs

Instead of only keeping their business customers up to date with brochures and flyers, SWICA health insurance decided to start a blog. We were able to support them from the start to the launch in April 2018 and continue to do so.

SWICA Magazin

Digital publications have become an important part of a marketing strategy. Since we have a great deal of experience in designing and implementing holistic solutions for our clients online communication, the insurance company SWICA commissioned us to digitally bring their customer magazine, which had previously only been available in print, to the market.The contents of …

screenshot-swisscom-publifon-overview

Swisscom Competition

You could see them almost at every corner, but since the rise of the cell phone, there is no more need for their existence: the Publifon telephone booths. The last remaining booths are being dismantled, the telephone booth era in Switzerland is coming to an end.What was the goal?Swisscom wanted to give the last 10 …

Kaufleuten Website & Payment Integration

For an event location, the accessibility of its offers is the most important thing of all. Kaufleuten asked us to redesign their website with the “mobile first” approach, as well as to integrate an online payment system so that their customers can purchase tickets to club, concert and cultural events directly and from anywhere.Today, not …

klingler consultants Corporate Website

For klingler consultants we were able to redesign and implement their holistic website. In collaboration with our partner photographer Boris Baldinger, the imagery of the team pictures was created.

CMSBOX GmbH Interaction concept for a swiss content managment tool

We were able to work on the interaction concept for the new version of the Content Management System “CMSBOX” run by a Swiss Company based in Bern.For over 10 years CMSBOX‘s innovative Content Management System has been providing inline editing. Which means that you can edit the website directly in the frontend, without having to …

MAAG Music & Arts AG Event-Websites

For MAAG, we not only redesigned and developed their new main site bymaag.ch, but also all of their show websites which include for example the popular swiss musical “Ewigi Liebi”.

foodward Website for Education

We have already been working with foodward for some years now and had the pleasure to redesigning their website to improve the presentation of their course offers and their food network.