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
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
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
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
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
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
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
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
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
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.
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 456 6199 and let’s start getting you in front of your customers online.
