6 Design Elements that can Help to Modernise your Website

Webnetism have been in the process of developing and redesigning the Ultra Electronics website over the last year. Ultra Electronics is an internationally renowned defense and aerospace, security, transport and energy company.

Today we are taking a closer look 6 design choices that were made to improve the user experience and aesthetics of the main corporate website.

1. Large hero image

The large hero section of websites have been around for a number of years now and have been getting bigger and bigger each year. It's now fairly common for the hero image to take up all of the space above the fold. This helps to focus attention on individual products or services and helps to create a striking first visual impression.

2. Simplified headers, navigation & layout

Headers often contain large amounts of data when you are dealing with a large corporate website. Simplifying this down to core elements can help to direct user flow through your website and should organise content which will help your users to find content they need quickly. Layouts have also been simplified to aid content management and for ease of reading at the front end of the website.

3. Use of semi flat design

Flat design is using elements on the page the don't give the effect of three dimensional objects, such as drop shadows or bevels. Using flat design make elements on the site easier for users to understand & also can make the website load quicker than using large complicated elements.

4. Large product images

Larger product images are used through out the new website. This helps to highlight different features of products in a more efficient and effective way.

5. Prominent videos

Videos have been given more prominence on the new website. Videos can be used to convey a message succinctly and can reduce the amount of content needed on a page. This can give a quick overview to your clients.

6. Limited bold colour palette

The branding for Ultra electronics is bold and limited to four main colours. Block colour sections have been used with some use of negative space, which provides a sense of dynamism and gives a simple, modern feel.

Join the conversation


Find out more about how your personal data is used in our privacy policy.

Want to get in touch?

Then why don't you? Just click the button below and secure your place in our office chair (before you ask... yes, spinning is allowed)!

Get in touch

Let's contribute!

How about you help us a little and share this page with your friends? It’s just a click, we promise!

Get in touch