Relaunch with a new design system

Redesign of the news portal suedostschweiz.ch

Cover Bild Design System

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

Kaufleuten Zürich Scanner App

In an increasingly digitalized world, event organizers are constantly looking for ways to increase the efficiency of event processing. Our task was to develop an extension for Kaufleuten’s already integrated payment solution. The result? An innovative web app that allows tickets to be scanned directly at the box office and is seamlessly connected to the client’s in-house event management tool.

graphical user interface, text, application

Zürcher Verkehrsbetriebe VBZ Website

Every year, many people move to or within the city of Zurich. For this reason, we have created the welcome website zhmobil.ch in collaboration with VBZ, which helps all new residents to familiarize themselves quickly and easily with their new neighbourhood.

graphical user interface, text, application, chat or text message

VBZ Online Website

VBZonline is a unique magazine that tells captivating and informative stories about everyday life in Zurich’s transportation system and its actors. It focuses on topics such as sustainable lifestyles, urban living, mobility, and much more.Initial situationIn early 2022, we took over the existing website without making any changes and continuously maintained it. Then, in the …

Ringier Advertising Website & Web-App

73 brands, over 100 advertising formats, millions of users. Ringier Advertising markets the media titles and marketplaces with national appeal of Ringier, Ringier Axel Springer and Swisscom (bluenews, local.ch, search.ch) as well as other partners. Ringier Advertising is the contact for the advertising customers of Ringier AG.They support advertising agencies, major customers and also NGOs …

graphical user interface, application

smartportrait Website

smartportrait.io is a platform for high-quality and consistent employee portraits. An experienced photo editing team transforms cell phone photos into stunning studio quality. Customization and top-notch editing create a diverse portrait library for numerous uses.Smartportrait was launched by co-founders Boris and Johannes. Nicole completes the team and brings in her content expertise. Together, they are …

Garmin Edge

Garmin A new writing experience for Garmin

In connection with the redesign of the home- and subpages of GARMIN #Beatyesterday, we migrated the content types and functions to the block editor “Gutenberg”. This involved analysing the existing functions and equipping them with the new editor concept of the Block Editor to create a new and efficient writing experience for content managers.

Screenshot of Boris Baldinger Homepage

Boris Baldinger Photography website

Boris Baldinger is a specialist for personal branding and business photography. With him, people become personalities, heads of character become brands. In his photos, he reflects what someone stands for and works for. However, his original website from 2010 no longer reflected his open character and his highly qualified work. By relaunching the website, we …

Content Hub Migros Bank

Migros Bank Online Magazine & Content Hub

The corporate design of Migros Bank has been rebranded and we have adapted the current blog and the Content Hub accordingly. Before, there was mainly green and white, but now there is a variety of cheerful colours.We have been supporting the content marketing team of Migros Bank since 2015. During this time, we have implemented …

How.fm Landing Page

how.fm UX, Design & Development

how.fm provides digital services in the field of training software for warehouse staff. The software documents processes digitally and leads to an automated training of employees. Our team in Germany supports how.fm with design and development work around their websites, campaigns and landing pages.how.fm’s software documents processes digitally and leads to automated employee training. The …

Various Artists - The Ruins of the Eight Hour Workday

Pro Helvetia Online Art Magazine

In order to reach the target group of cultural professionals, a website with special features and surprising elements was needed. A unique online magazine with numerous animations and elaborate styles. The brand new Pro Helvetia magazine – V/A – Various Artists – is a true experience.

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.

Screenshot of the registration onboarding for the HIN Client

Health Info Net (HIN) Application

Health Info Net AG (HIN) protects sensitive patient data in the digital world and is the standard for secure communication in the Swiss healthcare sector. We support HIN on an ongoing basis as a digital agency with user experience, user interface design and programming work.

We use cookies to provide the best possible service to you. By continuing to use this website, you agree to our privacy policy.
More