TikTok Logo
Subscribe
Website

Website Design for the Best User Experience

   NEWS / 25 Feb 2019

 

What is User Experience?

User experience (UX) focuses on an in-depth understanding of the target audience; their needs, interests, values, abilities and also their limitations. These points should be carefully considered alongside the overall objectives of the website. UX best practices focus on providing the best experiences for the user’s interaction with your product and services. Great website design is not just about the aesthetics, essentially it must be centred around user experience and functionality to ensure it appeals to the intended audience. A successful website should be useful, usable and engaging.

UX differs from UI (User interface), which focuses on the appearance and communicating the experience visually, but together they combine to make the overall experience and perception of the brand website.

The objective of a website’s UX design is to create a welcoming and usable platform that helps users get what they need and encourages repeat usage. Making the experience of the website memorable is more important than what the website says. Users often forget the content, but they will remember how it made them feel.

 

 

Why is good website design so important?

Nearly 40% of people will leave a website if the content or layout is unattractive.

Graphics, layout, text, and interactive elements work in synergy to present the user with an experience, not just present them with information. This, in turn, will help to ensure visitors engage with the site for longer and also return.

Making your page stand out from the sheer quantity of websites and information on the internet is essential. Modern websites contain more visual and interactive qualities to strike at more emotional responses to help them stand out in a highly competitive world.

 

Creating a successful website design

Successful website design starts with analysing data and trends. Once this data has been gathered, it is then possible to create a plan and begin testing to see how it works in practice, as even the most considered plan may not give the intended results. You also need to be prepared to break the mould, try new techniques and applications - it could be the beginning of a new trend!

 

 

 

A good example of someone breaking the mould and then that becoming common practice is checkout pages. An eCommerce website relies on converting users of the website into customers. Preventing users from abandoning their carts and not converting is top priority. In analysing the data, it became clear that a lot of cart abandonment was caused by a huge checkout page full of fields to be completed. So, UX designers began to split the checkout process into multiple shorter pages that together give the same result. This relatively simple change dropped cart abandonment drastically, so much so, that this design is now common practice.

From a web development standpoint, implementing good UX and UI design in the past have often used outdated methods that were created for websites that consisted of simply a little bit of text and some images. This technique got us by for some time but as design patterns develop and expectations rise in complexity, these methods get more fiddly and inefficient. This is where CSS Grids come in to play.

CSS Grids are the best thing that has happened to the web since Tim Berners-Lee turned it on in 1991 (maybe a little extreme, but I promise they’re good news). CSS Grids allow for our markup to be cleaner, our designs to be far more flexible in their design and for the layout to change drastically at different breakpoints with only CSS. Before this if you wanted to move DOM elements around the page you had to use JavaScript, which can be turned off, breaking your site. Now any element in your grid markup can be placed anywhere in the grids predefined layout, spanning multiple columns and rows if you choose. CSS Grids also add a new unit of measurement: fr. This stands for 'fraction' and its exactly as it sounds. For example; if you made a grid layout that has three columns and they are all 1fr each, then each column will be a third of the grid's width. You can use all the standard units of measurements that you're used to even including auto which allows for very dynamic layouts.

You can find out more about CSS Grids on W3Schools website.

 

 

x

Woking Shopping Centre

WokingTV Video Production and Promotion

As a leading regional shopping centre destination Woking Shopping needed to join up a number of platforms to help highlight new retailers and restaurants at the centre as well as a new market area.

Why Media produce monthly videos for WokingTV, and manage all elements including storyboards, planning, filming, editing, video promotion across social media and integration into the website.

x

Blue Whale Capital

Bespoke Website Design & Development with Custom API Integration

Blue Whale Capital approached Why Media in a quest to create a modern, functional and tailor-made website with a partner they could work closely and honestly with for this project and their future design and marketing needs.

The website is functionality focussed and incorporates a bespoke API to allow visitors to invest directly through the website. Each call-to-action has been carefully considered to enhance the user journey and ultimately encourage visitors to invest with the company.

x

Rivera Property Consultants

Branding & Corporate Stationery Design

Rivera Property Consultants is a leading company offering Property Sourcing, Sales and Lettings Management, Interior Design and Development.

Why Media were approached by Mr. Rivera, a property agent with over fifteen years of experience in the London Property Market, to undertake a full branding and website design project for his newly established business. The branding was crafted to present the company as high-end, professional and established. 

x

Larkfleet Homes

Larkfleet TV Video Production & Marketing

LarkfleetTV creates engaging content to promote the Larkfleet Group housing developments. Why Media plans, films, edits and promotes the videos for the company, helping to drive sales and raise the company profile.

x

Go Epsom

Campaign Branding

Go Epsom is the campaign created for Epsom BID. The colourful and vibrant campaign branding was created to promote the town of Epsom, Surrey.

The colour palette and facets were selected to reflect the individual aspects of the town such as shopping, dining and entertainment, while still working together as a whole to form the brand identity.

x

County Square Shopping Centre

Social Media Management

Located in the heart of Ashford, Kent, County Square shopping centre offers a friendly welcome to visitors from across the county and further afield. With more than 50 shops alongside cafes and restaurants, County Square is the local, relaxed choice for the community.

Since Why Media were appointed as the social media managers for the centre, the account has seen phenomenal growth in group numbers of over 1800%.

x

Goldschmidt & Howland

Bespoke Website Design & Development with Property Feed Integration

Goldschmidt & Howland are North West London's Leading estate agent and letting agent servicing Hampstead Garden Suburb, Belsize Park, Kentish Town, Little Venice, St Johns Wood and more.

Why Media created a brand new bespoke website for the company to enhance their online presence, modernise the design of the website and ensure the site was optimised for search engines.

x

The Heart Shopping Centre

Magazine Design, Print & Distribution Management

The Heart Shopping Centre magazine is distributed every 6 months, delivering a Summer issue and Christmas issue. The magazine has been crafted to entice customers in the local area to visit the centre. The magazine is updated with each issue to tie in with the branding, event creative and any campaigns that are running and has proven to be a great success.

x

ACAI Group

Branding & Corporate Stationery Design

Why Media were delighted to launch the new brand identity and website for ACAI Group, a property investment company with a number of high profile commercial, retail and land assets across the UK.

These assets include 8-10 Grafton Street in Mayfair, The Heart Shopping Centre in Walton-on-Thames Surrey and, the flagship store for high-end retail brand Dior on the prestigious Bond Street. The objective of the branding and creative element of this project was to inject colour, depth and a story behind the brand identity and overall messaging of ACAI (the initials of which represent the three owners of the company). Following completion of the branding process, Why Media delivered a full stationery package including business cards, letterheads and compliment slips and a comprehensive set of brand guidelines, ensuring the brand identity and reputation are protected through a stringent set of ‘brand rules’.

x

Bovis Homes

Stanton Cross Website

Bovis Homes build some of the best new homes in the UK that are great places to live. Stunning new homes and apartments for sale right now.

Why Media were commissioned to design and build a bespoke website for the Bovis Homes Stanton Cross development. Stanton Cross is a brand-new community in the heart of Northamptonshire on the eastern edge of the historic town of Wellingborough. The website provides an engaging platform for the development and location information.

x

The Heart Shopping Centre

POS Design

Why Media manages and promotes the Heart Shopping Centre Kids Club events. The POS creative for the events is displayed throughout the centre in advance of the event and is also provided in all required formats for the website, social media and advertisements.