ref: e52c0c035c5cd51a128c386bbceae82c1d1a3cd6 f-a.nz/_work/q-windows-website.md -rw-r--r-- 1.8 KiB
e52c0c03 — Franz Geffke Commit local copy 4 years ago

#layout: page title: "Q-Windows Website" date: 2017-01-01 00:00:00 +0200 client: "qwindows" cover: q-windows-01.jpg bg: malaysia

#The challenge

The Q-Windows Website has long been suffering under high exit rates, broken links and a imperfect mobile layout.

#What I did

The latest 2017 website refresh turned the Q-Windows website not only completely static but mobile-first. Unlike the already fast, previous site, the new website is no longer powered by a CMS (content management system) but just plain .html files.

{% include project-image.html caption="January 2017, Homepage" image="q-windows-01.jpg" %}

{% include project-image.html caption="April 2017, Homepage" image="q-windows-08.jpg" %}

{% include project-image.html image="q-windows-09.jpg" %}

A modern, mobile-friendly audio player allows desktop visitors to compare the noise level of various Q-Windows glazing solutions under different environmental conditions.

{% include project-image.html image="q-windows-10.jpg" %}

This section works like a technical catalog: All window and door types are listed with their individual configuration options.

{% include project-image.html image="q-windows-11.jpg" %} {% include project-image.html image="q-windows-12.jpg" %}

The contact form connects directly to the Q-Windows insightly.com CRM account. All submissions automatically show up on their internal dashboard and a custom tracking plugin allows Q-Windows staff understand where leads came from and what pages they looked at.

#The effects

The website is not only a lot easier to maintain, but also a lot faster. Page load time is down by 65% and time spend browsing is up by 25%.

#Website Technology

The website is completely static.

  • Completely static (no PHP, no MYSQL, no RUBY)
  • Hosted trough AWS CloudFront CDN (99,99999% uptime)
  • Mobile-first design
  • Secured by SSL Certificate