Client

OBERNDORFER

A new website for the pioneer in precast concrete elements

Welcome to the future of construction. Web concept, design, and implementation for Austria's largest company in precast concrete elements.

As Austria's largest precast concrete company, Oberndorfer looks back on more than 100 years of experience in the planning, development, and production of precast concrete elements. We handled web development and built the new website for the pioneer and market leader from Gunskirchen near Wels on the powerful CMS Drupal, where we placed particular emphasis on a clean, visually lean presentation of structure, design, and content. Alongside an innovative navigation structure that shows visitors only a few relevant menu items in exactly the right place, and a search function with autocomplete, the new Oberndorfer web design stands out with a deliberately subtle effects and animation concept as well as a mobile version optimized manually page by page to guarantee a perfect display on all devices.

The Oberndorfer website was honored with the “Special Kudos” at the CSSDesignAwards. In addition, the website received the “Best Innovation,” “Best UI Design,” and “Best UX Design” awards in the Public Awards.

CSS Design Awards Special Kudos — an award-winning web presence for Austria's largest precast concrete company.

Visit website

OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®
oberndorfer awards mobile moremedia advertising agency linz

OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®
OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®
OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®
OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®
OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®
OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®
OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®

OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®

Innovatively lean navigation with up to four levels

For the navigation, which in places maps up to four levels of structural depth, we developed a display that always shows only a few menu items — those relevant at each point. The back navigation to all parent pages remains in place everywhere on the website, reachable with just one click.

In addition, a full menu accessible via a classic burger button makes it quick and easy to get from any page to any other – regardless of level. Our thinking always focused on a visually lean presentation of the different structural depths, without making the site feel cluttered or overwhelming for visitors. The navigation structure we developed also allows for easy expansion for many years to come.

OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®
OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®
OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®
OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®

Category-based search with autocomplete for fast and truly relevant results

Conventional search functions that search the entire text content of a website usually deliver no relevant results. We opted for a search function with real-time autocomplete that searches only in predefined areas and tags of the website. This gets every visitor to truly relevant results quickly. It paves a direct path to data sheets, product information, or downloads without displaying out-of-context search results from the entire body text.

OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®
OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®

Database for product spec sheets with PDF export

Digitalization is firmly anchored in Oberndorfer's philosophy. The company has numerous data sheets that previously had to be designed, typeset, and uploaded to the website as PDFs to be available for customers to download. With the new website, this highly error-prone, labor-intensive manual process is fully digitalized.

All the information from the data sheets was captured in a database, from which the type sheets are rendered natively on the website and can also be downloaded as a PDF with one click. A PDF generator assembles a data sheet in the familiar Oberndorfer layout from the current content of the website, which interested visitors can download.

Future changes now only need to be made in one place on the website. This saves everyone involved the considerable effort of design, PDF creation, and upload, and significantly reduces the error rate, even across different versions in multiple languages.

OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®
OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®
OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®
OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®

A career at Oberndorfer – easier than ever!

Oberndorfer places particular value on its own employees and on people who want to work at Oberndorfer. To give this topic the relevance it deserves on the website as well, we developed a career section that functions as an independent yet fully integrated area of the website. The career portal is maintained via the content management system, and applicants can apply for a job quickly and easily using a multi-step form.

The main focus is on making the form intuitive and quick to fill in, so that applicants never feel like they have to work their way through a monster of a form, while Oberndorfer's recruiting team receives complete information at the same time.

Naturally, there is also a dedicated section for everyone interested in an apprenticeship at Oberndorfer. Success stories of current Oberndorfer employees show that “career through apprenticeship” at Oberndorfer is not just a slogan but lived reality.

OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®
OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®
OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®

No automatic happenstance – manually optimized, perfect mobile versions

Nowadays, many rely on ready-made templates and frameworks when developing websites, which usually also handle the display on mobile devices automatically. Unfortunately, the mobile versions of many websites look like it, too. We consistently take a different path here and treat the mobile versions of our websites — or rather, precisely because of this — just as intensively as the individual designs of the desktop versions.

Elements wider than the screen, squeezed text blocks, or any of the other issues we all know from mobile versions simply don't exist here. Page by page, everything is optimized for all screen sizes until a perfect result is achieved – giving visitors to the mobile versions of our websites just as great a user experience as on large screens.

OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®
OBERNDORFER – A new website for the pioneer in precast concrete elements | MOREMEDIA®
We are thrilled with MOREMEDIA®! Very professional work, great ideas, and the result convinced everyone! We have received fantastic feedback on our new website from our employees, customers, partners, etc. The team is extremely nice, dedicated, and accommodating. Always available, and every question gets answered. Working with MOREMEDIA® was extremely pleasant and completely problem-free. We can recommend MOREMEDIA® 100%! You have done truly great work!
Oberndorfer Betonfertigteile |

Source: Google

How we worked

From the first briefing to the result — structured and transparent in clearly defined steps.

01 — Concept & Information Architecture
Planned the hidden champion's deep structure and user guidance.

02 — Navigation & Search
Developed a lean multi-level navigation and category-based search.

03 — Spec Sheet Database
Implemented a database with PDF export for the product data sheets.

04 — Career Section
Designed the career section to be prominent and easy to use.

05 — Mobile & Launch
Manually optimized the mobile versions and published the website.