Category: Web Design

What makes for a great user experience?

What makes for a Great User Experience? | Mosaic Digital Media

With every man and his dog having a website on the internet and the average attention span of a reader being close to a goldfish, it can be difficult to make your site feel different and compelling.

Luckily for us, not all these websites are built with user intent in mind; this is where we have the advantage. With specialist User Experience (UX) design we are able to make sure that our websites have what it takes to guide the users to their destination.

What is User Experience?

According to Medium; User Experience, more commonly known as UX, can be defined as the way people’s emotions and attitudes are affected when using a particular product, system or service. Additionally, it includes a person’s perception of the systems aspects such as utility, ease of use and efficiency.

We are going to be investigating what users, companies and our own team thinks contributes to being the most valuable aspects of creating a great user experience on a website or landing page.

The Journey

Most people will agree that getting to your destination is great but it’s the journey that you remember. The same applies to websites. Having a direct, simple to follow and adventurous journey is all part of the fun when on a website.

When it comes to creating and developing a good user journey it would help to know things such as where your customers go when on a website, whether they are operating on desktop or mobile, if they want to find a particular service or browse a range of products and so on and so forth.

We would recommend some tools such as Google Analytics to help see what operating system your users are using and Hotjar to help determine where users are clicking on the website and where they are going.

When optimising your user journey and creating a journey map you need to remember that not everyone is computer literate and some people can easily get lost on a website. This means making your destination or end goal within 3 to 4 clicks from landing on the homepage would be sensible for everyone.

Ease of Use

When creating a website it might be worth remembering that nearly 20% of the UK’s population is 65 and over and that statistic steadily rising. Making sure these websites are clear and simple to use for both young and old people alike should be at the forefront of your mind when creating a great user experience on your website.

Using clear large headings with even larger clickable Call To Actions (CTAs) can be useful when you’re trying to funnel users to a certain destination. Use bold headings to give a clear indication as to what the page is consisting of. You may also use bold headings to direct users around your site whilst utilising CTAs and buttons to lead them to the correct places.

Having an accessibility setting of some kind on the website could go a long way as well when it comes to people with slight issues or have difficulty with reading. These settings may include a feature that increases the size of text throughout the website to help with the readability or maybe a font style change could be available to help those with dyslexia or those who cannot comprehend a hard to read font that is in use.

If your website is running on WordPress then a handy plugin to a user could be WP Accessibility.

In Conclusion

There are more aspects to take into account when designing a website for the best user experience but these are definitely the basic you need to think about, perhaps, we will continue and write a second blog on more user experience tips.

Here at Mosaic Digital Media, we know what it takes to make sure that good user experience is met with your users. If you’ve tried to make your site more engaging or visually pleasing but it’s not gone to plan, give us a call on 01925 563960 or take a look at what design work we’ve done in the past here.

Getting the Most from St. Patrick’s Day Marketing

St. Patrick's Day Marketing | Local SEO Experts | Mosaic Digital Media

St. Patricks Day was on March 17th and swiftly approached as people bought their leprechaun hats, picked their shamrocks and prepared for what could have been their most drunk day of the year. We are all for being wasted on this occasion but we certainly won’t be wasting this occasion. St. Patricks Day is more than just another day in the calendar for us, it’s a marketing opportunity.

The main focus in St. Patricks Day is the high consumption of beer and the excuse for a party; so does this mean only alcohol companies can capitalise on this day? No of course it doesn’t, just because a holiday may have a specific focus it doesn’t mean it can’t be used or interpreted in different ways to fit your business. Your company can benefit from St. Patricks Day (or any occasion for that matter) in many ways depending on how you choose to market it. Here are just a few ideas that may help you boost your sales on this lucky day:

Try your luck with a contest

St. Patricks Day is an Irish holiday and the Irish are known for their luck. Take this opportunity to let your customers see how lucky they are with a contest or giveaway. Contests are a good way to increase customer engagement that can correlate to an increase in conversions meaning more sales. Contests are an especially effective marketing strategy on Social Media platforms, as it will generate more brand awareness.

Go Green for Paddy’s Day

We’re not talking about recycling here (although that is a good idea) we’re talking about quite literally making yourself green to celebrate St. Patricks Day. The colour of St. Patrick is widely known to be a shamrock green and is tightly associated with the day. Making parts of your identity green such as your logo or some elements on your website can show your audience that you are more than just a corporation. Customers are more likely to approach a corporation with a personality behind it. Changing your website is a good way to generate additional traffic to your site; a fresh coat is likely to decrease bounce rates and increase traffic.

Save them a pot o’ gold with discounts

People love money and more specifically saving money. St. Patricks Day is a great way to push a marketing campaign in the guise of a holiday discount. Although at face value, applying discounts may seem like a bad idea as it decreases the profit margin on your product/service it is many other benefits that outweigh the negative. Customers will likely be loyal your business and use your services again when given a pleasant experience such as with a discount.

Just wish them well

Maybe you don’t want to really change your business or push a promotion on this occasion, that’s fine too. Just wishing your audience a simple happy St. Patricks Day can work as well as an actual promotion as it shows people you care about them and can increase customer engagement and brand awareness. That being said, from all of us at Mosaic: we wish you a happy belated St.

Patricks Day!

So don’t just rely on the luck of the Irish to boost your sales this spring season, rely on us here at Mosaic. Mosaic can increase your sales with our marketing prowess and expertise in SEO, SMO and Web Design. Contact us on 01925 563 960 or contact us using our contact form to see what we can do to promote your business.

10 Year Website Challenge

10 Year Website Challenge | Web Design Experts | Mosaic Digital Media

If you have been on Social Media these last couple of weeks, you may have noticed a new trend popping up on your feed: a “10-year challenge”. This challenge looks at how much somebody, or something, has aged within the last decade. Here at Mosaic, we are all for keeping up with industry standards and latest design trends so let us have a look back at some popular websites to see how they fare in the #10YearChallenge.

Apple

Many look to Apple as a design leader when it comes to slick and minimalistic design they use for their website but it never always used to be that way. When we made Apple take the 10 Year Website challenge we can see they have shifted from their original design a lot in the past decade.

Old

apple old website

New

apple new website

Twitter

Twitter has seen its fair share of renovation over the 10 Year Challenge from a boxed light blue layout with similar aesthetics as other social media sites from that time to a modern fresh full-screen splash.

Old

Twitter Old Website

New

Twitter New Website

Stack Overflow

A website we here are all familiar with. A soft safe haven for us with a sharp design and an easy to navigate layout but looking back that did not always use to be the case. The 10 Year Challenge reveals that the site used to be more compact and blocky. Not all of us here remember the old design but some of us do.

Old

Stack Overflow Old Site

New

Stack Overflow New Site

eBay

Many things have changed over the years with eBay from the logo to the colour scheme. Looking at the result of the 10 Year Challenge, we can see that eBay has dropped its use of the yellow colour and opted for a more plain and modern looking site. E-commerce sites generally need to keep themselves keep and tidy so the user is not swamped by too much irrelevant information.

Old

Old eBay website

New

Old eBay website

PAPYRUS

PAPYRUS is one of the more recent projects we have worked on but the site has not always been with us. We decided to have a look back on what it used to look like, not just before we redesigned it but what it looked like 10 years ago. PAPYRUS has come a long way since then opting for a fresh modern full-width layout with much more vibrant colours and neater navigation. We can see it has aged a lot and for the better in the 10 Year Challenge. Check them out following the link here.

Old

Papyrus Old Website

New

Papyrus New Website

 

Do you feel your website is looking so 2009? How about getting a more modern look and join in with us on the 10 Year Challenge! Contact us on 01925 563 960 or contact us using our contact form and we will see how we can help you.

New Year, New Design Trends

New Year, New Design Trends - Mosaic Digital Media Ltd

So the New Year has rolled around and resolutions are already being made and broken, there is no better time to reflect on the past year than now. We feel the last year went past quickly but was still packed with loads of new design trends and ideas for us to bring forward to the future. Why don’t you read our Design Trends of 2018 Blog to see what the trends were at the beginning of last year?

Last year had many advancements and alterations in the design industry. From the way websites are laid out to the inclusion of GDPR rules and regulations in May; 2018 was a big year for how we go about website creation. Covering every major design trend in the past year would be too cumbersome and long to accomplish so instead we will highlight the ones that most affected us.

A river of colours

As the year progressed so did the palette and vividness of the colours used in website designs. Budding from the Premier League website in late 2017, the colour craze continued throughout the entirety of 2018 and has stayed with us in thus far in 2019. We have adopted this movement into our own designs that you can find on Our Work. One of our favourite designs this year is the Papyrus website that was heavily influenced by this design trend.

You can read more about how we use colours and what makes for good and bad colour combinations in our Colour Theory Blog.

Typography and me

Another big advancement from the last year is the layout of and the way we use typography. In previous years, the font choice for websites was limited to the resolutions of the smaller screens as mobile browsing was becoming ever increasingly popular.

An easily readable font on a small device was a necessity due to the screen resolution cap that came with them. As technology has advanced, however, it means the screen resolutions are much crisper than they used to be meaning fancier and more engaging typefaces are openly available to us.

Typography plays an integral part in web design as this is usually the main way you’ll be pitching your business to your audience. We even mentioned it in our Design Trends for 2018 Blog. With the availability of more fashionable typefaces coming accessible to us, we will undoubtedly see a shift in the way typography is presented itself to us on websites in 2019.

You can read more about typography in our Typography Blog.

Asymmetry paves the way

At the latter end of 2018, we starting seeing a huge shift in the way the construction of websites were being made. Fewer and fewer sites have been adopting the traditional boxed and squared layout of websites and designers had started leaning towards new fresher layouts of asymmetrical designs.

We have a sneaking suspicion that asymmetrical designs will be the future of 2019s designs with many new creative websites coming out of the woodworks and possibly revolutionising the way we design.

We have some truly wonderful asymmetric designs in the workflow so stay tuned to Our Work for when they are completed.

And there we have it, the 3 most vital design trends that we feel will influence the way we design websites in 2019. If you enjoyed this blog, you can stay tuned for more future blogs by signing up to our Newsletter.

If you are interested in getting a modern website designed with us, why don’t you give us a call on 01935 563 960 or Contact Us.

Typography in Web Design

First of all, what is typography? Well, typography is what you’re looking at right now, text. The design and form go into each letter so our words can be visually displayed. We need typography so our words are legible and displayed clearly for readers whilst maintaining a visually appealing aspect to them to keep the reader drawn.

So what is typography in web design? This blog will describe the different aspects of typography in web design to help you determine the good from the bad and the ugly. We aim to give you some pointers into what fonts and styling you should choose for your website.

If you are looking for a library of readily available web fonts check out Google Fonts for a wide selection of useful and clean fonts.

Fonts

I am going to start with the most common and critical aspect to typography in web design and that is the choice of font. There are many types of fonts out there all with their own unique styles and designs; saying there are thousands of fonts would be a vast understatement.

Fonts come in many different styles, sizes and shapes but can all be boiled down into four main font categories: Serif, Sans Serif, Script and Decorative. Fonts may fit in multiple of these categories but these categories are still important when it comes to choosing the right font for your website.

Serif

A serif font consists of small lines, called serifs, attached to the endpoints of letters. A popular example of a serif font would be Times New Roman. This type of font can be used as either a body or a title font but are more commonly used on printed media rather than in web design.

serif Typography in Web Design

Image source: https://dribbble.com/shots/4811525-Article-Header

Sans Serif

Sans Serif fonts are letters without the serif on the ends and instead have flat endpoints. Helvetica is a good example of a sans serif font. In web design sans serif is probably the most widely used font type due to its clean and clear readability even on lower resolution monitors. The most popular use for sans serif is as a body font but very commonly used as title font too.

Sans Serif Typography in Web Design

Image source: https://dribbble.com/shots/3538223-Web-Design-Touchstone-Innovations

Script

Script fonts, also known as handwriting fonts, are a type of typography that appears like it has been written by hand and is usually displayed in cursive. Sometimes with handwriting fonts strokes connect to one another so it is best not to tamper with the letter spacing when using these. Qwigley would be an example of a script font.

Although this font can be used in web design it is often avoided due to its difficulty to make out sometimes and that it cannot really be altered much using other typographic techniques without the font looking messed up. That being said the font can still be used to add a bit of splash and style to a web page just don’t expect to see it as the main font.

Script Typography in Web Design

Image source: https://dribbble.com/shots/4905259-Smooth-River-Font

Decorative

The fourth and final font is a Decorative font. These fonts are the quirky and outlandish fonts that have fun flairs and are designed with more style in mind rather than legibility. The Algerian font is a good example of a decorative font. This type of font is not often used in web design due to the novelty aspect of it. When it is used it is used sparingly and as a title font, it is not good practice to use this type of font as a body font whatsoever.

Decorative Typography in Web Design

Image source: https://dribbble.com/shots/5283128-Hillingdon-Font-Extras


Size

People often say size doesn’t matter but when it comes to typography in web design it most certainly does. Having your text too small and it will become illegible and not friendly for any of your older users or those with eye problems. Having your fonts too big, however, will look jarring and will lower the quality of your website design.

The industry standard for body text in web design is 1em that is usually set to 16px. This being said you may lower or raise the pixel count for your body text size to however you see fit but 16px is generally the agreed upon size when it comes readability against design.

Line Height

Line height is just as important as the setting of typography in web design as size is. Although the importance of line height is not immediately apparent when you have just a few words it is when the sentences and paragraphs start forming is when you realise its use.

The line-height on text determines the amount of space left below the letters so when the paragraph collapses there is a gap between the two rows of text. Using our above-determined scale of 1em = 16px it is the best practice to set the line height of your body text at 1.25 – 1.5 depending on browser size. It is best to have a smaller line height on smaller devices such as mobile and tablets with a larger line height being on the desktop.

Letter Spacing

Tracking, also known as letter spacing, is the typography in web design that calculates the individual gaps between each letter. The letter spacing, although it is important, can usually be left as is unless you have any special design ideas. In web design, the letter spacing can be set to the value of ‘normal’ which will calculate the default letter spacing of the font in use. If you do prefer, you can set the letter spacing as a px or em value.

Colour

Finally yet importantly is the colour of the text. Colour is not usually thought of as an aspect of typography in web design as it is commonly changed and isn’t really considered when changing the design of the text. Colour does depend more on the look and layout of the website rather than the text itself but it does affect the look and feel of the typefaces.

The font style does depend on the colour that you choose, as deeper and darker colours will make the font feel thicker whereas the lighter colours will make the font look thinner. This also depends on the background your font is on, as a background colour will absorb the font if it is too dominant but a recessive colour will let the text prevail. If you are having issues with your colour selection, you can check out our Colour Theory Blog for some colour combination and design ideas.

Conclusion

So that’s it, the main elements and uses of typography in web design. We have covered the different fonts you can choose and what other aspects of the lettering you can take into consideration when building a website. We have explained what typography is and what uses it has. If you want to read about more design trends and tips why don’t you check out our Web Design Trends of 2018 Blog and our Web Design Top Tips Blog.

If you still need assistance with your website design or would like to talk to us for any website design related reason you can contact us on 01925 563 960 or contact us using our contact form and we will see how we can help you.

What is Colour Theory?

Colour theory is the idea and practise of creating a structure for each of the primary, secondary and tertiary colours that allows us to see how each colour works in relation to one another, allowing us to get a better understanding on which colours complement each other and which ones don’t combine well.

There are three main colour theory categories; the Colour Wheel, Colour Harmony and Colour Context. In this article, I will describe each of these works along with how we implement them in our everyday work here at Mosaic.

The Colour Wheel

The Colour Wheel is a wheel that uses primary colours (Red, Yellow & Blue). This was originally designed by Sir Isaac Newton in 1666. The colour wheel highlights each of the primary, secondary and tertiary colours with their shades starting from a solid block colour and fading down to white; this gives us our colour hues. Each colour is placed between the colours that most associated with it. This allows us to see which colours go well together and how well all the colours will blend.

Here at Mosaic, we like to use the colour wheel when creating new websites, if the client is in need of branding and has not yet been established yet we can have free reign over the colours we can use. This allows us to find each a set of complementary colours that catch the eye of the viewer and draws them in. In the next section, we will go into more detail about complementary colours along with other colour schemes when we talk about colour harmony.

Colour Harmony

Colour Harmony is the practice of using colours that are well associated with one another to pick out the perfect balance in design and to make sure the chosen colours have a smooth contrast and are not too harsh to look at. Naturally, some colours work better with each other than others do, colour harmony is about differentiating these rather than just always using our favourite ones (Or else everything we make would just be 50 shades of purple!). We have listed some of the most common colour schemes based on colour harmony below:

Analogous Colours

An Analogous Colour Scheme is the idea of using a selection of usually 3 to 5 side-by-side colours on the colour wheel. These colours generally contain one prominent colour with some lighter and darker tertiary colours that are either side of the chosen colour on the colour wheel. Below is an example of an analogous colour scheme:

Complementary Colours

Complementary Colours are a duo of colours that are directly opposite one another on the colour wheel. The opposing colours create the maximum possible contrast allowing the colours to stabilise each other out, as one is a dominant colour whilst the other is a recessive colour. Below is an example of a complementary colour scheme:

Triadic Colours

A Triadic Colour Scheme is very much like its complementary colour counterpart but instead of choosing two opposing colours, this uses three. To find the correct colours to use in a triadic colour scheme you have to choose the primary colour you would like to use and calculate the other two by finding the equal distance between all three points.

This variant of colour harmony works best when there is one designated dominant colour or all three colours only highlight the design. Below is an example of a triadic colour scheme:

Colour Context

Colour Context is the way each colour interacts when combined with other colours. The idea of colour context is to highlight which colours contrast well with certain combinations and which colours are absorbed. This is an important step in our industry in particular as it allows us to know which shades to use and in what contexts to make sure nothing clashes and every element is displayed clearly and draws the user’s eye.

Depending on the surrounding colours, the way our eyes view colours changes meaning that the same colour on two different backgrounds may appear slightly different even though they are the same shade, this can sometimes cause confusion, as it is the best practice to introduce as minimal as possible shades to keep brand identity strong.

Why don’t you have a look at some of the previous projects we have completed here or read more into branding with our blog ‘What is a branding kit?’.

If you would like to inquire about any of our services and find out how we can help you, please contact us on 01925 563 960 or Contact Us.

Codevember 2018

As you may have noticed over the last few days on our social media we have been sharing our efforts for an event known as Codevember.

What is Codevember?

Codevember is a challenge for developers to sharpen their design and coding skills every day during November. The challenge has been going on for a few years now and was started by two developers known as Arthur Rob and Valentin Daguenet. On the Codevember site, http://codevember.xyz/, there is a list of each day with a prompt for that day (though this prompt is just to help developers to come up with something for each day and doesn’t necessarily need to be followed).

How is Mosaic participating?

At Mosaic we are participating by creating a coded piece each day on Codepen and submitting it to the Codevember site. We are attempting to make sure each days submission is different from the last and trying to come away each day with something new learned. We have imposed some rules to keep us challenged;

  1. The submission must be coded, ie it cannot just be an embed image created in photoshop or illustrator (this isn’t to say creating an image in these isn’t a skill in itself just that the challenge seems to be more targeted at coding skill).
  2. We only have an hour each day to code the submission, this is to stop us getting too wrapped up in the challenge and to stop us constantly tweaking the submission.
  3. We have to do something based on the prompt, as this forces us out of our comfort zones and gets us learning new things.

What have we Done so far?

So far we have completed the following challenges each day:

  • Day 1: For the first day the prompt was infinity. For this we created a rocket ship trapped to travel through a rainbow warp hole for infinity.

    See the Pen #codevember – 01 – infinity by Liam Wright (@Uiliam) on CodePen.

  • Day 2: The prompt for day 2 was Time. For this one we created a clock in Javascript that used numbers and blocks to show the current time.

    See the Pen #codevember – 02 – Time by Liam Wright (@Uiliam) on CodePen.

  • Day 3: For day 3 we had to do something based on carrots. For this challenge we used some SCSS functions and mixins to pixel art carrot.

    See the Pen #codevember – 03 – Carrot by Liam Wright (@Uiliam) on CodePen.

  • Day 4: This day’s prompt was to create something based on the sky. To do this challenge we create a sky background and used css animation to move clouds across it. We also added some Javascript logic to check the time of day and change the sky based on whether it was morning, day, evening or night.

    See the Pen #codevember – 04 – Sky by Liam Wright (@Uiliam) on CodePen.

  • Day 5: For this challenge we had to do something music based. We did this by creating a javascript function to log keypresses and to display a music note when certain keys were pressed.

    See the Pen #codevember – 05 – Music by Liam Wright (@Uiliam) on CodePen.

  • Day 6: For day 6 we had a create something based on the prompt web. We created a spiders web with a spider that tracks your mouse when you move your cursor over its web, clicking the mouse makes the spider move towards the pointer. We also added custom CSS to change the cursor to a fly when you hover over the web.

    See the Pen #codevember – 06 – Web by Liam Wright (@Uiliam) on CodePen.

How do we see the other submissions?

As the submission could come for anyone of our Codepen accounts the best way to see our submission each day is to follow us on either Facebook or Twitter where we will post our submissions each day. Also, look out for a roundup post at the end of November to find out our impressions for the challenge and to see all our submissions.

5 important tips to improve Website Security

As the internet becomes ever increasing popular, to nobody’s surprise, so is the amount of private information that is shared over it and with this, the number of hackers and people trying to steal this sensitive information.

Even with the new GDPR law implementation in May, many websites are still insecure and the information is still prone to be stolen and misused. Stealing information is unfortunately very common in this day and age with big corporations such as the NHS and TalkTalk being hacked and security breaches always showing up on the news.

This guide is to help you increase your website security and prevent hackers from gaining access to your website, downloading malware and stealing information.

 

How to protect your website

There are various website security procedures you can follow to help protect yourself from hackers. With many layers of website security, it usually means even if the hacker would manage to penetrate one of the defences there will be many more that will stop them in their tracks. Here are just a few ways you can improve your website security and protect your business:

 

Secure Servers

Some companies are in belief that it is a good idea to self-host their own websites as it is a cost-effective solution and all of the website data is kept in-house. We are inclined to believe that this is not such a great idea, as these servers tend to be insecure and therefore a potential website security breach. We recommend hosting your website on a secure server that many companies, including ourselves, can provide. To read more into the different types of hosting available click here.

 

Strong Passwords

This may not come as a surprise to a lot of people but we cannot stress it enough the importance of strong passwords. A strong password is just not the combination of characters to make a secure chain it is also making sure it is memorable and known by as few people as possible. Your password can be the as complex as you want it to be but it means nothing if you cannot remember it. Complex passwords tend to end up being written down and placed in an easily accessible location; this, of course, does not really improve security when the details are out in the open for anyone to find and use.

 

Updated Software

Software is constantly being improved upon and updated to the extent of when you open the program and there is an update available you get mildly annoyed. Although once you update the software and seems that nothing has changed, the odds are something has and that something has to do with an improvement in website security to prevent any breaches. The reason software is so regularly updated is because as soon as a security flaw is located hackers will try to capitalise on the situation and will attempt to breach the software to get into your website.

 

Using HTTPS

You probably recognise these letters from May 2018 when the new GDPR laws were rolled out throughout Europe, you can read more about GDPR here. If you missed the whole GDPR situation then you will still definitely recognise it from many website URLs, such as ours. Using HTTPS does more than just put a quaint little lock icon next to your website name, it also ensures that the content your website is sending is secured and cannot be tampered with or viewed by any unintended people whilst it is being sent across cyberspace.

If you are unsure on how to secure your website or want to make sure your website is on a secure server then contact us or call us on 01925 563 960 and we will move you to our servers and install a FREE SSL certificate.

 

Security plugins

We are big fans of WordPress here at Mosaic and with WordPress comes the vast selection of plugins available, with those comes the security plugins. There is a huge variety of different security plugins available to install such as WPMU’s Defender and Wordfence. These plugins are amazing at locating and locking down any security flaws it detects throughout your website and comes with the added feature of being able to scan your site files to detect any potentially hacked files that may have already snuck their way through your website security and breached some files.

If you’re fearful of the potential of your website being hacked and would like assistance in setting up website security and protecting you and your client’s information why not give us a call on 01925 563 960 or Contact Us to discuss how we can help you.

What is a Branding Kit?

In today’s day and age, image and how we are perceived is becoming the forefront for most people. With the introduction and increasing growth of social media platforms such as Instagram and SnapChat, the world is becoming more and more focused on appearance. Even though in the past what we wore, ate, drank or did was important to friends and family, with these powerhouses of social media becoming an everyday need to use. Instagram is all about showing people a sneak peek into your everyday life and many people are becoming in there own right a brand.

Before we delve deeper into the understanding of what a brand identity and what a branding kit is, we need to first understand what branding is.

 

What Is Branding?

Branding is something that is memorable to the person looking to buy a particular product. If you were to buy a mobile phone most people would say buy an Apple iPhone or a Samsung device. If you were to buy trainers, Adidas or Nike would sure be at the top of your list. Brand awareness and exposure are critical to a business’s success. For you as a business being able to see the general public identify your business against a product or service shows the great success of this.

 

This is why branding is first and foremost important but also gives identity to your business.

With any small business, their image is important to improve your revenue and for people to remember your business. A catchy name and a Yellow Pages advert used to be all a business needed to get leads or work flowing in but this kind of marketing does not work as well anymore. Consumers are looking for professionalism on all fronts to invest their money and time into a product or service.

 

Below are seven different steps you can take to improve your brand identity and utilise a branding kit.

 

Brand Identity

Even though the idea of building a branding kit is to coincide with the overall brand identity, you first of all need to look at what you want your brand’s image to be.

 

Who are our businesses target audience

Helps identify how your brand’s image is perceived. If you a young App development agency you would be appealing to a younger demographic whereas a catering company for the elderly will need to cater to this target audience. It is important to find this as your brands use of language across emails, website, letters, leaflets, vans, etc will need to reflect this narrative and audience selection.

 

Consistency is king

Most businesses start off with good intentions and develop a branding kit which will allow them to build different marketing strategies but over time due to many different factors, the branding toolkit can forget about. By misusing the branding kit or using the incorrect logos, colour or fonts you could come across to your client as sloppy and unprofessional.

By keeping the consistency optimal your brands image across all different mediums such as your website and social media platforms will come across well to potential prospects and turn them into clients.

 

Keep it simple

This has to one of my golden rules for brand kits and business identities. If you take some of the biggest brands such as Apple, their whole is based on simplicity. Lots of small to large companies invest lots of man-hours and cost to create brands that are overcomplicated and fussy causing them to miss the mark with potential clients. If you keep your brand message, look and persona clean and simple this will portray your brand’s identity well across all of your branding toolkits.

 

Develop a branding strategy

Lots of businesses jump at the chance to improve their image by throwing themselves directly into a rebrand or chance their branding kit without a second thought. This can prove to a be a costly mistake as with anything you need to prepare and plan your strategy for a branding toolkit.

 

Research different media and brands

You may feel that looking up your businesses competitor is like cheating but all research is important. By investing time in looking at what your competitor is doing is a worthy step to better your branding success going forward.

Other avenues to take in developing a successful branding kit is to make sure you look at different media outlets such blogs to ensure your branding is bang on trend rather than several years too late and instantly looking outdated to your potential prospective clients.

 

Brands Always evolve

If you feel like a business you have navigated your way through the whole branding maze successfully and have a brand toolkit that demonstrates your business in a nutshell, this is great news. However, this is something that needs to evolve as time passes. Brands in today’s market cannot remain static as the image of your brand can be seen as ‘stale’ as more time passes. If you take Nike there marketing and branding are always evolving and taking a new direction and keeping up to date with current trends. As a small business owner, you will need to make sure your brand and branding kits also do the same.

 

Invest In a Digital Agency With Graphic Designer

My final point to wrap this up is if you are unsure on anything always invest in a digital agency such as Mosaic Digital Media Ltd as we have some of the top talents in the NorthWest who can help your business develop a branding kit to shout about.

5 Common Website Design Mistakes Made Daily

When it comes to website design, a common goal to have in mind is to be creative as you like and make a website that is unique and promotes your business. Usually, a distinctive website design is a great goal to have as it encourages you to go against the grain and design an exclusive website. This, however, does not always go to plan, as there is a reason why websites are designed the way they are.

When designing websites there are some unwritten rules, and some written ones, to what makes a website effective that web designers adhere. In this blog, I will be covering some of the most common mistakes and pitfalls people fall into when trying to design their own distinctive website.

If you are looking to get your website built by a professional agency please contact us or give us a call on 01925 563 960 and discuss how we can help you.

Not Enough Content

One of the most common traps people fall into when designing their website is the lack of good content, or sometimes any content, on their website. Websites require a good amount of content be it images or text in order to be found and picked up by search engines. Search engines look at the content on your website and rank it accordingly to how relevant it thinks your website is to the search term. If your website is lacking in content then it is less likely to come up in search results meaning less people will see it. This, of course, is bad for business.

Too Much Content

On the contrary, to the above point, having too much content on your website can also be detrimental to your website design. When we say too much content what we really mean is too much irrelevant content or too much content clustering together in one location rather than it being distributing it evenly throughout your website. Content is great for SEO for when a search engine crawls your site as it is more likely to find lots of relevant content to the search results that you’re likely aiming for however when the user goes onto your website they may feel overwhelmed by the clutter of irrelevant and lengthy content and bounce back off the website.

No Call to Actions

A lot of website design is about getting your audience to the contact us page, buying a product or in other ways subscribing to the service you are advertising. This is sometimes lost in translation when building a website as they focus to much on how the website looks and not enough on how the website works. The main element that is essential to websites that many amateur designers miss is the need for effective calls to action. A call to action is a link or an instruction to the user that tells them to do an immediate action, usually being a prompt to completing sale or gaining them as a client. These are more often than not either never implemented or poorly executed in a way that the user doesn’t feel compelled to click or doesn’t even realise that they should click in some cases. Bad call to actions will reduce the conversion rates on your website making your website design effectively useless.

Bad Images

More often than not when we are doing website design, we encounter a vast amount of bad imagery. A good image wants to be high-quality, relevant and well optimised but many of time that images we come across tend to be the opposite of this criteria; pixelated, irrelevant and otherwise too large. All these traits of a good image are vital for a website design as these are what draws the users attention the most and is what keeps the user from bouncing right back off the website. Traps that I have encountered amateur website designers fall into is using images that do not fit the area that they are using them. Examples of these could be a small image used as a banner image forcing it to expand and be highly pixelated or alternatively a very large sized image in a small area that would take longer to load than necessary.

Not Mobile Responsive

The last and perhaps most vital of these website design mistakes that people fall into is forgetting or just neglecting the need for a mobile responsive website. As we move into the future, more and more people are moving to mobile web surfing. According to various studies over 50% of all website traffic is now coming from mobiles and that number is only increasing. If that isn’t enough to convince you of the importance of making your website mobile responsive, Google is now starting to rank your website down if it deems it as not mobile friendly. This means you will not only be losing traffic from anybody browsing on mobile but you will also be penalised for it. It is not just mobile responsiveness you want to worry about either, making sure that your website design is fully responsive is just as important. This means making sure your website works on not just mobiles, tablets and full-width but also on any dimensions the user may have their browser width set at.

Making your website distinctive whilst adhering to the above criteria can be difficult, if you are struggling to make an effective website or looking to get your website built by a professional agency please contact us or give us a call on 01925 563 960 and discuss how we can help you.