Web Design

UX Design
My approach to User Experience Design is to simplify content to make the user journey as easy as possible.

Research – competitor analysis

Defining a user

If analytical data is available it should be used to prioritise content on the website.

Website content should be written and formatted to optimise readability, i.e. clear headers, short paragraphs, bulleted text. Users should be able to scan the content and easily find the relative content

A sitemap is useful to organise a content hierarchy

Wireframes are created to plan layout.

Each page should have a purpose (Call To Action): to buy a ticket, sign up to a newsletter, or to prompt the user to contact.

Consistency in layouts

User testing should be completed throughout development.

User Experience Design (UX) is basically the science behind web design. It’s a way of documenting  the obvious do’s and don’t for a website project. It’s based on the common sense that the website serves a purpose, whether it’s to generate sales, search a map, add to your mailing list or whatever your Call To Action is. 

Modern websites will 

UX Design affects UI (User Interface) Design in that the best practices for UX Design influence

My design style is minimalist, using a limited colour palette and use of negative/white space.

I develop a site map before design starts. This is helpful with planning design decisions, especially on large sites.

Text content should be concise with the correct tone for your audience.

Sticky headers are used to have navigation available on screen when the user scrolls.

I follow User Experience Design best practices to design intuitive websites that are easy to navigate with quick user journeys.

User research

Testing, testing, testing

Simplify

Functional minimalism, streamlining elements, removing unnecessary elements, prioritising elements, stripping down content

Every item in design should have a purpose

Negative space

Flat texture

Quality photography to enhance the mood

Limited colour scheme

Contrasting colours – directing users to important elements and making text more readable

Top of webpage – use of negative space at the top of the page, increasing content density as the page scrolls down.

Typography with impact

Edit content to include only the bare minimum to get the message across

A navigation that is easy to use but not distract from the page purpose

Functional Animation – should be subtle and only what is essential – it has a purpose

Minimalist landing page