Services

Work

Call

10 Best Engineering Website Design Examples

Published: January 2016

Most engineering company website designs are uninteresting, hard to navigate and just plain messy. With 13 years experience in engineering web design, we know it doesn’t have to be that way. We scoured the web for the best in engineering website design inspiration (including some of our own) to show that in a technical field, great web design doesn’t have to be overlooked.

BAE Systems
www.baesystems.com
@BAESystemsplc

BAE Systems Engineering Website

British Aerospace Engineering is at the forefront of engineering and design. With a great full width responsive homepage slider, simple three column layout and fantastic use of full width photography, the use of white space is beautifully utilised to produce a clean user experience for a global engineering brand.

British Engines
www.britishengines.co.uk
@BritishEngines

British Engineering Website

As a multi faceted engineering company with many subsidiaries, British Engines have produced a very clean website. Using a mixture of photography that touches on both the modern day and their heritage, this is nicely teamed with great graphical elements incorporating their logo giving a pleasurable, but unique experience for the user.

Ford Engineering
www.ford-engineering.com

Ford Engineering Website

Designed by the great engineering web design team here at Urban River, Ford Engineering wanted a clean and easy to navigate site that was suitable for use by multi-lingual and global audience. Making great responsive use of clear, full width imaginary and white space, a website that suited a worldwide selection of internet enabled devices without compromising the user experience was achieved.

Technip
www.technip.com
@TechnipGroup

Technip Engineering Website

As a global company with a heavy, content rich homepage, Technip have done a great job defining space with dedicated content widgets and full width photography. Precise, slick and with simple navigation, Technip have achieved a great user experience.

Amec Foster Wheeler
www.amecfw.com
@Amec_fw

Amec Foster Wheeler Website

Despite using a narrower grid layout, Amec have developed a responsive, but uncluttered site. By incorporating heavy sector images with elements from the logo, they have a created a unique and appealing design. With a clear mega menu navigation, they have a simple, but easy to use website.

Baker Hughes
www.bakerhughes.com
@BHInc

Baker Hughes Engineering Website

Sitting in a highly technical field Baker Hughes have achieved a great way of showcasing complex CAD images in a clean way that has a great visual impact. With a simple ‘on brand’ colour palette and defined content areas, Baker Hughes have produced an easy to navigate site.

Sulzer
www.sulzer.com
@SulzerLtd

Sulzer Engineering Website

With an integrated news feed and search boxes Sulzer have made their complex product range easy to find by offering a ‘Solution Finder’. With a full width slider incorporating keys areas of the business, Sulzer have produced a unique way for customers to browse their service range.

Marshall Aerospace
www.marshalladg.com

Marshall Engineering Website

For a multi disciplined company, Marshall have produced a simple and great navigation element to outline their holistic approach to ‘Air, Sea and Land’ teamed with a clear site search and navigation.

Babcock International
www.babcockinternational.com

Babcock International Engineering Website

With a modern responsive parallax design, Babcock International’s website has embraced the latest web design trends. With key break out quotes and large graphical elements, Babcock have kept their home page copy to a minimum to let the images do the talking and help people find key information with ease.

3M
www.3m.co.uk
@3M_UK

3M Engineering Website

For a global brand like 3M that deals in both B2B and B2C markets, their vast product and service range could easily clutter a website. With great use of open space photography,break out quotes and defined content areas, they’ve achieved an uncluttered and simple UX design.

Looking to take your engineering company to the next level online?¬†With 50 years combined experience in engineering web design, talk to the Urban River team today on 0191 423 5688 and let’s start getting you in front of your customers online.

Sign up to receive our latest articles hot off the press