What Makes Up a Visually-Pleasing Website

October 11, 2016

The iconic Marilyn Monroe once uttered, “I don’t mind making jokes, but I don’t want to look like one.”

And we’re not kidding either when we tell you that your website can easily look like a joke – that, if you dismiss web designing as unimportant.

It’s unusual to think of a website as an art canvas, but it actually is. Once upon a time that favorite website of yours was nothing but a blank white page – vast, formless, empty.

The key to building a visually-pleasing website all boils down to treating it as if you’re curating for an art exhibit. After all, every content you have is a piece of art. Here are a few things to consider if you want to create a visually-pleasing website:

Theme

If parties are themed, then your website should be, too. Think of having a theme as a helpful kickstart in organizing your website, both aesthetically and content-wise. It is the based for consistent and uniform user experience.

If you’re trying to figure out which theme structure is most effective for your website, consider your site’s purpose and overall branding. Step into the shoes of your page visitors and think of what they want from you — do you exist to provide them information, inspiration, entertainment, to enable socialisation, or to sell and promote service?

Translate this purpose and branding into a visual theme. Then, decide on whether you want a minimalist feel or a showcase of relevant elements. Moreover, pick the texture and style for your web objects (like icons) — are you going flat or skeuomorphic? After all these decisions are made, stick to it and be consistent.

greene-st-juice-theme

Colours

Colours have the power to create a certain mood or feel for the website. Some key objects that come in colour are text, images, graphic art, and the background.

Colour palettes are not only a matter of the cinema — we also speak palette in websites. Often dictated by the theme, it is an assortment of complementary colours that somehow pleases the eye through the visual harmony that it brings.

For your website, learn the value of white space. Don’t go around trying to fill every negative space with objects — a high quality web design knows when and where to leave ‘breathing space’. Give your users ample time to digest information before bombarding them with another set of objects in your site.

thebagdepartment-theme

Typeface

Designers treat fonts as if each one of them has a unique personality. There are the royal script, the academic type, the loud ones, and the friendly face. For your website, we suggest you pick only up to 3 typefaces whose ‘personalities’ mix well together and with your theme.

San Serif fonts are more common for website text. However if you want to make contrast, Serif fonts can work for headings and sub-headings, too. Both types are easy to read if maintained at an optimal font size of 16px (varies per font style).

fonts-jpg

typography-jpeg

Visual content

A thing that we must accept now is that web users possess a very short attention span. Either used as design, for information, or for call to action, limit your visual content into what’s important. Make sure you get their eyes glued on relevant content about your site.

High quality photos complement well with your text. Meanwhile, infographics compress more information into a graphic art and essentially makes it easier to understand. Other kinds of visual content include videos, charts, and even the notoriously funny gifs. Learn to mix up these visuals and instantly bring life to your website.

diiad-theme

User-friendly navigation

Users who find it too hard to move around your website will most likely won’t bother check you out for another time. A user-friendly navigation pane, like a drop down menu, not only saves you space, it’ll also benefit your visitors who need not wander around and get lost your site — they’ll easily find what they’re looking for in a few clicks!

bikechaser-theme

Responsive – mobile friendly, will work on every browser

A good website is accessible and responsive in whatever device, no matter the screen size is. Google explains that a responsive web design “uses the same URL and the same code whether the user is on a desktop computer, tablet, or mobile phone.” Tweaking your codes into a responsive layout ensures you that your website won’t mess up once a user accesses it through his or her mobile phone.

diiad-mobile

Minimal ads & pop-ups (please!)

While we understand the need to make a living, your choice of what ads appear in your website is a make-or-break situation, web design-wise. Some websites are actually worth an applause… until a rather disturbing ad pops up and and its user closes not only the pop up but also the page itself. Rethink your ads and avoid compromising your sleek web design for the unworthy ones!

Just a few parting words: When it comes to design, you can never go wrong with simple. But if you feel like experimenting, feel free to do so. After all, we did say that a website is an art canvas. Consider these factors carefully and for sure you’re on your way into designing a stare-worthy website!

 

Written by: Kriselle Marian Gueco
Montgomery Fitch + Associates

Comments

Please login to comment.

[Alimir_BootModal_Login]