Image for post: Web Design Tips for Beginners

Are you a new web designer? If you are then you will find these tips really helpful when creating websites for yourself or clients.

Understand The Project Goals

Before starting a new website design project, make sure you fully understand the client's business goals and and communicate clearly to the client what the outcome and their expectations should be.

Having a clear project brief that outlines the deliverables, milestones, and timeline so that you and the client can be on the same page. It's important to make sure you design fulfills the goals of the client as the priority, rather than trying to make the new site all about aesthetics.

Create a Color Palette

Use of color is really important for a great website design and can be part of a larger branding process, but for smaller projects, simply coming up with appropriate color palette will will make your website stand out.

There are plenty of tools online that can help you come up with the perfect design palette. - a really simple tool - just enter your base hex code into the box or click on the color wheel instead to choose your base color.  Paletton will create a color scheme based on that - Another option is to start with a color from your logo and build a palette from there;

Screenshot from, a tool for choosing a color palette for your website.

Create an Outline or Mockup of Your Designs

There are several ways to do this. Depending on your design process or skill level, a basic wireframe that outlines the page structure and flow of content can work.  You can also create the design mockup in Photoshop or Illustrator or Sketch. This will help you think and plan ahead before starting to develop the website and save you time.  It’s also important to lay out the sitemap - the hierarchy of pages and sub-pages and how they relate to each other.
Photo of 2 wireframes for a website project.

Use Great Looking Images

How do you get great pictures for your website? You can hire a photographer to get custom and personalized images for your website. An easier way is to use paid stock images like or free resources like Unsplash and Pixabay. Make sure you check out the image license usage rights of image before using.

Use Good Font Combinations

Learn the difference between serif. sans-serif, slab serif, & script fonts. Fonts should have a hierarchy so that your users can see the difference between the heading, sub headings and body text. Sometimes just taking one font and varying the size and weight can make it look like 2 different fonts when they are actually the same.

  • Sans-Serif
  • Serif
  • Slab Serif
  • Script

Think About The User Experience

User experience design is a trendy topic, but in reality you really need to take a step back and not view the site as a designer or developer but rather think about how someone is going to use the website. When thinking about UI, consider if your client and their clients and customers are gong to be happy with the overall experience that you’ve created and developed for them.

Do you need help designing or developing your website?  Contact us today!


  • Harden website from malware
    Read More
    5 Easy Fixes to Lock Down Your Website from Malware
    August 29, 2016
  • 5 ways to build your brand.
    Read More
    5 Ways To Build Your Brand
    May 23, 2017
  • Blogging for business
    Read More
    Why Blogging Is Important For Business
    July 22, 2017
  • How to do a content audit and improve your SEO.
    Read More
    Improving Your Website's SEO With A Content Audit
    December 28, 2018