Oktra

Overview of the project

Leading design and build company Oktra specialises in creating dynamic workplaces. Having just completed a brand refresh with branding consultant Dave Shaw, the company’s website needed a redesign. The site was three years old and, although it was ranking well, it didn’t reflect the new brand, was slow to load and tricky to update. Preface Studios were given three key objectives:

1. Create an outstanding first impression

We didn’t just add a striking image to the home page. We incorporated an animation using React (JavaScript) and WebGL to illustrate key metrics and the Oktra brand cube. Beyond the home page, the Our Work section leads the user through each case study with animated elements. The interactivity is carried throughout the site with interactive process diagrams. A quick glance at the map view allows people to see the location of key projects. And big graphics showing statistics also help to increase the company’s credibility and resize smoothly on smaller screens.

2. Maintain and improve SEO

Oktra was already number one for ‘office fit out’ keywords, but working closely with the Oktra SEO team, we’ve improved this in terms of page authority, load speeds and user experience, with further gains against competitors.

3. Make website updating easy

We’ve added our layout builder functionality, which enables Oktra to create different pages and allows a lot more freedom, while still working within the brand guidelines; they have 30 unique sections and multiple ones within that to choose from.

Results

It took us five months to plan, design and build the new Oktra website, using our design process.

Since launch (1st June 18 – and since this was published – 17th Aug 18),
there has been a:

• 400% increase in call back requests and contact form enquirers
• 40% increase in guide downloads
• 43% increase in page views
• 29% increase in sessions
• 23% increase in users compared to the same period last year.
• 5.8 seconds decrease in homepage load time
  (old site took 10 seconds, new site 4.2 seconds)

Even on slow 3G connections (which are common, even in London!) the site still performs well – assets are loaded progressively without impacting user experience and fade in with an eye catching transition effect.