Static space becomes rousing and responsive as Twentyone transforms DH Stainless’ site

DH Stainless Responsive Website

Once again, the team here at Twentyone have been transforming a client website, taking it from stale and static to responsive and really rather marvellous!

We were commissioned by steel piping and tubular products company DH Stainless to help them come up with a website that was flawless. Did we succeed? Well…there’s one way to find out!

The Problem…

Even though the previous DH Stainless website was functional and serviceable, there was no real style to speak of – a real shame for a company looking to develop a friendly and relatable brand. It wasn’t easy for visitors to discover and explore product information either, as there was a distinct lack of clean and coherent navigation.

On top of that, if traffic was coming from smartphones or tablets, users had to pinch and scroll in order to find what they were looking for, leading to a high bounce rate as visitors got bored and continued their search elsewhere. The website’s unresponsiveness and poor user experience were top priority for DH Stainless, so Twentyone set about righting these website wrongs.

How We Went About Solving It…

Responsive Web Design

It was time to get rid of the uninspiring and awkward old site in favour of something interactive and engaging. With a history of completing similar projects, Twentyone’s creative talents knew exactly where to start.

DH Stainless’s website has been transformed: there’s now a much more informative and helpful navigation bar at top of the desktop homepage, which places products into their respective categories. Before, it was extremely difficult to even find out whether DH Stainless supplied these goods, but now any visitor can pinpoint exactly what they want.

But it wasn’t just functionality that needed addressing, as the whole user experience required an overhaul. Therefore, we added a big and bold slider banner on the desktop version as well as a slide-out navigation panel to the mobile site too.

Responsive Web Design

Each product category now has different colours for greater distinction, while more images provides a better insight into the company’s capabilities.

We have also encouraged prospective customers and clients to get involved as well. Social media buttons enable visitors to connect with DH Stainless or share product information with followers and friends, while a mailing list sign-up form is simple and to the point.

Steven Taylor, Creative Director

What Our Creative Director Had To Say…

Twentyone’s creative director, Steven Taylor commented on the project, saying:

“It was clear from the outset that DH Stainless had a wide range of quality products that customers can benefit from. However, visitors to the old site struggled to find out about these goods and services. We set about creating a much more user-friendly site that gives DH Stainless the visibility and exposure it deserves.

“While the desktop site is now much more effective and useable, we’re particularly pleased with the mobile browsing experience, which is straightforward yet stylish.

“Creating technical specification tables for hundreds of products was one of the biggest challenges, but we recognised how important this was to DH Stainless and strived to create a tailor-made solution. Overall, we are really happy with the end product, as the brief to create a more responsive and user-friendly website has been achieved.”

Get Responsive: Does Your Website Need A Mobile Overhaul?

If your company’s in need of a stunning new website that will cater for visitors whether they’re at a computer or browsing on a mobile or tablet, one of our responsive websites could be just the thing.

Contact Twentyone today on 01254 660560 or email hello@twentyoneagency.co.uk for a free, no obligation quote!

By | Latest Projects, Web Design | 21st May, 2014

Technologies We Work With
  • Magento
    Magento
  • WordPress
    WordPress
  • WooCommerce
    WooCommerce
  • OpenCart
    OpenCart
  • MailChimp
    MailChimp
  • Google AdWords
    Google AdWords