Category Archives: Web Design

Want More Depth? Why Not Try Parallax Scrolling?

Parallax web design is a trend that we only really started seeing just a few years ago. Parallax scrolling is an image that appears to lay under the body of your page’s content, acting like an optical illusion. We have used a form of parallax scrolling on this very website, using static images to make the page appear layered.

The image that is used can either be completely still, suggesting it is a background, or an image that either scrolls at a different speed or at a contrary direction to mouse gestures. This design concept is used to allow the viewer to easily interact and engage with the page. It can also be used in responsive website design. When viewed on a mobile device, this personal interaction can provide enormous engagement benefits for your site.

The history of the concept

Whilst this design concept is still a relatively new trend in the industry, the concept has been around for as long as computers have existed. Turning static, scrolling imagery into a more dynamic visual was used by many game developers in the 1980’s. The iconic Super Mario Bros game is still perhaps the most famous example of parallax scrolling, where the level backgrounds became a hit with gamers all over the world.

As computers moved ahead and became more powerful in visual display, we moved away from flat, 2D visuals, and entered the 3D world, making parallax scrolling obsolete. It wasn’t until 2011, where Nike released their “better world” range of clothing, that we saw the idea return to the designer world. The page itself reached viral status all across the globe, and spurred on many imitations of the original concept.

What are the benefits?

This type of design, apart from engaging with your audience, also provides a unique experience to the viewers of your page. We have talked about the importance of the user’s experience when visiting your website quite a lot recently. Allowing your visitors to interact with your page is an easy way of boosting the UX integrity of your website.

From a design point of view, the visual of a smooth scrolling, dynamic page can be very pleasing to the eye. Layering web pages in this way can draw our attention to key areas, highlight important content, and create a real event scenario for the users of your website. This design format can open up your website to new audiences, purely on the high levels of interaction alone.

How we can help

IT Consulting Company is always on top of the innovations and new ideas that emerge from the world of web page and eCommerce website design in Melbourne. We have used this type of design for many of our clients, including our own website, helping them to improve the user experience of their website. Contact our team today, and ask them how a parallax design can transform your website into a living, breathing entity on the internet.

Do you like parallax scrolling? Used it before with your own website? We’d love to know your thoughts, so please don’t forget to leave us a comment before you go!

What’s in a Banner?

Since the dawn of the internet, banners have played a large part in the way we see and interact with a website. From the tiny “link & share” banners of the 1990’s, to the more elaborate sliding banners of the modern day, they can act as a powerful call-to-action. But what exactly makes a banner great, and how do we utilise the full space of our banner space to realise its full potential?

In this article, we’ll be exploring the ins and outs of the humble banner space. Looking at the properties that make up what makes them so effective as a visual, we’ll also dissect the absolutely critical components of a great banner. We’ll also be adding a discussion about appropriate written content as a bonus. We’ll look at how to combine both text and imagery, to create an instantly noticeable and distinctive space on your homepage.

But first… The bare essentials

Banners nowadays are relatively large, responsive, and are often always used in conjunction with the main header of the website. This wasn’t always the case, however. Up until a few years ago, banners were often predominantly text, had little in the way of images outside of graphic design, and usually had a standard call-to-action.

The idea of a banner being a much more powerful way to connect with your audience began to emerge with the advent of CSS 3. This provided much greater control to web designers, and therefore made the banner a much more encompassing tool. What underpins the construction of a banner in the modern era is:

  • Background, either through a photograph or an elaborate use of graphic elements.
  • Header, briefly explaining the following content on the page it is being displayed on.
  • Sub-header, a more insightful and detailed description of the page’s content.
  • Interactivity, achieved through either through a marquee sliding mechanism or engaging material.

Background

The canvas to your message. Choosing a suitable background can either make or break your banner, and what you’re trying to say. If you prefer to choose an actual photograph, make sure that it is conveying your overall message. If the focus of your banner was to encourage people to overcome adversity, then an image along these lines (e.g. a rock climber) will suffice. Using graphic design principles can also help to draw attention to your headers, too.

No matter what you choose, be it a photograph or your own graphic design, keep in mind the amount of detail that you’re using. “Busy” images, where there are a lot of elements competing with one another, will be too distracting, and may even turn people off of exploring the rest of your content further. Aim to provide an image with your banner that is enticing and attention grabbing, but one that doesn’t steal the show on its own.

Headers and Sub-headers

Common uses of headers and sub-headers on banners make good use of a “problem/solution” principle. Using the header as a headline to basically illustrate what that particular page is about, you can then concentrate on having the sub-header as a CTA. Whilst this can be effective, there aren’t any rules regarding headers and sub-headers, so you essentially have a blank canvas.

Anything you wish to have displayed up in text, however, must be relating to your business or the message you want to get across. Unrelated or random content defeats the purpose of your banner, and this is where selecting the right background also plays a pivotal role. You should also consider the font type, as choosing one that doesn’t work well with your design will also hinder the banner. We wrote an article on this that can help you, which can be found here.

Interactivity

In some cases, having multiple, scrolling marquee banners may provide more benefits. For instance, businesses which offer a wide variety of services will lose a lot of their pulling power by consigning these services to one banner. The idea of a scrolling set of banners also boosts up the ever important user experience stats of your website. If there is an invitation to scroll, the viewer will do so, simply due to the function existing.

If you believe that an interactive set of scrolling banners will do the job for you, make sure to adhere to the two important factors of your banner prior – backgrounds and headers. Unfortunately, due to the power of the banner, a poor design can be the difference between people being turned away, or those very same viewers being hooked on your content.

ITCC is a full-service digital agency, specialising in web design and web development in Melbourne. We love banners, and know what a good one looks like. In conjunction with our design services, your website, made by us, will grab the traffic and the attention that your business craves.

What do you think about web banner design? Is there any particular style that gets your attention?

Designing for Social Media – Part I: Facebook

A few weeks ago, we covered the essential stages behind the website design process. But what about social media, another integral facet of your digital advertising campaign? The vast majority of social media platforms not only encourage attractive imagery, but they display it in a way that makes graphics a vital component of your social page. Well designed images that are made purposefully for social media, can expand your campaign beyond your wildest dreams.

In this first part of our three part series, we’re going to be focusing Facebook, specifically the often notorious cover photo. As many of us have most likely found out at some point, designing the perfect cover photo for your Facebook page can be a frustrating experience. Optimising your ideal design to fit the constraints that have been imposed, luckily, is relatively easy with a little, helping hand and a few key figures.

The basics behind the cover photo

Facebook’s cover photo was implemented in late 2011. It was designed to allow individual persons and businesses to better display their images. At the time, the 851 x 315 pixel size of the cover photo was actually quite generous. However, bigger screens and better pixel detail has meant that, due to the size of the cover photo space having hardly changed, that it can seem quite small by today’s standards.

There is still plenty of room to work with, however, this despite your display photo now overlapping a portion of the cover space. Maximising this space to its full potential can not only make your page more attractive, but can also increase your likes and enquiries on an organic basis. How is that possible? Let’s have a look at a diagram of the various components that make up the cover photo once it’s uploaded.

cheat sheet

This is how your cover photo appears to others. The black box in the bottom left corner is where your display picture is. The red marked area is where the text describing your company name, and which industry it works in, is placed. This area is largely unusable to us due to the text, unfortunately. Combined with the overlapping display picture, this unfortunately limits the workable space of your cover photo.

So that leaves us with the green shaded area, which is the available space that we have to play around with. As you’ve probably noted, it looks rather trimmed down, compared to a blank canvas, and we’ve lost roughly a quarter of the image space from the initial dimensions. However, it’s the placement of the workable space that gives us the best chance to maximise this image’s potential.

For instance, let’s look at the action buttons that Facebook supplies, contact, like, and message. These three buttons are pivotal to the success of your social media campaign, as it is from here that we gain our audience and our enquiries. One great thing about these buttons is where they are placed, and the available space that we have around it! It gives us a great way to highlight these action buttons by drawing attention to them through visuals. Let’s get to it then!

How to approach your design

Along with the space provided to highlight these call-to-action buttons, there are also a few essential things that you need to consider before we can begin designing. The first one that is often overlooked is that of placing your logo onto the actual cover photo. The mechanisms that make Facebook work occasionally display your cover photo as it is, and disregard your display picture.

This means that any beautiful photo that you create without some part of your identity will be ineffective in these cases. Some instances where this occurs are:

  • Page suggestions.
  • Page promotion ads.
  • Call-to-action promotion ads.

Now that we’ve got that out of the way, let’s see what we can do.

cheat sheet example

You may remember our made up construction friends – UCC – from our article on the importance of fonts in logo design. We’ve borrowed this logo again, and have incorporated their slogan over a flat ribbon design. You will see that we have also mirrored this ribbon look just above the call to action buttons. Creating the cover photo in this way, where there is more visual weight on the right hand side of the picture, forces us to turn our eyes to this area.

You can also see that I have used a slightly altered logo for the display picture. This is done to avoid repetition. If you are fortunate to have a alternative brand logo, definitely use it. If not, try to capture the most predominant part of your logo, and use it that way. This can be anything, from the first letter of your company’s name (as we’ve done here), to any graphical detail that is incorporated into your logo.

What else can I do to enhance the image?

  • Use of the available space that you have, leave nothing bare!
  • Try to keep text on your cover photo to less than 20% of the image. This will make your cover photo comply with Facebook rules, should you look to promote your page.
  • Try to use shades of the colour(s) that are found in your branding, as we’ve done here.
  • Play around with different typefaces.
  • Don’t be afraid to use layering techniques in Photoshop to build a visual heirachy.

The great saving debate

So you’ve finalised your design and it’s all ready to go, great! You’ve now come to the most important part of the process: saving. Unfortunately for us, Facebook (along with all the other, major social platforms, it must be said) use a heavy JPEG compression mechanism for all photos uploaded. This means that your incredibly sharp and attractive image will now have JPEG artifacts on it (those little squares that appear), should you upload it.

At ITCC, we prefer to use another type of image file, PNG. PNG is an evolutionary child of the old GIF format, and supports lossless compression. This means that, no matter how hard Facebook tries to compress the image, it will not lose its clarity. Best of all, PNG’s can be fine tuned much more efficiently to be lower in size. It’s also important to make sure that you “save for web”, as opposed to just saving.

Let’s open up the save for web dialogue box and have a look.

save-example a

You will notice that PNG files are available in either 8 bit or 24 bit. 8 bit, whilst still retaining a lot of information, still risks compression artifacts. Make sure to save the image as 24 bit.

save example b

The next step is to make sure that we select a smaller colour profile to limit the file size. Colour profiles are important, as they optimise the colours in the image to display as intended on various sources such as paper, photographic paper, and computer screens. We use sRGB, which is a common colour profile used in the web design industry. We’re also making sure that the preview we’re using is “Internet Standard”, giving us a clear view of our image.

save example c

You should always aim to make sure that your PNG file is less than 380 for a cover photo.

The moment of truth

Now that we’ve saved it, it’s time to show the world our brand new cover photo. Here’s an example of what we’ve done when finally uploaded.

cheat sheet final

If you’ve done your measurements right, any highlighting of the call-to-action buttons you’ve created should show up perfectly. To test whether you have, try to reposition the image with your mouse. If it doesn’t move, then that means it has perfectly fit itself to Facebook’s cover photo constraints. We also aligned and sized the business logo to fit nicely above the display picture, allowing it to have breathing space so that both can be seen clearly.

We hope you enjoyed our first article. Next time, we’ll be talking about optimising both the cover photo and the unique, circular display photo for Google+. We’d also be keen to hear about what you’ve done for your cover photo, so share your ideas with us below!

What’s in an icon? The tiny image that can enhance your enquiries

You devote a lot of time and resources into the overall design of your website, but do you consider the bigger, or rather smaller picture? Today, we’re going to talk about icons, and how they can increase the impact of not only your site’s looks, but also direct traffic to where you want them to go.

On page icons have been with us since the dawn of the internet itself. Whether they are micro indicators of an outbound link, as seen on Wikipedia, or more elaborate diagrams to help explain key stats, the power that they have cannot be ignored. But what makes a good icon, and how can one help you with enquiries?

Firstly, lets have a look at some of the key benefits that icons offer your website design:

Will easily explain key features of products featured in eCommerce website design.
They will provide your audience with instant, visual recognition.
Can explain statistics in an easier way.
Will draw attention to key facts that you wish to discuss.
They are small enough to be displayed perfectly on a mobile site.

Whilst they are but a tiny component of your greater web design project, icons have the pulling power that larger images sometimes lack. We recently wrote about the importance of visual cues to maximise your sharing potential, of which icons play a much greater role. Your icons, if designed properly, will give your audience the cue that they need to receive and share your content.
mobile friendly design
So how do you go about creating attractive and instantly recognisable icons to help get your point across? In the design world, we use images called “vectors”. These types of images are normally transparent – only the physical image itself exists without a background. As such, vectors come already pre-optimised for icon use. There are also many aspects of your icon design to consider, such as:

Whether the vector you’re using relevant to the content you want to draw attention to?
Keeping the vector as simple as possible and on target with the point you’re addressing. Remember, you’re playing around with a small canvas.
Which colours will suit the vector better? Consider whether there are any colours particularly associated with the content that you are discussing.
Placement is key. Maximise the potential of your icons by placing them in predominant locations on the screen.
Consider using your icons as a call-to-action, such as leaving a comment for blogs.

We hope that you enjoyed our article about the power that icons can provide for the design of your website. If you have any questions about anything written here, please do not hesitate to leave us a comment below. ITCC is a leading digital design and development company based in Melbourne. We will be able to maximise the potential of your business to garner a bigger audience on the world, wide web.

Stocks on the decline: Choosing the right images for your website

Stock photography agencies started to reach prominence in the latter half of the 1990’s. At the time, they were filling a necessary void in both the digital and print worlds for cutting costs and saving resources. Many businesses since have benefitted enormously from having an extensive portfolio of brandable images to choose from. This has made the overall process of web design much easier and cost-effective than it was prior to that date.

There’s just one problem. A lot has changed in the decade and a half since.

The stock image market, owing to its incredibly accessible convenience, has now become so overused, that we’re seeing duplicate stock images. Ironically, this was something that the industry was created to address. This is quite a feat when we consider the amount of stock photos available at any time, and the probability of two businesses choosing exactly the same image from such a diverse portfolio. Getty Images has over 80 million alone, as a reference point.

Conversely, easy-to-use phone apps, such as Instagram, as well as a huge increase in the amount of free stock websites, has seen the overall quality of the stock image industry fade in recent years. When first initiated, stock photography showcased the same depth as conventional photojournalism. Now, stock images are relatively easy to spot, owing to the oversaturation in the industry of freelance photographers and designers.

This might seem like we’re suggesting that you should avoid stock photography at all costs, which is not our intention. Rather, greater care must be taken when investing in stock images. The ideal mixture would be stock images with your own work for the overall presentation of your website design. This has become more important with Google’s recent algorithm change – the quality update – which will look at the clarity of the message that any desktop or mobile site conveys to the user.


To aid you in selecting perfect stock images, we’ve come up with a short list of things to look out for when looking to invest in licensed photographs:

  • Study the message – Many website developers fall into the trap of looking for images in categories, rather than images for quality. Study the potential for the image to convey the written content on your site. Does it carry the message well, or not at all?
  • Avoid “polished” photos – Scenes that are overly staged will reflect that in their final product, and it’s important to look for images that represent reality.
  • Does it fit in with your brand? – Many web developers still choose images that do not fit in with the overall appearance of their website. This is a critical problem for eCommerce web design, where the potency of the store can be easily lost through an overuse of dissimilar images.

At IT Consulting Company, we understand the powerful, visual impact that photography can pass on to viewers of your page. We can create images that will both convey your message and resonate with your audience. You can contact us on 1300 770 119 at any time to speak to one of our digital consultants, who will be more than happy to show you exactly how we can enhance the visual potency of your website.

Are you a fan of stock images? How many do you use in your own design?

The Design Process Part IV: Implementation

In the final part of our four part series about the design process, we are going to talk about turning your layout into a website. This article will assume that the revision process has been finalised. If it is not, it’s imperative that you do not progress any further with implementing your website design.

This process is all about realising your initial concept. Your reward for the many hours of tireless work put into the layout design. However, this part isn’t as simple as uploading your layout, as now it is time to build the interface which will make it work. Coding, the lifeblood of any website, will unfortunately either make or break your layout design. As we earmarked in our first installment, if you have worked thus far with the final product in mind, this will be a lot easier.

There are many forms of website code that are commonly utilised throughout the IT industry. Some that you may encounter on an almost daily basis are:

  • HyperText Markup Language (HTML)
  • Cascading Style Sheets (CSS)
  • JavaScript
  • PHP

Design Implementation
Whilst all of these script languages are designed to provide their own, unique benefits, not all of them are required, as determined by how you want your site to act. HTML and CSS are perhaps the most common, due to the flexibility they offer to largely simple designs. JavaScript and PHP are predominantly used for form based websites, where input and output variables are required. The last two languages are more adept, per say, for eCommerce website design.

Understanding which type of code will benefit your website most is integral to completing the process of your web design layout. Should the coding be completed, and your interface is acting as you intended, you may wish to look over your design once more. Investigating whether there are any tweaks and improvements that you can make will help you enormously in the future, as revision will be required on a regular basis.

Why is this the case? The IT industry is unique, in that emerging trends and advancements in how we complete tasks occur on a seemingly daily basis. Your website layout, whilst it looks fantastic now, may be outdated in a matter of months, if not weeks. It is this understanding of having to keep one step ahead of the field that is crucial to the longevity of your design. This may only require minor adjustments to comply with new attributes, however these small tweaks will make a world of difference.

IT Consulting Company is a Melbourne based provider of digital advertising, mobile site development, and interface design. Since our inception in 2013, we have aided many small to medium sized businesses find their voice on the world stage. You can call our friendly digital strategy consultants today on 1300 770 119, to see what they can do for your company.

We hope that you enjoyed this edition of our four part series on the design process, and that you found all the chapters inspiring and informative.

The Design Process Part III: Revision

In this week’s edition of our four part series of what the design process entails, we’re going to be looking at arguably the toughest, most difficult section of the web development procedure revision. But why exactly is this part of the design methodology so difficult for many projects and designers to negate? In a nutshell, this is the stage of the project where designers and interested parties will combine all of their ideas, of which can lead to a convoluted process.

Any website developer will be able to tell you their own web design revision nightmares – from endless revisions for an unhappy client, to a changing brief which directly impacted the revision process. Even for the most experienced of website design artists, the revision part of the methodology is bound to still cause headaches, owing to confusion on what the revision of the design actually entails.

If we think of the revision process as one of refining the ideas and progression of the conceptual process, the revision part seems to be a lot less daunting than what it was originally. During this part, you will be largely playing around with what is in front of you, specifically testing aspects of your page layout to see:

  • The engaging nature of your interface, viewed from a desktop and as a
  • How well proportioned the layout is when combined together
  • Whether any particular parts of your layout unintentionally dominate the page
  • Any graphical enhancements you can make to improve the page
  • The ease of navigation around your page

Design Process Part III
Any complaints or grievances during this vital stage of the procedure indicates a failure at the planning phase, rather than a failure of your own work. This is also further testament to the importance of getting everything right during the planning stage, ensuring that you can avoid headaches in this part of the process. This stage should be devoted to refining your ideas and processes, with the aim to be beginning to look at a finalised project.

For eCommerce website design, the revision process should have you looking at the overall functionality of the page itself, ensuring that no one product is more predominant than the other. Your eCommerce design should also not distract from the product catalogue itself, employing a muted and subtle concept behind the design, and ensuring that this carries over to the viewer.

The most important thing to consider in this stage, however, is the realisation of all of your ideas and concepts throughout the planning and drafting stage coming to fruition. It is at this point that you should be seeing principles that you hold as key ingredients in the design itself coming into shape, and refining those same ideas into one large, polished structure. Ultimately, the revision process is all about you, and your design evolving into what you imagined in the first place.

At IT Consulting Company, our revision process is based on one of transparency, constantly sharing ideas and visions with our clients, to come up with a solution that not only looks great, but also represents their business properly. Feel free to contact our digital strategist consultants at any time on 1300 770 119 to enquire about our design packages, and let us provide your business with a truly beautiful web space.
What did you think about the third part of our four part series? Have you ever had difficulty in this stage of the procedure yourself?

The Design Process Part II: Drafting

Last week, we discussed the importance of planning the design of your website, whilst providing a few tips on how to successfully plan out and conceptualise your ideal layout. In this article, we will be diving more into the drafting side of things, discussing the importance of variation and testing. It is our hope that you can get a greater appreciation of the work involved by reading this, as well as help out budding web designers with their current work.

Drafting is often said to be the most important part of the procedure in the greater graphic design industry, let alone website design, and can effectively make or break a website interface. It’s a truism that being able to draw your ideal design, as well as add to it as you go along, is simply the best avenue of approach for creating a truly beautiful interface.

When we draft a web design, we are looking for the following few things:

  • How do the colours selected look when placed together?
  • How do the overall positioning and layout of the website look at first glance?
  • Is it easy to navigate around?
  • Is it a true, responsive mobile site?
  • If it’s an eCommerce web design, does the layout interfere with the products being displayed?

Design Process Part I

All of these questions are designed to engage a trial and error process, in which we can obtain a much more informed idea on how the website should look as a final product. Move your cursor and eyes around, try to step back as a designer, and look at it through the prism of a customer. Does it appeal to you, the customer? If not, then chances are that it will require revision – if you don’t like it, chances are not many others will either.

This important stage is where we begin to see how successful our initial planning process was, and further planning may be required, should there be any problems. It’s important, however, to not scrap the idea and start again, as the design can be quite good in principle, albeit needing refinement. You should look to add, and not subtract, in the hope that you can enhance the experience of what you are designing.

Don’t be afraid to move things around too, as placement is key in the drafting process. More often than not, your content areas may simply be in the wrong position, rather than being ill thought out. This is where the concept of variation comes in to play, and numerous drafts will help you immensely. By having several possible options on the table in front of you, it enables you to be able to merge key aspects of each draft that you like, as well as see what doesn’t work well overall.

IT Consulting Company has provided truly magnificent websites to many small to medium sized businesses, right across Melbourne. We work with variations, ensuring that we can provide you with the finest work possible. You can call our team of digital strategists on 1300 770 119, who will be more than happy to guide you through our wide range of design services.

Did you like the second part to our series on webpage design?

The Design Process Part I: Planning

You may be forgiven for thinking that the world of design is as simple as opening up Photoshop and waving a paintbrush around, due in part to the heightened importance of simplistic interfaces in today’s world. The process of design, however, from conceptualisation to implementation, involves tireless hours of planning, working and testing, to find the right appearance for a particular website. In part one of this four part series, we’ll be looking at the important stages that make up the overall design process, starting with the initial planning stage.

For businesses, the overall processes that make up website design, are integral to capturing the essence and message of what a company is all about. With many companies unfortunately still utilising website templates – which all look the same despite the difference in industries – a truly unique website that showcases and represents the nature of the business is greatly received in the digital realm.

Having said that, what exactly happens during the web design planning process, and how do each of the main components that make up the bulk of the procedure, work together to create the perfect website? When designers are provided with a project brief, five initial questions will immediately spring to mind:

  • Is there any existing, predominant brand imagery?
  • Is there any supporting brand imagery?
  • Is the company associated with any particular colours?
  • Does the company’s industry normally have colours which everyone associates with it?
  • What is the company’s overall angle to get sales or enquiries?

Design Process Part I

Whilst unique pictures are always preferred, refining any existing brand imagery can help to establish a connection between the old site and the new site – a particularly good tool when developing a mobile site. This line of establishment helps to keep the customer base attached, whilst opening the business up to more enquiries.

From there, along with an understanding of which colours to use, designers can develop a draft – or a mock-up – of how the website should appear. The last question is perhaps the most important during this conceptualisation stage, as it relates to being able to communicate the company’s message in visual form.

Design Process Part I

A bouncy castle business, for example, will be best suited to a fun and engaging interface. Conversely, a financial services provider will perhaps be more suited to a sophisticated and clean interface. Understanding the vision of the business is tantamount to a successful design, and can influence even the finest of details, such as a quote form or navigation bar placement.

Additionally, the design process is largely a practice of trial and error principles, and it helps to essentially consider everything as being customisable at this point, right up until the final revision is completed. This more specifically relates to an eCommerce web design, where the many variables of the site (products, reviews, payment forms, etc) work best when placed in certain places, rather than in others.

At IT Consulting Company, we understand what makes an attractive website design, and can also fine tune your business’ website to perfectly represent your brand in a positive and engaging manner. To discuss with one of our digital media strategists on how a responsive website – tailored to your brand – can benefit you, please call us today on 1300 770 119, and allow us to show you the potential that your company has to be displayed in stunning visual quality, on the world wide web.

Have you ever designed a website before? Is there anything else that you look for when planning your new design?

The colour white: Why it is a web designer’s most powerful tool

We often talk about the importance of colour, and how deliberate uses of different colours cannot only capture both the attention and imagination, but also perfectly relate to your company and the industry it resides in. Today, we’re going to be talking about the most important colour of all for any web designer, and the surprising thing is, it technically isn’t even a colour at all.

When we think of white in the medium of web design, it can be quite hard to not have the old, solid white blocks with borders that were so prevalent in older websites as our first impression. Not only that, but white can often be seen as a bit bland, as web design is supposed to be flamboyant and eye catching. However, it’s important to consider why earlier websites back in the 1990’s chose white as their predominant colour.

White, from a scientific perspective, is essentially the reflection of all colours into the human eye, and as a result is technically the most noticeable colour of all. When the internet was still in its formative years – attempting to convince the populace that they should use the wide web rather than traditional media – website design made use of white rather effectively. Viewed in the prism of the computer screen, white was able to:

  • Draw an immediate focus to the screen
  • Display coloured images and fonts more boldly than ever before
  • Act as a directional tool for further action

designer's most powerful tool

The last point, in particular, is exactly the reason why white, for web designers looking to enhance the advertising space on their page, is the most useful weapon in their arsenal. Strategic allocation of white helps to draw attention to particular areas of important content, and a clever use of white can draw our eyes along to key areas. We can therefore consider white to be a very persuasive and organic call to action mechanism in this aspect.

It is this very reason why you’re reading this article with white as the background, and why your attention is not drawn to other colours on this page. Especially for a page viewed as a mobile site, where the frame of vision is much smaller, white will instantly grab your attention. This is perhaps a significant reason why mobile page views often turn into direct consumer action almost immediately.

At IT Consulting Company, our team of expertly trained and experienced web designers understand the importance, of not just white, but also of the particular symbolism of all of the main colours. We can effortlessly craft a unique website from scratch, which will be able to represent your brand in stunning and vivid detail, as well as create focal points and calls to action to get you enquiries for your services.

ITCC can also create a vibrant eCommerce web design, that will utilise colour and other pleasing design elements, to enhance sales and drive enquiries into your business. Call us today on 1300 770 119, and ask one of our knowledgeable members from our digital media strategy team, how ITCC can enhance your website and bring your digital presence to life.

Do you also find white as a powerful shade? What examples of the colour white do you prefer to see in a design?