Case Study

Emma Power

Services: design, develop, deploy, optimisation, seo-setup

A minimal design for the amazing Emma Power.

Emma requested a website after seeing and fell in love with the simplicity and focus on words. Herself being a speaker, writer and teacher she too needed a website where the copy was crucial.

Who doesn’t love a one line brief?

Simple and easy to navigate.Emma Power

With her simple one liner, I had enough breathing room to fill a stadium. This kind of freedom can easily be a curse if you don’t take a direction early on and stick to it.

Emma needed the ability to blog, so a content management system was needed. I had only been back developing for a short period so I’d been reviewing basically every CSS framework under the sun. I wanted a framework that had some bells and whistles but wasn’t bloated. I was hoping to choose the right one, future proofing for projects down the line. Then I came across Uikit; it was modular, lightweight and powerful.

But here’s where I went wrong. The creators of Uikit also have a wordpress page builder (yoothemes) for throwing pages together fast. I played around with it, it worked really well. So I decided to use it to build the site. The problem with these kinds of page builders though, is you really paint yourself into the corner. They’re great, until you want to do something outside of the tool-set they’ve built. Not wanting to be generic I was going to run into this little problem, time, time and time again…

The design did take shape quickly. Development headaches took longer than necessary to build out the site.

Animated gif, text fade in after the image of Emma helping to create hierarchy.
Elements fade in after the image of Emma helping to create hierarchy.

With a focus on the website copy I opted for minimal elements, using animation to bring the text to life.

An animated gif of page design, text moves and fades in to nice effect
Gentle animations to text create a calm energy.

These small touches allowed me to incorporate less images and focus on the words.

To round things up I’d have to say I was pretty happy with the outcome.

It’s beautiful, and I can see how every detail has been so well thought through. – Emma

Emma was happy and she had a professional looking website that communicated her words in a way that represented her honestly.

Performance Score for Emma Powers website by GT Metrix. Pagespeed Score 98%. YSlow Score = 93%
There was a lot of tweaking of the server with this website. I hadn’t used siteground as a host before nor the YooTheme framework. It resulted in a number of caching compatibility issues that had to be ironed out.

Technical notes: – wordpress cms – yootheme pro framework – uikit3 css framework – acf – autoptimize & cache enabler – cf7 – the-seo-framework