Posts tagged with “website-makeover”

Make the images work to enhance the potential of your website

Monday, 28 October, 2013

Images occupy a significant portion of a website. But do they perform well as web content? It isn’t easy to determine if the images on your site boost conversion or obstruct it. But no one can disregard the role that pictures play.

How do you make the images work for your site? Let’s attempt to do this.

The human brain can easily distinguish the important images from the unimportant ones. And it does so subconsciously. Therefore, if a site is filled with decorative images, our brain won’t pay much attention to them.

Suppose you sell gadgets. You may rely on stock photos. Or, you may get some studio shots of the gadgets. But is that enough? Often, viewers are more interested in the detailed features and functionalities of gadgets. And the pictures need to offer that.

In such a circumstance, it doesn’t seem to be of any good to fill up your site with images. But wait a minute. It is possible to create and add images that mean something for the viewers. And that can possibly urge them to take a required step.

Before you begin to make use of images, you need to have a clear idea of the basics.

Are the fundamentals in place?

cinnamontoastThe color, brightness, contrast and every other point of the pictures matters. So does size, exposure and composition. Get any of it wrong, and the image fails to be registered, let alone impress viewers.

Do the images connect?

A display of benefits can connect to the viewers’ rational side while a point of interest can connect to the emotional side. It’s also important that they reflect your brand’s image.

What message do they convey?

gugroppoIf the images aren’t capable of transmitting the message you want them to, they aren’t of much use. Pay close attention to what you want to say and how you do it via images.

Do they generate the anticipated response?

This is perhaps the most difficult task. But it’s not impossible. If the image arouses excitement and interest, it often leads to desire, and it’s easier to transform it into a purchase decision.

Want to make the images work? Know how to put the right ones at the front.

Focus on the quality of the images.

nicolesposeSmall, low-contrast images won’t do much for your site. If they aren’t capable of capturing the attention of the viewers, they won’t do much for your site’s conversion rates either.
Take a look at the Ink and Spindle website for some inspiration.

Make sure the images are relevant

Confused why your site isn’t converting even when it’s full of beautiful images? Question yourself: are they relevant? If they aren’t, viewers won’t really pay any attention to them.

The Mint Museum site can give you a hint about the use of relevant images.

Don’t let secondary elements steal the show

It’s a great idea to include pictures that show real people in real environment using or maybe enjoying your product. Just make sure they don’t become the focus of attention.

Take a leaf from the ad campaign of Sunsilk to identify what not to do.

Make them work for a purpose

Printed Gloss StickersBefore you choose an image for your site or your ad campaign, question whether it suits the purpose you want it to serve. A picture can take the place of a thousand words, only if you make the right selection.
Apple does this best; be it for its iPad or its MacBook Air advertisement.

Focus on the trust the images build

Remember, it’s important for viewers to connect with the people behind the site. So, whether it’s your personal blog or the corporate site, it’s a good thing to put the pictures of the people behind it.

Check out the Walmart site to get a look at the people behind the organization.

The images won’t enhance the site’s appeal if you aren’t aware of the technicalities.

In the HTML markup, make sure you mention the height and width of the images you add to the site. This will ensure that the elements don’t need to re-adjust after the image loading is complete.

It is also a good idea to reduce the size of the image to improve site performance. But that mustn’t affect the image quality. Several tools exist – Smush.It works for WordPress and Save for Web and Devices is available from Photoshop.

This guest article was written by Michael Evans, who is a blogger and a budding designer. He is currently associated with Discount Sticker Printing that sells Clear Stickers. Visit this URL for more info –

Mascot to give a makeover to your old and boring website

Saturday, 5 January, 2013

So, you have been trying your level best to make your website stand out from the rest by tweaking the color combination of your website, making changes in the structure or playing with the position of the logo. But even after hours of hard work, the design looks pretty much the same. Yeah, I know how frustrating it. So, rather than treading the same route over and over again, you can try something new if you are hell bent on giving your website a complete makeover like designing a Mascot. Yeah, you have seen them in Olympics and even in football world cup, and believe me, these mascots have a role to play in the sphere of website design. In fact, an increasing number of website designers are using them to make their website look different from the rest of the others.

Why you should be Using mascot

Valid question. Ok, the answer is, mascots are memorable and they help people to connect with your brand on an emotional and personal level. However, as the mascot is going to represent the brand name of your company, you simply cannot make your company a laughing stock of others by coming up with something boring and uninteresting. Designing a mascot needs more than simple designing sense; it needs an eye for detail, imagination and sometimes, it may require a sudden moment of illumination. Moreover, of course, it is time consuming and you also need some sort of inspirations to unfurl your creative wings. To make your tryst with this new thing a little bit easier, here I am going to give a roundup of some popular mascots associated with some leading brand.

Fork CMS:

This website has got an interesting figure as mascot. At the first look, you may take the mascot as an ordinary old man entrusted with the responsibility of promoting the brand of a company. But take a close look and you will find weird similarities between that old man with the mythical Poseidon. The mascot has got trident, has white beard and lol he has got mermaid tail as well. These things will surely make you take him as Poseidon. And the designer has done a commendable job by making the Call To Action button floating above the screen, thereby grabbing your attention all the time.


Ok, I think that you have already goofed it with the leading web browser – Firefox. I assume that Foxtie was aware of this issue for long and for that reason, they had come up with a brilliant mascot that represents their brand precisely and make them separate from the rest of the others. To seize the attention, Foxtie has chosen a large vectored mascot that represents exactly what they do. Since the website does almost everything, the mascot is seen juggling with balls symbolizing the fact that it is always busy, active and agile. However, recently this has given way to a poised and cute look. Thanks to the use of gradients and vector graphics, the mascot looks impressive and stands out perfectly against the dark backdrop.


You may find strange to have a chef representing a coding website. But take a look at the tag line – “fresh baked forms for your website” and you will get it right. Yes, the mascot represents the tag line or the business ethos of the company and not the company itself and this is what makes this mascot different from the rest of the others. The design looks eye-candy with dark color background with white-based mascot shinning bright. Mascot does not make huge deviation from real life chef and the Call To Action button is placed just underneath it giving it the maximum exposure, it required.

Mail Chimp:

You simply cannot miss out on Mail Chimp mascot. It stands tall in the backdrop and grabs all the attention without being spoilsport in the conversion process. I have a liking for this mascot because the mascot has been designed with the name of the website in mind. The positioning of mascot is great. Mascot is looking straight at the “Sign Up” button and therefore, the attention of the visitors will be automatically drawn to it. But lately, it appears the website is making some experiments with the positions of the mascot. And the idea of using a chimpanzee as a mailman is cool and works really well for the company.


If you love superheroes, you will simply love the mascot of Informant. Yes, this website has got a superhero, not the traditional one, for the branding purpose. The mascot has got a rocket launcher strapped to his back and compared to his skinny physique, he has got a large head that makes the mascot appear a bit funny. Headlines are skewed a bit in line with the mascot appearance just to add some energy to otherwise simple design. And the best part about this design is that the mascot does not go vanished in the inner pages; a small version appears in all inner pages, which is very cool.

Solid Giant:

If you hate to see the mascot in the same way all the year round, Solid Giant’s cool mascot is certainly going to put a smile on your face because the mascot changes its figures throughout the website. This is a nice attempt by designers to put some life into this mascot by making him appear in different shapes and thereby giving an interesting twist to the whole concept of designing mascot.