Most Popular Topics

The Logo Design Principles

Logo Design Principles
The 5 Principles Of Logo Design

Following up on our article on the logo designs of the summer Olympics we will now learn how to create a logo by using the 5 basic principles in the area of logo design, collectively known as the principles of logo design.

The logo design principles state that a logo should be...

  • simple
  • memorable
  • appropriate
  • timeless
  • versatile
Each logo design principles relates to a particular ideal of logo design and should be considered individually, however all the principles also relate to each other and it is when all the principles are used together that the best logos are created.


Simple Apple Logo
Simple Apple Logo 

Simplicity is the most important of all the logo design principles. Logos can appear in various places and in various sizes such as small emblems on t-shirts or as iconic symbols on billboards. It is because of this that they need to be clear and simple so that they still display correctly and effectively at any size. Logos are designed as vector graphics to ensure they retain their image quality at any size but it is just as important that they retain their overall clarity as well. 
A good test of a logo's simplicity is if a child could draw it
By keeping you logo simple you are ensuring that at any size it will be easy to identify and read. In this way, a logo should really only contain a single graphic and a small amount of text. Prime example of simple logo are the Nike 'swoosh' and the Apple 'apple'. They are clearly identifiable at any size and even work without any text as seen above.

Back To Top


Memorably Creative Vividways Logo
Memorably Creative Vividways Logo

There are 3 stages to making a logo memorable. To make a logo memorable you must first ensure it is simple. Like anything, the simpler it is the easier it is to remember, it is no different with logos. The second key element to making a logo memorable is to make it as original as possible, if something is unique or different people tend to remember it and it will be set apart from other similar businesses, products or services. The originality of the logo can be achieved through elements such as interesting fonts, unique shapes, bright colours or a catchy tag line. 
When you think of a brand, if you can visualise it's logo then it's memorable.
The logo above uses bright colours, interesting and unique forms and shapes which themselves create original lettering. The third stage to making a logo memorable is to make it relative or appropriate to the business, product or service it is representing. This is discussed in more depth in the next section.

Back To Top


Solicitors Logo
This Solicitors Logo Is Appropriately Clean Lined & Serious Looking

Toys Я Us Logo
The Colourful Toys Я Us Logo Is Appropriately Fun & Quirky

When designing a logo you must consider the business, product or service that the logo is representing. You cannot design in any style or using any fonts or colours that you want. Every logo is different and requires a different approach, an approach that is appropriate to the business, product or service it is representing. To give an example a logo for a solicitor should ideally be clean and linear with a mono or two toned colour scheme to represent the serious and professional nature of the service being offered. 
As long as a logo doesn't feel out of place then it's appropriate
On the other hand bright colours, quirky fonts and curved lines would not be suitable for a solicitor's logo, however they would be suited to a toy store or play-school to represent the fun nature of the business. An appropriate graphic, such as a house for an auctioneer, also helps to immediately associate the product or service being offered with the name of the business which by itself may not suggest a specific product/service. 

For example a local business called after the owner, lets says 'Smiths' does not in itself suggest any particular product/service that is why an appropriate graphic is necessary. An appropriate logo graphic is also vital for new businesses logo to help consumers to identify with them and their logo while they are still in the process of marketing their company identity.

Back To Top


Olympic Logo
Olympic Logo Is Iconic & Timeless

London Underground Logo
London Underground Logo Unchanged Since 1908

A company can be in business for months, years, decades or even centuries; therefore it needs a logo that will stand the test of time and not 'age' badly. A logo may be tweaked or updated slightly over time but it should not require a full overhaul as that would mean the company would have to spend lots of money re-marketing its new identity, which can be a very expensive process, especially for large companies. 
An unchanged logo, is a timeless logo
Public bodies or services also require logos and as they cannot go out of business they tend to be around for a long time and thus need a timeless logo design, the London underground logo is a classic example of this. It is a simple logo design using basic shapes, primary colours and clean, simple text. As previously mentioned, all the logo design principles link together and it is evident in the London Underground logo as it is because of it's simple and appropriate style that it has remained unchanged for so long. The Coca Cola logo, the Olympic logo and numerous car company logos such as Toyota, Ford, Volkswagen and Mercedes are other examples of timeless logos which have remained unchanged for decades.

Back To Top


Apple Logo Showing It's Versatility

A versatile logo is one that will work equally well at any size and in any colour scheme. The logo must first be simple in order for it to have the potential to be versatile, again reinforcing simplicity as the key logo design principle. 
If the same logo will work on a badge, banner and bus then it's versatile
The best way to achieve a versatile logo design is to first design the logo in black and white, as, if the logo works in black and white it will most likely work in any suitable colour scheme. See the example of the Apple logo above.

Back To Top

Now You're Ready To Create The Logo...

Once you have used the logo design principles above to actually plan out and design your logo on paper the next step is to actually create the logo. There are numerous ways to do this but one of the best and easiest is to use an online logo generator, such as LogojoyLogojoy's simple 5 step process enables you to create an industry standard logo without the need for software or an in depth knowledge of design and is definitely a great option for anyone, but especially those without any Adobe Photoshop or Illustrator skills. It’s totally free to make logos. Only pay for a design when you're happy with it, so why not try it out here.

If you do have good Photoshop or Illustrator skills then you can create the logo yourself as a vector graphic. If your skills are not the best you can always find free vector graphics and edit them to suit your needs. Well, we have you covered there too with this illustrator logo design tutorial. We hope you find it useful. You may also be interested in exploring the general principles of design, if so, then click here.

How To Become An Interior Designer

How to become an interior designer
An Interior Designer At Work

What is the job?

So what is an Interior Designer? Well firstly - they are not the same as interior decorators! Interior designers use a range of design techniques to make the best visual and physical use of space; they plan and organise the design of commercial and domestic interiors such as offices, hotels, shops, public buildings, ships, aircraft and homes. In contrast, an interior decorators sole focus is the selection of furniture and finishes to create a consistent style within a space. The role of an Interior designer is more complex and will also usually involve the use of architectural software(s) and a working knowledge of the architectural/construction process.

Interior designers may specialise in residential or commercial interiors or both. Interior designers formulate designs which are intended to be practical, aesthetic, and conducive to intended purposes, such as raising productivity, selling merchandise, or just improving life style within the home. Commercial contracts include hotels, restaurants, schools and universities, office buildings, factories and clubs. In addition to planning the interiors of new buildings, they may also redesign existing interior spaces. Interior designers in the United States earned a median annual salary of $50,000.

Training and qualifications

Training to become an interior designer can take from two to four years and is available from professional design schools, colleges and universities. One can earn an associate degree or certificate by attending a two to three-year program, or a bachelor's degree by attending a four-year program. 

Upon graduating with a bachelor's degree, an interior designer would most likely begin a one to three-year apprenticeship program at a design or architecture firm and work under the supervision of an experienced interior designer before later taking on projects by themselves. 

A graduate with a certificate or associate degree would usually start his or her career as an assistant to an interior designer.

Developing your own portfolio while studying and during an internship or apprenticeship is also a vital part of progressing your career as an interior designer. For freelance work and during interviews for promotions or new jobs a quality portfolio of work will help you stand out from the crowd. 

Essential knowledge and skills

skills of an interior designer
The skills of an interior designer
If you want to become an interior design the key skills that you will need include...
  • Excellent communication skills in order to deal with colleagues, clients, suppliers and craftsmen.
  • Ability to use multiple softwares such as Auto Cad, Archi-Cad, Sketch-Up, Artlantis, PhotoShop etc in order to create plans and 3D visuals to present to a client or local authorities.
  • Strong creative skills matched with a desire to produce original designs. High level of organisation skills - managing finances, project timelines, suppliers deliveries, craftsmen, client objectives - potentially on multiple projects simultaneously.
  • Excellent attention to detail and accuracy, especially in creating plans and layouts which may need to meet building and safety regulations depending on the project.
  • Resourcefulness and problem solving to overcome issues arising such as unexpected costs, unavailable materials, missed deadlines, personality clashes or multiple other potential issues which can arise during a project.
  • Ability to work as part of a team or as a team leader.

Typical Workday Activities:

A day in the life of an interior designer.
A day in the life of an interior designer
A typical day in the life of an interior designer may include the following activities...

  • Establishing what the client wants to achieve and the budget available for the project.
  • Consider how the space will be used and how people will move through the space.
  • Developing initial ideas and concepts through sketching preliminary design plans, including electrical and partition layouts.
  • Producing designs using hand drawings and computer-aided design (CAD), showing how the spaces inside the building will be organised, constructed and finished.
  • Ensuring all proposals comply with the relevant regulations.
  • Producing detailed drawings for the contractors to use once proposal is accepted.
  • Detailing to scale the construction and finish of all areas of the project and writing specification of works including schedules for finishes, ironmongery and equipment.
  • Preparing tender documents where necessary for the construction work.
  • Visiting the site to check progress and inspect the work.
  • Project managing for the client where required, to ensure the project is constructed and finished to suit the proposals and to keep control of design issues which may arise on site.
  • Working closely with other construction professionals such as architects, quantity surveyors, structural engineers etc.
  • Searching for and bidding on new projects.
  • Specifying materials and furnishings, such as lighting, furniture, wall finishes, flooring, and plumbing fixtures.
  • Creating timelines for the interior design project and estimate project costs
  • Placing orders for materials and oversee the installation of the design elements.
  • Conduct the construction administration of the project and coordinate with general building contractors to implement the plans and specifications to build the project
  • Visiting the site during the project
, to ensure progress is being made in accordance with agreed timelines and plans are being adhered to.

Typical career routes

The job tends to be divided into various levels of seniority, based mostly on experience. As a general rule, the greater the seniority, the more responsibility the designer will have for the overall project.

Environment - Large design firms may have the resources for a more comfortable work environment and state-of-the-art equipment. They also have established connections with related firms and specialists. This can be an important consideration for anyone starting an interior design career.
Clients - If you are self-employed, you may have more say in which jobs you take; however, you are responsible for finding your own clients and connections.

Many interior designers are self-employed or do contract work on top of their jobs at design firms. When deciding where you want to work, you must evaluate the risks and rewards for yourself.
Work Hours - If you are self-employed or work for a small firm, you are more likely to work flexible hours as you adjust your schedule around your clients' needs and deadlines. If you start your interior design career in a large design firm, you will probably have more predictable hours.

Specialist Areas:

interior design career specialists
Many interior designers will specialise in a particular field

As your interior design career progresses, you may discover a preference for one type of interior design over another. You can specialize in designing for corporate settings, restaurants, hotels, and hospitals or other health care facilities, or you may decide to focus on residential design. You may even narrow your focus further to kitchens or bathrooms, for example. If you like choosing colors and fabrics, but would rather not handle the nitty-gritty details, such as safety codes, you may want to be an interior decorator rather than an interior designer. Although many people use the terms interchangeably, interior decorating is less technical than interior design.

Whether you prefer sticking to one interior design style that fits you perfectly, or you want to switch things up now and then, an interior design career gives you many options. Choose from the following types of interior design...
  • Corporate Interior Design - Design ergonomic and efficient work spaces that will project the right image for a company. They focus on creating spaces that are efficient, functional, and safe for employees. They may incorporate design elements that reflect a company’s brand in their designs.
  • Bathroom Design - Help your clients get the bathrooms of their dreams with designs that are elegant and restful as well as functional. You will need expert knowledge of the variety of relevant cabinets, fixtures, appliances, plumbing, and electrical solutions.
  • Exhibit Design - Create exhibits for clients ranging from art galleries to zoos, or help companies design exhibits for tradeshows and showrooms.
  • Feng Shui Interior Design - Use the principles of Feng Shui to get the energy flowing and create balance in an environment.
  • Green Interior Design - Develop expertise in designing spaces using products and methods that are environmentally friendly. They may obtain certification in Leadership in Energy and Environmental Design 
  • Health Care Interior Design - Help make health care centers such as hospitals, cancer centers, drug treatment centers, nursing homes, social services providers, doctors' offices, dental offices, etc. more efficient and welcoming through interior design.
  • Hotel Interior Design - Create inviting spaces for the hotel industry while considering several important factors such as: comfort, function, aesthetic appeal, concept and budget.
  • Japanese and Asian Interior Design - Bring the graceful, uncluttered aesthetic of Japanese and Asian interior design to clients in any geographic location.
  • Kitchen Design - Give your clients the kitchen they've always wanted. Develop expertise on appliances and efficient kitchen design.
  • Modern Interior Design - Incorporate the sleek look and practical principles of modern design into your work.
  • Residential Interior Design - Work with clients to improve the form and function of their living spaces, while helping them define and reflect their personal style.
  • Restaurant Interior Design - Develop design concepts that will contribute to positive customer experiences and the success of restaurant businesses.
  • Set Design - Use your design skills to work in film, television or theater.
  • Zen Interior Design - Create beautiful interior spaces using the minimalist style of Zen interior design.
  • Universal designers renovate spaces in order to make them more accessible. Often, these designs are used to renovate spaces for elderly people and people with special needs; however, universal designs can benefit anyone.

*If you enjoyed this article you may also find our interior design process, interior design styles and design presentation boards

Free Website Templates

Free Website Templates
Sample of the free website templates available

If you are looking for free website templates then you have come to the right place. We have scoured the internet looking for the best totally free, website templates, including fully HTML5 templates, responsive template, animated templates, parallax scrolling templates, templates with bootstrap and much more. So whether it is a simple one column website template you need or a fully responsive business template with eCommerce capabilities you can find it here. Of course all there website templates will require knowledge of HTML and CSS so if you need to brush up on that first then click on the links to learn more.

We have also ranked the providers by stars to give you an idea of both how good we rate the quality of their templates, the ease of use of the website, range of website templates available, design and visual appeal of templates, live demo of templates etc.

How To Speed Up Your Website

How to make your website load faster
Although it is unlikely you will make it to a perfect score the tips below can help you get in the green for page speed

As far back as 2010 Google admitted it uses a web pages loading speed as part of it's ranking algorithm and as the mobile web has grown so has the importance of a website's loading speed. So with that said let's get to the point. Here are my top tips to speed up your web pages...

The Difference Between Vector and Bitmap Graphics

vector or bitmap graphics
Vector or Bitmap? What is the difference?

Bitmap/Raster graphics and vector graphics are the two main types of image files used in the world of graphic design. People often struggle to understand the difference between vector and bitmap graphics despite the fact that they are very different file types. Both of file types have their advantages, and equally they have their disadvantages so it's important to know the difference between the vector and bitmap so you can make an informed decision about which one is best for your design project. Let's start with the definition of each so we know the basics first and your decision of bitmap or vector might be a little bit easier.

How To Improve Website SEO

Search Engine Optimisation for websites
Search Engine Optimisation for websites

The role of  SEO (Search Engine Optimisation) is to optimise a website to make it as visible as possible to internet search engines, in order to increase their rankings, maximise traffic to them and therefore increase their revenue through sales or advertising.

Search engines, especially Google, are very reluctant to reveal how their algorithms work so it is impossible to specify exactly how to optimise a website's search engine performance perfectly, however there are still some tools and techniques which are known to improve a website's visibility to search engines. It is these SEO tools and techniques that are discussed here.

How To Colourise A Black & White Photo

black and white photo colourised before and after
The photo before and after it is colourised

This article will teach you how to colourise a black and white photo using Photoshop in 7 simple steps. Some amazing results can be achieved using this relatively simple colourisation process. You can turn relatively dull black and white photographs into stunning full colour images in just a few minutes.

So let's get started colorising your black and white photos now!

UE4 FPS Video Series

first person shooter game in ue4
A screen shot from the completed FPS game in UE4

This series aims to guide you through the process of creating a first person shooter game using 10 specifically created tutorials, each focusing on a different aspect of designing and creating the game.

The series was created by Nathan Hill, Dylan McGrath and Philip Evans. The game itself is available for download here

This video series is a follow up and update on our previously created text tutorial series available here.

You can watch all the tutorials in the playlist right here (below) or go to our YouTube channel

Create an FPS game in Unreal Engine (UE4)

Furniture Design Styles

Different Furniture Styles
Can You Identify These Different Furniture Styles...?
Furniture design has been a part of the human experience since the beginning of history and as such there are a vast array of furniture styles that have developed over time. Some have faded away and can now be only found as antique furniture but other furniture styles live on through reproductions in that style. The fact that some furniture styles are still reproduced and mimicked is testament to the quality and style of that furniture that it is still in demand today.

It can be very difficult to differentiate between these styles though and you may have heard phrases like a "Queen Anne Chair", a "Shaker Kitchen" or "Bauhaus Nesting Tables" without being able to visualise what that actually looked like. Well that is where this article comes in handy as we will list all the main furniture design styles and outline their identifying features so you can tell your Art Nouveau from your Arts and Crafts!

This article outlines the following furniture design styles ...

Egyptian Furniture

Egyptian Style Furniture
Egyptian Style Furniture

When we think of Egyptian furniture we imagine the intricate gold gilded ornate furniture found in the tombs of the Pharaohs as opposed to the simple chairs, tables and baskets of the ordinary Egyptians.

The identifying features of ancient Egyptian furniture are...

  • beech wood and mahogany 
  • ornate designs using different colors 
  • depicting animals, gods and goddesses 
  • gold gilding and inlays 
  • mosaic designs 
  • mother-of-pearl inlays

Greek Furniture

Greek Style Furniture
Greek Style Furniture

Ancient Greek furniture is possibly still most remembered for the famous klismos chair, shown above.

The identifying features of ancient Greek furniture are... 

  • elegant and tasteful
  • detailed carving and inlays
  • select detailing, not cluttered
  • comfortable rather than decorative

Renaissance Furniture

Renaissance Style Furniture
Renaissance Style Furniture

Along with the other arts, the Italian Renaissance of the fourteenth and fifteenth century marked a rebirth in furniture design, often inspired by the Greco-Roman traditions.

The identifying features of renaissance furniture are... 

  • ornate and opulent
  • form above function
  • gilded designs 
  • floral, vegetable and scrolling ornamentation

Jacobean Furniture

Jacobean Style Furniture
Jacobean Style Furniture

After the Renaissance there was a gradual change to a less ornamented, quieter style of furniture.In general furniture profiles became lower and more rectangular.

The identifying features of Jacobean furniture are...

  • stern, square, and frugal
  • colourful upholstery with tasselled trim
  • straight lines & rigid designs
  • sturdy construction
  • dark finish

Queen Anne Furniture

Queen Anne Style Furniture
Queen Anne Style Furniture

The Queen Anne style is a style with a moderate proportion and graceful appearance. It is named after Queen Anne of England who reigned from 1702-1714.

The identifying features of Queen Anne furniture are...

  • graceful and refined
  • cabriole legs terminating in a pad or drake foot
  • fiddle-back chair backs
  • bat wing shaped drawer pulls
  • cushioned and covered with fabric

Colonial furniture

Colonial Style Furniture
Colonial Style Furniture

These pieces were generally sturdy and heavily carved, many with turned legs and bun feet. In the harsher environment of some of the Colonies these pieces were simpler representatives of their parent styles, befitting the more straightforward and utilitarian life of the settlers.

The identifying features of colonial furniture are...

  • less ornate than European furniture of the same style period
  • combing features of previous styles
  • variety of wood types used
  • chair arms have slight outward curve

Rococo Furniture

Rococo Style Furniture
Rococo Style Furniture

In the eighteenth century, furniture design began to develop rapidly and styles such as Rococo and Neoclassicism were commonplace throughout Western Europe.

The identifying features of Rococo furniture are... 

  • Natural motifs
  • Elaborate carved forms
  • Asymmetry
  • Curved forms are common in Rococo
  • Rocaille carving
  • Acanthus leaf

Shaker furniture

Shaker Style Furniture
Shaker Style Furniture

The Shaker style was produced by the religious group the United Society of Believers in self-contained communities in the United States.

The identifying features of shaker furniture are...

  • simple, utilitarian style 
  • straight tapered legs
  • woven chair seats
  • and mushroom-shaped wooden knobs
  • rectilinear and attenuated forms
  • restrained ornamentation

Back to Top

Victorian furniture

Victorian Style Furniture
Victorian Style Furniture

The Victorian style draws its influence from previous Gothic forms. It is named for Queen Victoria of England who reigned from 1837-1901 and was the first furniture style of mass production.

The identifying features of Victorian furniture are...

  • heavy proportions
  • dark finish
  • elaborate carving and ornamentation.
  • somber appearance
  • balloon-shaped chair backs

Arts & Crafts furniture

Arts and Crafts Style Furniture
Arts and Crafts Style Furniture

Arts & Crafts furniture is simple, with straight lines and little ornamentation.The terms Mission and Craftsmen can also used to describe Arts and Crafts furniture.

The identifying features of Arts & Crafts furniture are... 

  • rectilinear design
  • simple, straight construction
  • exposed joinery
  • using medium or dark stained oak
  • bail handles with rectangular back plate

Art Nouveau Furniture

Art Nouveau Style Furniture
Art Nouveau Style Furniture

The name "Art Nouveau" is French for 'new art', and it emerged in the late 19th century in Paris. The style was said to be influenced strongly by the lithographs of Czech artist Alphonse Mucha, whose flat imagery with strong curved lines was seen as a move away from the academic art of the time.

The identifying features of Arts Nouveau furniture are...  

  • intricately detailed
  • lines and curves used as ornamentation
  • inlays and veneers also used
  • hard woods and iron commonly used
  • strong yet slim furniture pieces
Back to Top

Bauhaus Furniture

Bauhaus Style Furniture

The Bauhaus school was founded by Walter Gropius in Weimar in 1919. In spite of its name, and the fact that its founder was an architect, the Bauhaus was founded with the idea of creating a 'total' work of art in which all arts, including furniture would eventually be brought together.

The identifying features of Bauhaus furniture are...  

  • minimalist & non-ornamental
  • hand crafted but appears mass produced
  • organic and natural materials
  • mainly black in color
  • smooth and rounded shapes

Art Deco Furniture

Art Deco Style Furniture
Art Deco Style Furniture

The Art Deco movement began in Paris in the 1920s and it represented elegance, glamour, functionality and modernity. Art deco's linear symmetry was a distinct departure from the flowing asymmetrical organic curves of its predecessor style Art Nouveau.

The identifying features of Art Deco furniture are...

  • practical and simple designs
  • founded on mathematical geometric shapes
  • triangular shapes, chevron patterns, stepped forms, sweeping curves and sunburst motifs
  • new materials such as aluminum, stainless steel, plastics and lacquer
  • exotic materials like shark-skin and zebra-skin.

Modern Furniture

Modern Style Furniture
Modern Style Furniture

The forms of modern furniture sought newness, originality, technical innovation, and ultimately conveyed the present and the future, rather than what had gone before it as revival styles had done. This interest in new and innovative materials and methods produced a certain blending of the disciplines of technology and art.

The identifying features of Modern furniture are...

  • new materials included laminated plywood and fibreglass
  • continued use of steel, moulded plywood and plastics
  • simple and geometric shapes
  •  regular use of polished metal
  • style considered pioneering, even shocking

Scandinavian Furniture

Scandinavian Style Furniture
Scandinavian Style Furniture

Simplicity and function are the guiding principles that have shaped the design sensibilities of Nordic Europe.

The identifying features of Scandinavian furniture are...

  • natural materials, mainly wood
  • favour neutral colour palettes
  • clean, simple lines 
  • optimal function out of every part of the piece
  • robust and fuss-free
Back to Top

Smooth Scrolling For Web Anchor Links

Click on the demo link below to test the smooth scrolling effect

I recently added a smooth scrolling effect to this website (test here if you want a demo). It is set to trend in 2017 after all.

During my research in preparation to best implement this effect I was surprised at the variety of code options on offer and even more surprised by the fact most of them didn't work! So with that rant over, I'm writing this short post to save you the time that other websites wasted on me.

Below is the full and exact code you need to add into the 'head' section of your website in order to achieve a smooth scrolling effect for all 'anchor' links on your website.

If you want to learn more about how it works or for any troubleshooting you can read more below.

The Code...

How it Works...


Most of the scrolling magic happens offsite which is why the link to the jQuery library is necessary.
Some websites will say you should downloadand host the jQuery library yourself rather than use a CDN (Content Delivery Network) link but many users may already have downloaded jQuery from Google or Microsoft when visiting another site.

As a result, it will be loaded from cache when they visit your site, which leads to faster loading time. Also, most CDN's will make sure that once a user requests a file from it, it will be served from the server closest to them, which also leads to faster loading time.

jQuery is a fast, small, and feature-rich JavaScript library, and the smooth scrolling effect is just one of many effects in the library. This jQuery link must come before the other code as it needs to load before the scrolling effect will work.

The script which follows the jQuery library link then does the following...

  • waits for the page to load
  • adds the smooth scrolling effect to all links on the page (to be activated onclick)
  • checks to see if variable 'hash' has a value
  • if 'hash' has a value, it disables the default anchor link behaviour (usually jump to the link)
  • stores the variable
  • activates the scrolling effect on the link
  • gives you option to set scrolling time in milliseconds
  • finally it adds # to the end of the url


  • Check that you have copied all the code (Sometimes it's the most obvious thing that we get wrong!)
  • Make sure all the code is in the 'head' section of your webpage, between <head> and </head>
  • The code needs to be pasted into the head section of every webpage that you want the effect to work on. Unless using a CMS like Blogger or Wordpress, in that case just paste into the site template
  • Ensure the jQuery library link is before the rest of the code.
  • Check that your browser or antivirus is not blocking javascript from running.
  • jQuery uses $ as a shortcut for jQuery. Thus, if you are using another JavaScript library that uses the $ variable, you can run into conflicts with jQuery. In order to avoid these conflicts, you need to put jQuery in no-conflict mode immediately after it is loaded onto the page.

Top Web Design Trends for 2017

web design trends 2017
What web design trends will merge in 2017? Find out here.

2017 is here and it’s bringing more technological breakthroughs and surprising web design trends than the world has ever seen. With each passing day, the modern world hits a new record for digital advancement. The future of web design looks bright for those ready to embrace positive changes.

In this article we shine some light on the web design trends that we think will be big in 2017, so here they are, our tips for the big web design trends of 2017 ...


We think haptic technology will be a big deal in 2017
The mobile-first approach has been around for a few years now, but with mobile-phones now officially named as the primary devices used for browsing the web, more companies are realising the importance of having a site that effectively delivers content on a smaller screen. Furthermore, engaging users on mobile devices is becoming more difficult as the 'scroll' and 'swipe' design approach  used in many apps has led to users having a very short attention span when using their mobile device. This is where haptic technology comes in.

There are three sensory systems related to sense of touch in humans: cutaneous, kinesthetic and haptic. All perceptions mediated by cutaneous and/or kinesthetic sensibility are referred to as tactual perception.

The sense of touch may be classified as passive and active, and the term "haptic" is often associated with active touch to communicate or recognize objects.

Haptic communication recreates the sense of touch by applying forces, vibrations, or motions to the user through their mobile device.  Currently the Samsung Anycall Haptic enables users to feel clicks, vibrations and other tactile input. In all, it provides the user with 22 kinds of touch sensations in response to various user actions.

But how does all this relate to web design? Well, for example a strong vibration could be activated to discourage users when exiting a website or app. On the flip side a relaxing, pulsing sensation could be output from a meditation app on your mobile device. There are, of course, numerous other possibilities and I think 2017 is the year when we will see haptic technology emerge as a major feature in web and app design for mobile devices.

Back To Top


This website utilises big text and big images to dominate the screen
Images, Text and Video are all set to be big in 2017, and I mean that literally.

With the rise in mobile usage, users are reading less, scrolling more and browsing quicker so designers are having to go big to grab attention.

Full screen background images were popular in 2016 and we also saw the introduction of full screen video backgrounds too on websites such as pay-pal, more on that later though. This trend is expected to continue and become more widespread in 2017 as websites try to get their point across quickly and visually.

Large custom typography is also set to be used more to create personality, evoke emotion and set tone. As device resolutions become sharper and type becomes more easy to read on-screen, companies will look to push the limits of typography even further in 2017 to appeal to their target audience.

So expect to see an increase in over-sized and full screen type this year, hopefully it'll be of the beautiful, unique and hand-rendered type and not the bold, blocky and in your face type. We'll have more on the benefits of a custom approach later.

Back To Top


This website makes good use of space in 2 ways!

The right amount of empty space can make or break a design. Whether it is white space, a background color or image, “empty” space in a design can have a huge effect on the content that is there. if done correctly it will draw the user to the content you want them to focus on, and as mentioned earlier this is not easy nowadays!

Think about it from the user perspective. They will likely be drawn immediately to the open part of the design (whether they think about it consciously or not). From there, the eye will hop to the more populated part of the design. This simple two step process grabs users’ attention and almost shows them where to look. 

Open space is an extension of minimal styles
For this reason we think exaggerated use of space is one of those design trends that will be utilised a lot in 2017. Open space is an extension of minimal styles that have been popular for some time but, this year, rather than a symmetrical outline with space all around, web designs will balance images and text with space in a more asymmetrical format.

This simple balancing act is also visually interesting and great for making a strong impact, another reason we think it'll trend in 2017.

Back To Top


Expect to see more illustrations like this in 2017

As discussed above, the rise of mobile device and UI patterns now places UX as the most important aspect of design, meaning that many sites now look and work in similar ways. This is fine for users as they now know, instinctively, how to navigate around a website that they have never visited but it's not fine for a company who wants to stand out from the crowd.

In order for a brand to really stand out and strike a connection with it’s audience, while still using a design users can manage, they’ll need carefully considered and completely bespoke visuals which are more representative of who they really are. We can see this being a big web design trend in 2017 and is one that we really look forward to seeing.

Original illustrations are fantastic, versatile mediums for creating playful and friendly visuals which add an element of fun to a site. 

Talented illustrators are able to create illustrations which are full of personality and tailored to match the tone of the brand, something which brands will be striving for more than an ever in 2017.

A custom, purpose taken photograph is the main feature of this website

With a unique style of illustration established, brands are then able to roll that out through their entire identity, for use in large header images, custom iconography and beautifully animated visuals. Dropbox, is a great example of a brand who uses illustration to create beautiful, friendly and totally unique visuals which are full of character to appeal to their users.

This demand for originality will hopefully lead to the death of the dreaded stock imagery that we see everyday across the web and lead to a rise in more authentic photography in 2017. Brands and designers will now be thinking more carefully about the imagery they use on site, hiring professional photographers to take their shots which frame them in the way they want to be seen.

Unfortunately, it’ll probably be a long time before much of the cheesy stock photography completely disappears, but expect to see it disappear a little in 2017.

Back To Top


This website utilises a full screen video background to epic effect

One trend that grew quickly the past year is video content and we expect to see it grow further in 2017 especially as video content is now increasingly cost-effective to produce, with apps that enable quick and easy live video recording and professional-grade productions. The combination of decreasing costs of video and growing popularity of this medium is the perfect storm for video to overtake written content as king in 2017.

They say a picture paints a thousand words, but a video does that tenfold,

Video, although by no means new, is long-established and versatile medium, useful for story-telling, marketing and vlogging alike, and has several advantages over traditional photography. Where static imagery is flat and motionless, video is altogether more dynamic, using sound and movement to appeal to the senses and hold attention for longer.

Watch the video image above for a few seconds and see how encapsulating it can be. Much like with animation, a moving image on a page instantly captures the users attention, drawing them in so brands are able to get across their carefully constructed narrative and message.

Video is quickly taking over the internet, and the above reasons are testament to how successful it is as a means for content delivery. As well as using video for marketing purposes, it’s becoming more widespread in social media, with the recent releases of live-streaming services Periscope, and Meerkat illustrating the demand people have to not only view video content, but produce their own.

The benefits of video outlined above are reason enough for brands to want to incorporate it, but they are also great reasons for any freelance web designer to start using more video as a feature in their designs.

Back To Top


Top Web Design Trends for 2017
Unique and personalised online user experiences are increasing sought after
It’s no secret that responsive web design has taken the web dev community by storm. In 2017, however, we think responsive design will reach a whole new level. Instead of simply adapting based on device, websites will adapt based on each user to give them an entirely custom experience. For example a website’s content, color scheme, font sizes, and spacing could respond to accommodate a user based on their age.

If you're a marketer today you probably know that targeted emails are effective. But what happens when someone clicks through that targeted email only to end up on a static, generic website? The natural progression of personalized emails should lead to a personalized website, but limitations in technology and strategy have delayed this realization so far. There are signs, however, that the time for more personalization across the online experience has come.

A 2013 Monetate/eConsultancy Study found that in-house marketers who are personalizing their web experiences see on average a 19% uplift in sales.

When it comes to shopping online, experiences tend to fall into two categories: The almost seamless experience offered by major retailers such as Amazon or the clunky too-many clicks to checkout experience that is common among small shops. In 2017 a third could emerge, a fully cutomised web experience to suit your exact and specific needs and desires - now doesn't that sound great!

Back To Top


Web Design Trends for 2017

Consumers are drawn to systems like Siri, Cortana and Alexa, who respond to voice commands and spoken questions. Voice search developments have made this the preferred search method for many consumers, who now ask their devices questions such as “Where are the nearest shops to me?” In 2017 businesses must consider these voice searches when creating content for their websites by making it more conversational and using natural phrases instead of generic keywords.

But it's not just the content creators that need to pay attention, the web developers and programmers have a bit of homework to do too. Although there are not a lot of studies and data currently available on the subject,you can be sure that users are likely to use different language when creating a search query by speaking, rather than typing.

Here are a few simple steps that web developers can take to ensure that their websites are making the most of their potential voice search opportunities...

  • Schema is a markup language that works alongside HTML to provide information to search engines and other services that want to use the data that you provide to learn about your website. The information that you provide through schema already has an affect on your search optimization, but becomes even more important when targeting users that are using voice search. The more information that you are able to provide to search engines, the better that they will be able to understand the content on your website and connect relevant to voice searches that are performed by users.
  • A website might provide search engines with a large number of feeds that provide data and information to help them properly categorize their listings. For instance, XML sitemaps and location data are integral for helping Google to crawl the entirety of your website and help to provide information that can help your business to rank in local search engine pages. Ensure that you are providing all data that is relevant to your company in the feeds so that search engines can correctly classify and detect when your content is appropriate for voice commands and search.
  • Often, users that are using voice search are looking for very quick answers to their question. They want to know the answer and have it read back to them as quickly as possible. For this reason, you should try to ensure that the answers to common questions that users might have about your company, product, or industry are answered clearly on your pages. Frequently Asked Questions pages are an excellent way to provide quick, relevant answers to questions that voice searchers might have.

Back To Top


Design Trends for 2017
css animation loading icons
As browsers and languages become more advanced, we’re seeing more websites move away from the use of static imagery and finding new ways to engage users and be unique in their approach to communicating. Animation is one of the main ways to do this and having seen many brands start the trend in 2016 we think 2017 is going to see that trend grow further.

Animations  can come in all different shapes, sizes and styles; and can serve different purposes. For example animations can range from tiny loading-devices (see above) which entertains the user while waiting for content to load, to an interesting hover-state used as a UX device to show a user they’re hovering over a link.

They can also be used on a much larger scale, as rich, full-screen animations, which can integrated to work with scrolling, navigation or be used as the focal point of the entire site. Animation is another useful mechanic for brand’s to create meaningful micro-interactions between themselves and their users.

With such a broad array of internet capable devices ‘the fold’ is now harder to define, as users are viewing content of screens of all different sizes and resolutions. Scrolling, once reserved for getting from top of a page to the bottom, is being used in more creative capacities to deliver content online. Apple is a high profile brand making great use of scroll within their site.

Animated scrolling (as used on this website) and parallax scrolling are versatile mechanics which, when executed well, can work great with all varieties of content delivery. It works with video based content, where large full screen videos play and pause as the user scrolls, as well as static content, which can animate, move, or change depending on the users input.

With content creation happening at a far greater pace than ever seen before, and companies finding more innovative solutions for delivering their content to users, we expect the clever use of scroll and parallax effects to be big in 2017.

So web animation has many applications, but if abused, or executed badly can be disastrous to usability. However, as with most developments, we expect that as more designers experiment and gain feedback from users, it’ll be something which gets better and better, adding more functionality and additional levels of interaction.

Back To Top


There are 100’s of ‘trends’ going on in any creativity industry at any one time, and it’s hard to pin-point every single one, but we believe that the above are some of the more core ones to be focusing on in 2017 and beyond.

As with all trends, the above points have come about for good reason; as creatives and clever-thinkers across the globe have all learnt and borrowed from one another to form similar patterns which we see emerge online today. Not all of these trends may be relevant to you and your content, but it’s always beneficial to know what’s happening in the industry and to see where you’re able to improve in order to develop and progress.

With all this said, they should only be used sparingly, and carefully, to enhance the user’s experience and not detract from it. No-one wants to wait forever for content to load because of unnecessary design 'features' holding it up.