Ausgleichskasse des Schweizerischen Gewerbes AK105

[poljpocket]

Today, I am happy to showcase one of Fruitcake Communications AG's latest projects powered by ProcessWire.

Ausgleichskasse des Schweizerischen Gewerbes AK105

AK105 is one of Switzerland's long established trade compensation funds, serving over 10,000 companies with first and second pillar social insurance, family allowances and pension administration since 1947. The multilingual site gives employers, employees, the self employed and pensioners clear access to all services, news and the connect online portal for paperless administration.

The website is only part of the whole project as we also refreshed the existing logo, created a new corporate identity from that, and reimagined all business materials. The result is a modern, professional brand identity that accurately reflects the organization’s values, also perfectly reflected on the new website.

We have developed a portal for existing business customers, parties interested switching to AK105 and also the actual people to whose benefit the trade compensation funds are. The goal is to answer questions and provide further information directly on the federal government portal.

We knew one of the most important aspects of such a challenge is the search function and improved accessibility. ProcessWire has ready-to-use tools for both of these goals whilst our frontend is purpose built in-house like always for Fruitcake.

Search

We are making heavy use of @ryan's RepeaterMatrix which allows any component to be used literally anywhere on the website. Searchability becomes a challenge just because of that though. Most of the actual content lives either inside RepeaterMatrix pages or is fetched from other meta content. Thus, a front-facing page will be stitched together from many different sources like repeaters and other pages.

To actually make the website searchable, we have developed a sophisticated set of hooks and functions which will search through all repeaters, nested repeaters and then from these results, backtrack to the actual front-facing pages so that the search result shows the precise content found whilst then linking back to the correct place where that content is located.

 

Accessibility

Not only just because the target audience is people aged 50+, accessibility is another key requirement for such a project. Apart from following accessilibity standards, we also have included a text-size switcher to allow for better readability whilst keeping the rest of the content concise. Most of the work here is invisible though: Styles for prefers-reduced-motion switches, proper handling of any navigation and control element using just the keyboard and flawless screen-reader support.

Actually selling this invisible work to clients is a challenge in itself. Luckily, our client is already familiar with the necessity and the benefit of the endeavour and thus there was almost no discussion needed.

Admin impressions

Technical details

The site is powered by ProcessWire 3.0.255 of course using the new admin theme which we ❤️!

Modules in use:

• RepeaterMatrix
• SeoMaestro
• ProcessRedirects
• TracyDebugger
• ProtectedMode
• WireMailSmtp
• FileValidatorSvgSanitizer
• InputfieldAssistedURL
• FieldtypeColorPicker

Links

Case study on our website: https://fruitcake.ch/cases/ak105/
Website: https://ak105.ch/
Showcase on processwire.com: coming soon