Month: November 2018

Typography in Web Design

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.


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.


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:

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:


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:


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:


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.


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.


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.

Generating new business through your LinkedIn profile

Generating new business through your LinkedIn profile

Keep your profile up to scratch

It’s easy to brush over the basics of your LinkedIn profile. It can’t make that much of a difference, right? Wrong!

Would you give someone a business card or send someone a CV with incorrect information on it? Nope, so make sure all of your details, including your work experience, job title and skills are up to date.

The Headline of your LinkedIn needs to get to the point. If you’re aiming to promote a product which may prove useful to your followers, then you can skip over your job title (this can feature further down the page) and get straight to -what it is you are actually providing. Here is a good example:

linkedin profile

The next section will be your summary, which is your chance to expand further on the services you provide and direct people on how to get in touch with you.

Grow your connections

If you’re attending a business event or have just finished up at a meeting, a great tip is to click on the ‘Find nearby’ button on the LinkedIn App on your phone, this will pull up all nearby LinkedIn profiles using Wi-Fi and make it easier to connect. Setting yourself a goal of connecting with 5 new people a day is a quick and easy way of growing your connections over time.

Engaging content

Keeping active on LinkedIn by posting from your account is important yet most people seem to avoid it! Make sure you keep up to date with relevant industry news to present yourself as a thought-leader in your sector. Also liking, sharing, tagging and commenting on other peoples posts is very important as this will appear on other peoples timelines.

Don’t be afraid to post more ‘experimental’ content. LinkedIn has evolved and is becoming a lot more sociable, so yes, you can post a picture of your dog without feeling that it isn’t ‘professional’! People buy people, so giving your profile some personality won’t hurt. Plus sales post after sales post becomes boring and extremely repetitive!

Even posting a powerful quote is a great way of providing inspiration and reaching more people on LinkedIn.

Follow up on connections and interactions

Once you have connected with someone don’t let it become stagnant. If you see a way that you can add value to their business or vice-versa, then drop them a message thanking them for the connection along with a quick intro on who you are and whether they would like to further the discussion. Drop in a free tip or piece of advice if you are feeling generous!

How can Mosaic help?

If you are still left feeling confused or simply don’t have the time to manage your social media accounts then give us a call on 01925 563 960 or click here to see how we can help.

Getting ready for the 2019 SEO Changes

Getting ready for the 2019 SEO Changes

As 2018 starts to come to an end, we can reflect on what has happened and the changes in the world of SEO throughout the year. However, now is a time to prepare!

You need to make sure that you’re ready to take 2019 by force. 2018 SEO methods won’t help you now as we move into the unexplored abyss that is New Year’s Google Algo updates.

What will be changing?

It can’t be said for certain what SEO changes Google will present us with, in 2019, but we can have a guess as to what Google will want to promote more of next year.

Recently there has been a big push for Page Speed to be as optimal as possible. Google seems to want to give User Experience as much priority as possible. Search Engine Land recently released an article talking about what will be big factors in 2019; Page Speed, Mobile-first indexing, Amazon Search, GDPR & Brand recognition.

We are going to be discussing these factors, and how we think these SEO changes could affect your rankings and your overall SEO campaign in 2019.

Page Speed

Page speed has been on Google’s radar for some time now but it’s suggested that in 2019 it will have an even bigger impact on search rankings. If you’ve already optimised your website speed then hopefully you won’t be affected but if not keep reading.

Optimal Page speed is around 2-3 seconds on any given page, any longer than that are you could find that your bounce rate increases because user don’t like having to wait and will make the decision to find the information/product elsewhere.

Mobile first indexing

Mobile-First Indexing is basically when Google crawls the mobile version of your website before it looks at the desktop version. This will help Google determine whether or not to give you a quick ranking boost.

If your website is responsive to mobile and table then you shouldn’t have any issues but if not then you could see some drops in rankings as SEO changes in 2019.

Amazon Search

Voiced search will continue to play a big part in SEO through 2019. As Smart speakers like Amazons Alexa and Google’s Home Hub become even more popular more people will be using them to search.

Amazon search is when people go to the Amazon website and search for products. The Amazon Alexa, being the most common of the smart speakers, will use Amazon search to find products before using Google. This means you will need to appear for on amazon search as well as Google so that your products are recommended first of all.

You can learn more about this from our other article about how voice search will change SEO, read here.

Brand Recognition

Recent data indicates that Google is going to be focusing on building a branded search. Using your brand and your brand name as a guide to help rank your website amongst the rest of the competition.

Google will use a number of factors to establish if your brand is getting recognised or not, Social mentions, website mentions, search terms and advertising will all play a part in helping Google see that your brand is one to be promoted to users.


These SEO changes are going to be mixing up the way that you run your campaigns. There likely isn’t too much of a difference to what you’re already doing, but make sure that you are sure to introduce these new factors or you might see some drops in positions and traffic.

If you’re not too sure what SEO is, you can learn more about it here with some of our other articles explaining a little more about it, or if you know about SEO but don’t have the time to implement it, get in touch, and we’ll see how we can help you!

Black Friday: Is Your Website Ready?

Black Friday: Is Your Website Ready?

Black Friday sales have become a huge success globally and slowly seeped over the waters from the USA around four to five years ago.

So what is a Black Friday sale? This event is the day after Thanksgiving in the US and highly regarded as the floodgates to the Christmas shopping season. With the influx in technology and ever increasing for consumers to demand low prices, these types of sales are bigger than ever and appear both online and offline.

In the UK we have adopted this tradition of Black Friday as a way to buy goods at a reduced cost or as a merchant, to make as much profit prior to the Christmas period and typical quieter January after all the expense of December.

In this article, we are going to look a little deeper as to how you can make your website Black Friday ready for the internet as well as ensuring your website is ready for Cyber Monday and the rest of the festive period.

Is your hosting suitable?

Black Friday sales typically cause a frenzy of buyers to come to your website with one aim of grabbing a bargain as well as getting that perfect gift for a loved one. However, before you get carried away with offering rock bottom low prices you need to ask yourself one question, can your website handle the extra volume of visitors?

If your website is not suitable for high volumes of traffic you may need to look into having discussions with your hosting partners to figure out how you can get your website ready for the festive period. If you are paying a nominal fee for your hosting and expects this to handle 20-30% more traffic you may find yourself in a sticky situation where the website will crash whilst the visitors are browsing or at the checkout stages of your website causing a huge headache. Being prepare for the whole of the festive period and upgrading your hosting could be vital preparations and most reputable hosting companies will advise you based on your current amount of users what to expect during the Black Friday sales.

If you have the time to prepare for the festive period or know roughly how many users you would expect to your black Friday event, you can look into speaking with your hosting company to run some load/stress tests on your hosting platform. These load tests are designed to simulate real-life situations on servers to see how many users it can hold. By doing this you will alleviate the stress of a frantic sale and the website having downtime.

Other tools can also help get your website up and running if the worst case scenario is your website goes down. If your website does fall over tools such as StatusCake will tell you if you have any downtime on the server. This means you do not have to wait for floods of complaints to come in or to keep refreshing to see if it has. This will email you and alert you if you have any issues.

Is your website prepared?

Once you have sorted the hardware and hosting provider for your website, you need to make sure is your website ready? You may have all the best hardware and hosting solutions in place but is your website the main issue? If your website performance or security is a problem this may cause you to have downtime during the Christmas period.

Website Performance

Having a suitable host provider is great preparations for a successful Black Friday event, however, if your website is poorly coded or has not been speed optimised this can have a huge impact on how site visitors use your website. Performance is key as shoppers will want to buy items quickly in fear of losing out on a particular purchase. If your website sluggish this will instantly annoy people, causing them to go elsewhere, potentially a competitor. Using speed tools such as GT Metrix or Pagespeed will give your web designer a good indication of what things they need to do to improve the load time of the website as well as improve the overall score.

Website Design & Usability

Most website visitors nowadays look to do most of their Christmas shopping or find that perfect Black Friday deal on their mobile phone to and from work or on the school run. As we gravitate towards being hooked up to the internet most of the day people expect the website to work correctly whatever device they are using. If your website isn’t a bespoke purchase the likelihood is, the website may have some poor design choices for mobile and tablet users. For a successful festive period, you need to make sure you are getting this right so that you do not exclude any potential customer from being to use your website in any form. If you have a website design agency such as Mosaic Digital Media we build all of our website with a mobile-first approach ensuring that no matter what device your eCommerce website is viewed on, your customer will have a good experience all-round.

Marketing & Design

Now you have all the hardware ready for your website, you now need to market your Black Friday and festive events. If you have a good following on social media platforms this will be a good place to start with generating additional attraction to your black Friday sales. An additional advantage on your website is to make sure all of your Black Friday deals are clear and visible once traffic does come through to your website.

I would also suggest looking at getting some good artwork generated to promote your event. Festive artwork and sale banners will help drive traffic to your website. Also whilst on your website create a call to action banners where if a site visitor clicks on a banner, it takes them through to all of the deals available.


In summary, Black Friday is the great kick-off event for the festive period. Utilising this to your advantage will help the sales of towards the end of the year and will always help your business in more difficult months where typically you see a decrease in sales.

If you want to find out more on how we can help your business contact us today.

Opus Diem Launch in Warrington

Opus Diem Launch in Warrington

Carpe Diem has launched a new digital co-working space in the centre of Warrington, Opus Diem. The cosy environment within the Pyramid Arts Centre is complete with co-working spaces, interactive meeting rooms, pods, chill-out spaces and a giant hall, giving the opportunity to entrepreneurs and creative thinkers to share ideas, work together and hold events such as last night’s #OpusOpenHouse.

We at Mosaic Digital Media are looking forward to making use of the new prospect, which will prove to be a great way of pulling together the digital community in Warrington.



To kick-start the launch of #OpusOpenHouse last night, we had the opportunity to listen to three very different but equally engaging and thought-evoking speakers, each with different values and thoughts to offer.

The first speaker was Ian Carroll from Solutioneers UK, who is dedicated to quantifying and visualising work processes in order to increase productivity in the workplace.



He began by demonstrating why it is important to improve quality and productivity using a ‘pull’ process rather than the ‘push’ routine which most companies find themselves in.

We are all guilty of leaving a task unfinished before moving onto the next, right? Carroll stated it is essential to only take on a few tasks at a time. He also encourages team members to physically stand up and view the board of work at the beginning of the day, which stimulates team members to communicate more with each other and prioritise which tasks to complete first.

Dr Amy from Hoo Are Yoo was up next – she had us in stitches during her speech. Amy brought to light the psychopathic and narcissistic qualities that you can spot online, using Donald Trump as a very valid example!



Did you know that 65% of current jobs will not exist in 12 years?  For this reason, it is essential that we make sure kids (who are dead set on being vloggers nowadays!) are equipped for the digital shift, which has already started. This means introducing new curriculum, such as coding, into schools.

Using Lego, Gareth from the Creative Hut exemplified that creativity and innovation declines with age, stressing that we must connect with our inner child in order to allow the creativity to flow in our working environment. The simple task of making a duck out of Lego brought to light the numerous ways in which one process can be accomplished, validating that it is important not to block your creativity or give in to the temptation of following the crowd.



The launch of Opus is a game-changer for Warrington. The new space allows for different thinkers – such as the three individual influencers who spoke at last night’s launch – to be able to share their ideas and collaborate with each other.  At the heart of Warrington and in the midst of the growing Cultural Quarter, the space is also a great way of encouraging Warrington to support local businesses – perfectly illustrated by the home distilled gin that we were served by 3 Pugs Gin as the event came to a finish.

As a full-service digital agency who are able to provide innovative Web Design, SEO, eCommerce and effective social media campaigns we are very excited to join forces with the digital community and be part of the exciting wider digital movement in Warrington!




Alexa, will voice search change the world of SEO?

Alexa, will voice search change the world of SEO?

It’s a well-known fact that voice controlled devices are taking over the world, but does this mean that the way that we have been applying SEO is wrong? Maybe now we will need to apply new methods of SEO to websites so that we can be detected by Amazon’s Alexa and Google’s Home Hub.

We want to help shine some light on this topic and make sure that everyone is prepared for these future changes. There is no guarantee that SEO search algorithms will change for these devices but it’s always good to be prepared for the worst!

The Facts

If you don’t already know what a smart speaker is, Wikipedia defines it as the following: ‘A voice command device is a device controlled by means of the human voice. By removing the need to use buttons, dials and switches, consumers can easily operate appliances with their hands full or while doing other tasks’. You most likely recognise the name of Amazon’s Alexa as a prime example of voice command smart speaker.

According to LocationWorld, 40% of adults use Voice Search at least once per day which means it’s becoming easier and more accessible for people to use and understand.

These adults and children are getting even more intergraded with these devices because 65% of people that already own an Amazon’s Alexa and Google’s Home Smart Speaker have said that they couldn’t imagine going back to the day before they had the smart speaker (

How will voice search affect SEO?

These smart speakers are certainly a big deal in today’s interest, and they get used for a variety of different queries. I believe that this is the first place that we need to look, because we need to know what people are searching before we can optimise for it. Below are some of the top questions asked to Alexa in 2017 from Forbes:

Ordering products “Alexa, order more laundry detergent”

Playing music “Alexa, play Green Day.”

Turn on lights“Alexa, turn on living room lights”

Ordering food“Alexa, order a cheese pizza from Dominos.”

Make a call “Alexa, call Mom.”

These key questions are continuously changing as people develop shorter, smarter and simpler ways to speak to these devices.

Local Search is going to be a huge influence that we will see move forward in voice search optimisation, as people are asking for ‘what’s the nearest place for lunch’ or ‘what’s our closest launderette’. These general and localised queries will require your business to be found first for people to hear your business name.

An example of this will be Google’s Home Smart Speakers will use Google Maps Listing and Google Business Listings to determine what ‘restaurant’ to tell you about depending on its ratings, quality and location.

For you guys new to SEO, you can learn more about what it is and why businesses need it here.

How to improve rankings

Neil Patel is one of the leading marketing voices in the industry and has already performed the research for improving a website for voice search, he has a great video that explains how you can help improve your chances of getting found on voice search.

See below:

We are going to go through some of the tips talked about the video and explain how you can perform these.

Tip 1: Making your website is secure

Making sure that your website is secure should be the top of the list when it comes to SEO, Google’s Algorithms will give priority to websites that contain an SSL certificate (Secure Socket Layer). An SSL is a protective barrier for you, your customers and your website that keeps you secure whilst browsing, purchasing products and sharing information via an online connection.

We have a great article on SSL certificates, why you need to have one on your website and how to install one, check it out here. We also explain why website security is very important for you and your users here.

Tip 2: Improve domain authority

Improving domain authority is the process of improving website links, content, social shares and user experience in a way that search engines approve of. You might think that these are everyday SEO improvements, which they are, but doing them the right way can help to improve your voice search rankings in the long run.

Tip 3: Good Site Speed

Having good site speed is very important to Google because it wants its users to have the best service possible and if your website is slow then you are not classed as the best service!  As stated in the video, website load speed should be 4.6 seconds or faster for optimal results in voice search.

Improving website speed can be performed in a number of ways some of the easiest is making sure that images are optimised in size, making sure that website files are minified so that can be loaded faster and by activating caching on your website so that people that have seen it before don’t need to load all of the information all over again.

Tip 4: Strong content

As Neil explains in the video, content is king when it comes to SEO and online marketing. Using short passages and answering questions is a good way to be found for questions asked on these smart speakers. It’s good to note that website pages with over 2000 words tend to rank better than websites with less so having more content on your website could help to put you above the rest!

We have a guide which contains tips to improve your creative writing here which will help you to improve your website content and improve your traffic and conversion rates.

How we can help

We are always looking to improve our knowledge about online marketing and SEO so that we can help to improve our client’s performance as well as helping you understand how you can improve your website conversions and traffic. Hopefully, with this new information about improving your website for voice search, you can help your website rank better.

We can help you get a head-start with your SEO and online marketing, we work with a number of clients in a variety of different industries!

Get in touch and see if we can help you in any way. Call us on 01925 563 960, email us on or contact us here.

What is Colour Theory?

Colour Theory: Primary, Secondary & Tertiary Colours

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

6 Simple Codevember Creations to Inspire you in 2018 | #Codevember

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,, 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.

SEO vs SEM: Which is better for your business?

SEO vs SEM: Which is better for your business? | Mosaic Digital Media

Online marketing is presented to us in a number of different and unusual ways. SEO and SEM are simply some of the more common and widely used methods of improving traffic via search engines like Google and Bing. Technically, SEO is a form of SEM but we are going to discuss the differences and how they can be used to improve website traffic and drive more online conversions.

SEO vs SEM which is better for your business


SEO (Search Engine Optimisation)

If you’ve read any of our other blogs then you will have an idea of what SEO is, if not, then SEO or Search Engine Optimisation is the process of optimising a website to be better ranked by Google and other search engines in their Search results, you can learn more about it in detail right here.

Website SEO can be improved in a variety of ways on your website as well as outside of your website. Utilising as many SEO methods as possible is the best way get to make sure that Google knows your covering all of the opportunities that it’s offering, this will help you to move up the Search Results ladder.

On-site work will usually consist of optimising Content, Image Tags, Titles, and Meta Data to include your particular focus keyword and help readability for the users finding you. Other on-site SEO methods are a little more technical but if you did mind writing a bit of code then you can optimise your Structured Data and Sitemap which will help you in Google search as well.

Off-site work can take a bit longer, this requires you to obtain links from other trusted websites for the purpose of increasing your backlinking score and site authority, these two factors are big indicators that search engines will use to rank your site up or down.


SEM (Search Engine Marketing)

Search Engine Marketing is more of an umbrella term for online marketing including marketing methods such as SEO, Social Media and PPC (pay per click). SEM is a marketing process in which you strive to improve website traffic via free and paid methods.

PPC or Pay per Click ads is the paid version of SEO in a sense, this is a method Google provides where you select certain keywords and bid for their positions in Google Search, you might recognise these as the like with the green ad sign next to the links (displayed below in yellow).

pay per click ads above organic SEO


These PPC ads can be used in Google Search, there is a tonne of statistics that can be found online. Because you will pay for every time someone clicks the link it can be very expensive over time but is very effective to get high and consistent conversion rates. It can be used to get above your opponents in search as well as help you improve your brand recognition as a company as you can display as the first thing that your potential customers will see.

SEM ppc can help promote brand awareness by 80%

Fact source: Google Adwords


Social media is also a part of SEM, but for the contents of this article, we are not going to go into great detail about it, if you wish to learn more about how Social Media can help you and your business click here. Social Media Optimisation and marketing are a part of SEM because they can be very influential in terms of driving traffic to your website. You can relate your marketing campaigns together to get optimal results if performed correctly.


How can we help?

SEO and SEM are not the easiest marketing strategies to master but anyone can do them, we like to offer the chance for you to create your own campaign but reading our guides and articles to allow you to help your own business. However, if you aren’t finding the results that you wanted, get in touch with us! Our Marketing experts are more than happy to help, Click here.