ref: 28b01f6b4786ff6ac29d7c797b36aac528673d1c f-a.nz/_work/q-windows-website.md -rw-r--r-- 2.2 KiB
28b01f6b — Franz Geffke new project; new books; coding stats 8 months ago

#layout: page title: "Q-Windows Website" date: 2017-01-02 00:00:00 +0200 client: "qwindows" cover: q-windows-08.jpg bg: malaysia tags: "web development" introduction: Modern, responsive product portal for German window manufacturer. featured: true

#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-14.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

This website is powered by Jekyll, a static site generator that compiles raw assets such as Markdown files into a deployment ready website that allows for secure, efficient hosting without PHP, MYSQL or downtime.

  • Completely static
  • Mobile-first design
  • Hosted on AWS S3, AWS CloudFront CDN (99.9% SLA)
  • Secured by SSL Certificate