Online calculator for the advertising industry

Traffic Media, Zurich public transport (VBZ)

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 situation

The trams and buses in Zurich, Switzerland are in heavy use. So it makes sense to use them for advertising purposes. Of course there have been advertisements on or in public transport for a long time, but how do you best communicate these possibilities? And how do you get an idea of the costs that advertisers incur? These are the questions that occupied us when we designed and implemented an online calculator for VBZ TrafficMedia to answer exactly these questions.

Our solution

We had already developed an Ad-Calculator solution for the public transport in cities like Basel, Geneva and Lausanne. In order to make it work for Zurich, there were new challenges to be solved.

The corporate design of the city of Zurich has clear guidelines, which we have strictly followed. The Ad-Calculator had to be visually integrated within the City of Zurich’s existing website to provide a consistent user experience for end customers. Technically, however, the website is independent and based on WordPress. To clearly show website users that they are browsing on the Website of VBZ, we integrated the header and footer from their corporate website. The content area can be completely maintained by the VBZ TrafficMedia team and relies on our solutions for displaying the information.

With VBZ Traffic Media, as with most of our customers, we maintain a long-term relationship. We support them as follows:

  • Needs analysis
  • User guidance concept (UX design) & navigation
  • Content concept & information architecture
  • Responsive Design for all end devices
  • Implementation of the user interface design (frontend)
  • Online calculator for advertising clients
  • WordPress plugin “Ad-Calculator” specially developed for the customer needs
  • Support & Maintenance

The solution in detail

Making opportunities visible for advertising customers

First and foremost, advertisers should be able to get an idea of how they want to carry out their planned campaign. For this purpose there are different pages on which the variety of the advertising formats are presented.

Compile a campaign

Once users have decided on one or more advertising formats, they can use the online calculator to calculate how much the planned campaign will cost. There are different options depending on the advertising format. In the following video, the calculation of a campaign is visualized by means of the roof advertising for tram. Users can simply select the desired vehicle and format, determine the running time and the costs are displayed.

Shopping basket for campaigns

A campaign usually consists of several advertising formats, which is why the online calculator offers the possibility to add the desired configuration to your own campaign. For example, a roof advertisement can be calculated in combination with posters on newspaper boxes. In the campaign overview, which works like a shopping cart, the advertising customers thus receive a clear presentation of the selected formats and can directly request an offer. With this online calculator, the entire booking of advertising with VBZ now takes place digitally.

The VBZ itself can maintain the various advertising formats completely independently, add new ones or adapt existing ones. For this purpose we have developed a WordPress plugin “Ad-Calculator”, which allows to put together the most different configurations or even to generate completely new formats including options easily and quickly via Importer.

Ad Calculator

VBZ Traffic Media

Design, Frontend, WordPress


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 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,, 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 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 … Landing Page UX, Design & Development 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 with design and development work around their websites, campaigns and landing’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.

SOMEDIA Press AG Konzept & UX Design für das Online News Portal

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 …

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.

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