Skip to content Background Image

Spur Creative Website

Spur Creative Website

www.spurcreative.co.uk

Spur Creative Workshop

Content managed News / Blog Responsive design SEO

Spur Creative Workshop designs and creates high-quality props, models and sculptures.

The objective

To rebuild the website from the ground up with Search Engine Optimisation (SEO) in mind. The existing website design was dated and in need of a complete overhaul.

The solution

Spur Creative Workshop is in fact ‘creative’. It’s in their name. Therefore, the new website had to convey this and the design needed to be at least as creative to engage like-minded users. To achieve this, we decided to implement a large font intro text animation that describes what the client does. This eye-catching visual solution instantly grabs the attention of the user.

The core menu items feature at the top of the website, so they don't confuse the user journey with all other pages present in a full-screen menu. As the menu opens, this generates a creative stagger animation revealing each element one by one, so the user is not overwhelmed by too many menu points or excessive motion.

Website design before
Before
Website design after
After

The general layout of the website is bold in both content and imagery to showcase the client's work and separate a large amount of text. To rank well in search engines, you need to have an adequate amount of text on each page, but you don’t want it to take priority over everything else. With the use of a simple grid and larger fonts, you can easily separate the different elements visually.

We decided to implement page transitions so that elements animate in and out aiding the overall user experience.

The website has been developed using Laravel which is a modern PHP framework. The website is fully mobile responsive adapting to multiple screen sizes. Whilst the website utilises a lot of imagery, performance is always key. Especially now, as Google will now rank websites based on their user experience/performance and good SEO fundamentals.

View design
View
View design
View
View design
View
View design
View
View design
View
View design
View