Visual web & interface design training

A foundation in design - in a day

Design is all around us - it's everywhere - and everyone can benefit from gaining an understanding of the fundamental principles that underpin it. This intensive and comprehensive day of training combines the disciplines of visual and user interface design.

This is a hands-on course, delivered by our visual interface designers who spend their days running design projects for our clients. You'll gain an understanding of the key visual design principles and best practices, enabling you to design digital interfaces. 

During the training course you'll learn:

  • An overview of visual design
    We'll outline why design matters and show you how design can elicit different first impressions
  • The role of colour
    We'll take an in-depth look at the use of colour in design and the role it occupies within brand strategy
  • How to use typography
    We'll explain about fonts, legibility hierarchy and contrast, with plenty of real-world examples and comparisons
  • How to work with imagery
    We'll look at case studies to compare and contrast the different use of images, and you'll create a mood board
  • About layout
    Structure, balance & composition are the building blocks of design, and you'll learn about different design dimensions including density vs. spaciousness
  • About icons & input controls
    See good and bad examples of various graphical elements and learn about affordance and mapping principles
  • Designing for mobile devices
    We'll explain about the challenges and best practice principles of designing for tablets and smartphones
  • About design processes
    From design research to sketching, mood boards, style tiles and elements collages, through to wireframes, mockups and templates

Listen to one of your trainers, Theo, tell you all about the course

01min 32secs

Upcoming public courses

Gain practical skills for you or your team from our user experience experts

February 2019

12 February 2019
Web writing training
13 February 2019
User research training

August 2019

More courses coming soon

Sample course content


  • Introduction to visual design
  • Design building blocks - colour, typography, layout and imagery
  • The role of colour and how it affects tone, mood and brand
  • Inputs & controls - affordances, metaphors and conventions
  • Flat design and how to apply it
  • Typographic elements - fonts, styles and factors around readability
  • Imagery and setting the brand personality
  • Visual design and user experience research factors
  • Layout characteristics such as unity and variance


  • Practical considerations around iconography
  • Composition considerations - symmetry, balance and white space
  • Grids, their constituent elements and how to define and apply them
  • Responsive design and how to design for different screen sizes
  • Design discovery and activities to run with stakeholders to get your brief
  • Ideation and the different outputs that you can aim for
  • Options with design deliverables that you can create
  • Tools, techniques and takeaways

Bespoke training tailored to your needs

Like what you see but want to learn something slightly different? Have us train your teams with fully customised training programmes.

Get in touch

More about bespoke training


+44 (0)20 7423 6320


133 Park Street
United Kingdom

Good amount of information / knowledge. Open and friendly presentation. Challenged at some degree with the practical tasks. Inspired with some case studies. Thank you.

Is this the right course for you?

This course is particularly suitable if you are:

  • Working as a UX professional, web manager, content editor, product manager, front-end developer or marketing manager
  • A graphic designer looking to increase your digital design knowledge
  • Looking for processes and techniques to translate user insight and business goals into visual design solutions

Meet Scott Abbott, one of your trainers

As a senior designer at Webcredible, Scott creates the visual aspects of our digital outputs for many of our high-profile clients. Originally with a BA in graphic design and illustration from De Montfort University, he has a solid design foundation with a particular focus on digital.

Scott brings a strong visual design perspective to all Webcredible projects and outputs. Design has a practical purpose and is a key component of the user experience, and he leads on driving this through all of our client deliverables.

He's a really enthusiastic trainer, gets great feedback from his participants and is always keen to communicate new ways to think about design.

Our recent thoughts on visual web and interface design...

The future of responsive typography

Who is our training for?

  • Individuals who want to learn in interactive classroom sessions

  • Teams can come to us or have a private course at their workplace

    More about private training

  • Organisations can be transformed by our bespoke 'Cultivate' service

    More about Cultivate

Check out all of our training courses...

Design leadership training

Learn the skills to make the move from design practitioner to design leader

Next on 13th Mar 2019

Designing for voice training

Learn how to come up with great use cases, plan your voice experience and design intuitive conversations

Next on 17th Jan 2019

Information architecture training

Learn how to structure and design around your users' needs on this one-day Information Architecture course

Next on 13th Feb 2019

Interaction design & prototyping training

Learn how to create interactive prototypes to test, iterate, and improve your designs

Next on 13th Mar 2019

Mobile UX & responsive design training

Learn how to design for mobile and develop your organisation's mobile strategy

Next on 16th Jan 2019

Visual web & interface design training

Learn the principles, processes and best practices of intuitive interface design

Bespoke training course

Lean UX training

Learn how to design a website, test a prototype, and rationalise content very quickly, all without compromising on quality

Bespoke training course

Usability testing training

Learn how to run usability testing sessions to improve your designs and bring them in line with your users' needs and goals

Next on 14th Feb 2019

User research training

Learn to conduct research and gain essential insights into how to improve your business and services

Next on 13th Feb 2019

UX training - fundamentals

Learn the fundamentals of UX and how to kick-start customer-centred thinking within your organisation

Next on 15th Jan 2019

Web accessibility training

Learn best practices for accessibility and ensure your site complies with WCAG and WAI-ARIA guidelines

Next on 15th Jan 2019

Writing for the web training course

Engage your audience, design content and getting your message across with a range of great digital copywriting and content design skills

Bespoke training course

Online content strategy training

Learn how to audit and develop your online content so you can put together a content strategy

Bespoke training course

Google Analytics training

Learn the analytics techniques and reports which can extract real insights into your users and their behaviour

Next on 14th Feb 2019

Interpreting analytics data training

Learn to understand what analytics platforms are telling you by identifying patterns, trends and insights

Next on 17th Jan 2019

SEO training

Learn how you can get your website ranking higher on search engines to bring in engaged users

Next on 16th Jan 2019

Conversion optimisation training

Learn to fully optimise your website and pages so more visitors complete your goals for them

Bespoke training course

Innovation & product development training

Learn how to create the right environment for innovation to flourish, always based around customers' latent needs

Bespoke training course

Service design training

Learn how to create multi-channel customer-centred experiences, well beyond merely designing for the screen

Bespoke training course

About the day


Courses start at 10am and finish at 4.30-5pm.


Breakfast, lunch and cakes, all from the amazing PAUL's bakery plus as much fresh coffee, tea, soft drinks and fruit as you like. Oh, and unlimited Prosecco at the end of the day.

Class size

No more than 10 participants - enough so you have other people to learn from but not too many that you're lost in the crowd.

What to bring

As well as your lovely self, you'll need a laptop and charger. Once you've booked, let us know if you don't have a laptop and we can lend you one of ours.

Why learn with us?

  • 19

    interactive courses, all designed so you return to the office and get going with your new skills

  • 10k

    Webcredible alumni that you'll join, not forgetting continued support from your trainers

  • 20+

    countries across Europe, the Americas, Middle East and Asia so be part of our international family

Webcredible helps businesses innovate, transform and succeed in a digital world.

We carry out research with your customers and then design products, services and ways of working based around their needs.

Our training academy can help you do the same.

  • Venue: Purpose built for hands-on learning

  • Refreshments: Get very well fed whilst you're here

  • Community: Meet like-minded people

  • Hands-on: Activity-based learning

How to find us

Come and meet the whole team whilst you're here and hang out in our open plan office. We're right on the door step of Borough Market and The Globe Theatre.

Already booked on this course?
Read the joining instructions

Course basket x


Price per place

Add another courseCheckout

Pay now by credit card or later by invoice (invoice payments only possible if all courses are 3+ weeks in advance)