Skip to content
janick rolli .
Back to work samples

Website for Delta Akustik.

A redesign for an acoustics consultancy in Sweden. 94 pages, each one editable by the owner.

Role
Redesign, build, CMS, handover
Year
2026
Technology
Astro Sveltia CMS Cloudflare Pages HTML, CSS and JavaScript without a framework

Try the website.

The frame below runs the real website, built for an acoustics consultancy in Sweden. That is why it is in Swedish. Seven pages are also available in English.

All 94 pages can be edited in the content management system. On 50 of them, the order of the sections can be changed too.

The buttons above jump to four pages. From there you can click on freely. On a larger screen, a second switch shows the mobile view.

This is a demo. The staff shown are placeholders, and the forms send nothing.

Things to try: On the contact page, filter the team by office, then switch to the mobile view and open the menu.

Delta Akustik AB, website in Swedish

Open in new tab

Entry page with services, references and the four offices. The animations run on transform and opacity.

This is a copy. Staff names and photos have been replaced with placeholders. The forms send nothing, and no tracking runs. The article, the interview and the downloads from the knowledge section are not included.

The starting point

Delta Akustik is an acoustics consultancy with four offices in Sweden: Stockholm, Uppsala, Karlstad and Båstad. The website is in Swedish. Seven pages are also available in English.

I proposed a redesign to the firm and built it. On 6 August 2026, I handed the website over to the owner in full. The proposal was free of charge.

What I built

The website has 94 pages. They include 43 reference projects, each with its own page, and one page per office.

I built it in two steps:

  1. First by hand, as static HTML.
  2. Then in Astro with Sveltia CMS. The owner wanted to be able to edit every page himself.

The rebuild did not change a single address or any markup. The cross-check against the first version found no differences.

How the owner works with the content management system is shown in a separate work sample: Content blocks in the CMS.

What the site can do

  • The team can be filtered by office.
  • The contact forms work without a server.
  • Measurement only starts after consent. The consent controls Google Consent Mode. Withdrawing consent deletes the measurement cookies.
  • On request, the home page shows the sounds in the room as a waveform. The microphone runs only in the browser. This site blocks the microphone, which is why the feature is missing in the copy above.

Status

The new website is not live. The firm’s address still shows the old site. The copy above shows the state of 5 September 2026.

About the copy above: Delta Akustik has agreed that I may show this work with its name. The staff have been replaced with placeholders, the forms send nothing, and no measurement runs.