Created: 25/08/17 Author: Ryan
In today's blog, we've got 10 quick and actionable web design tips that you can implement onto your website today!
So you want to know some quick tips about web design?
Web design is a rather important step to improve your company branding.
Without a website, how are people going to find out or learn more about your business?
The web design industry has come a long way over the past years, we've learnt a lot about web design and the best design practices to use.
In this blog, we've got 10 quick tips about web design that you can action on your website today. Let's get down to business with the first few web design tips that you can implement today.
Do you remember back in school when you had to take those Art classes?
Or was made to generate quick and rough sketches of things?
That's basically a wireframe. A wireframe allows you to see the functionality of your website at a glance without the images, colour and fonts going on in the background.
Web design is generally about generating leads, and turning them into sales.
It should be easy for your website users to see the primary Call to Action on your website, and this should count as a conversion for your business.
A wireframe is an important quick tip about web design, and you should consider using a wireframe today.
Reducing your website's navigation links might seem like a bad idea.
This is actually a good thing.
Remember when there was websites that had 10 or more generic website links in their top navigation?
This might be fine for an Ecommerce web design, but for a general showcase, portfolio or even a service website this simply isn't needed.
You want to keep your navigation links clear and relevant rather than overwhelming your website visitors with loads of navigation links.
Web design is all about clear, simple ideas that generate leads and sales without all of the clutter.
Whilst web design might need many navigation links, do all of these links need to be shown in the top navigation?
You could try putting these links further down the page.
Prioritise those links.
When someone comes onto your website, they're likely going to stay for a few seconds, they'll make their decision about how easy the website is to navigate, what options are available to them, and more importantly.
What is the main Call to Action that is available to them?
So this quick web design tip might seem a bit odd.
But actually I believe with great planning comes great results, and what's better than actually getting your ideas down on paper.
Back to the time when computers didn't exist this would've been the only option available.
I believe that it's easier to start web design by getting your ideas down on paper first.
Do you remember that item?
It's called a pencil.
And there's the eraser too!
Start off with generating ideas of your website, keywords that come to mind about your web design.
Generate these ideas, think about the colour, the functionality and what your site's purpose is going to be.
Doing this, it's easier to collaborate with other team members too.
They can give their input, which will assist you in getting ideas down ready for wire framing.
You can save your work too!
Simply take your phone, or a camera and just capture these ideas down. There's nothing better than doing it the traditional way.
Web design has changed over the past years.
And in that time, websites and web designs are becoming simpler.
It's hard to believe that by increasing the amount of white space on your website is going to help your site generate more attention right?
Believe it or not
Not every blank space in your web design needs to be filled with text or images.
This is just adding clutter to the website and making it harder to see what the real site purpose is.
Besides this, many companies are trying to cram so much into so little space that it's distracting to the visitor and is making it harder for them to find things.
Google suggest that you use a standard font size of 16 pixels.
The standard line height of body content is 1.2em, although a slightly better line height to use for body content could be closer to 1.6em or 1.7em to just give your text slightly more room to breathe vertically.
Whilst increasing the font size is a good idea
You shouldn't make it overly large.
Making font to large can be quite overwhelming and harder to read than some smaller text.
We suggest using your own initiative when it comes to font size to ensure that everything sits and flows nicely.
Smaller devices such as smart phones and tablets could be slightly less in font size since we tend to view these devices closer to our eyes than a laptop or desktop PC.
Font is an important part of web design, and there are many resources available to help you get the right font size for your web design project.
Team 8 Digital suggest using font-type.
It's a FREE resource available online and is a great way of quickly setting font sizes for all of your headings.
I'm sure there are plenty of other free resources available and guides that give you recommendations for setting font sizes for your web design.
Social media is so important nowadays that it often gets overlooked in a company.
Social media is a big task on its own.
Generating social content for your website that improves your site's trust flow and social profile making it easier for people to find you.
But more importantly
You need to consider where you're going to put your social icons in your web design.
Most web designers will put the social links in the footer of the website.
It's traditional and is likely where people would expect them to be.
But you could also try putting social icons somewhere in the header of the website or at the very top?
You can get someone to deal with your social media for you, the more experienced they are the likely you'll get more conversions and leads.
Professional photography for your web design can add a lot of value to your web design.
Another option to professional web design, is simply to purchase high quality stock images. They'll cost a few pounds to purchase but like general photography, could be a better investment if you don't have the time or budget for investing in a photographer.
Professional photography is certainly a good quick tip for web design to go for extra web design value.
There was once a time whereby if you wanted to get a mobile version of a website you'd have to essentially design a complete new website and host it on a sub domain.
As such, this was the best option before media queries was used in web design.
Media queries are simply the best way forward to creating a responsive web design layout that adapts to any device.
Responsive web design isn't about getting every single pixel to be 100 percent accurate.
It's about optimizing and designing a website in such a way that'll allow it to adapt to the different devices that people are using in today's society such as smartphones, tablets and laptops.
If you opt to use a framework such as Foundation or Bootstrap, they come with a responsive grid system built in making it easier to design responsive websites that adapt to many devices regardless of browser and device type.
Frameworks such as Bootstrap and Foundation have CSS classes that you attach to your HTML divs that allow them to change as the screen changes.
These frameworks are a great idea to get you started.
Not to mention frameworks make it incredibly easy to create a fluid grid web design.
Frameworks aren't perfect for responsive design, and you'll likely still have to do some of the work yourself.
At Team 8 Digital, responsive web design comes as standard when creating a website with us.
You can quickly and easily find out how much it'll cost to get started with designing your website in Bridgend by visiting our web design section under our services page.
Using a framework for your web design is a great actionable tip that you can get started with today.
There was once a time where frameworks was so slow, sluggish and just didn't really work too well with the websites that existed.
A framework is the way forward to developing and designing quick websites within a limited time budget.
Team 8 Digital recommend you use a framework such as Bootstrap or even Zurb Foundation as these both offer a great starting boilerplate to designing websites.
You might ask yourself
Why you should even consider using a framework?
The answer is simple.
Let's take a common grid layout whereby you'd like to have three columns in a row that sit next to each other.
Whilst you could certainly do this with just regular HTML and CSS and build it out from scratch, it would be much more efficient to just simply create your divs and add the relevant class to them
Set and forget
It's that simple.
If you're not already using a framework, Team 8 Digital recommend you start using a framework today.
Test, Test, Test
Seems rather boring right?
But it's the most important part of web design.
Without proper testing, you won't know whether there's any errors with your website that need fixing.
We suggest that you spend a fair amount of time testing your website to ensure that you reduce the chances of something going wrong before you launch.
And even after launching your brand new website
Get testing, it's the most important part and once you're sure that you've tested your website fully.
You'll be able to safely say to people that it's ready!
And they can start using it.
So there you have it.
10 quick tips about web design are done.
And now that you've got these tips at hand.
You'll be able to go ahead and action them.
We hoped you like this quick tips web design blog from Team 8 Digital. And we'll be sure to release more blogs soon. Until then, why not go ahead and consider getting your FREE web design quote with us.