20 key elements of great web designing

52
8 Key Elements of Great Web Design CONTENT MARKETING DIVISION, SONIGROUPS.COM INDIA’S LEADING DIGITAL MARKETING& WEB DESIGNS , WEBDEVELOPMENT COMPANY DELHI, INDIA

Transcript of 20 key elements of great web designing

Page 1: 20 key elements of great  web designing

8 Key Elements of Great

Web Design

CONTENT MARKETING DIVISION, SONIGROUPS.COMINDIA’S LEADING DIGITAL MARKETING& WEB DESIGNS ,

WEBDEVELOPMENT COMPANY DELHI, INDIA

Page 2: 20 key elements of great  web designing

Great designs aren’t built by tools….

Page 3: 20 key elements of great  web designing

They’re built by human beings.

Page 4: 20 key elements of great  web designing

Image Courtesy: Google Images

There’s a lot of thought, work, testing and

reiterations of iterations that go into a design project before it goes live.

Page 5: 20 key elements of great  web designing

A great web design is reliant upon several

factors that need to amalgamate together in a

finely-tuned balance.

Page 6: 20 key elements of great  web designing

Before we build a great website, let’s first begin to deconstruct the process of building up.

Page 7: 20 key elements of great  web designing

Image Courtesy: Ken Keis‘ LinkedIn blog

So, how do we build beautiful, functional

websites?

Page 8: 20 key elements of great  web designing

For starters, it’s not going to happen

overnight.

Page 9: 20 key elements of great  web designing

Image Courtesy: http://tomdrexlerplumbing.com/

Again, it’s important to remember that designers

need to strike a balance between their design

process, their artistic talent and their technical

skills.

Page 10: 20 key elements of great  web designing

So, here is

the

breakdown

of…8 Key Elements of

Great Web Design

Page 11: 20 key elements of great  web designing

The Human Touch

1. Understand your Audience

Page 12: 20 key elements of great  web designing

Make this your mantra: all audience groups are not

created alike.

Page 13: 20 key elements of great  web designing

Take a look at these websites created for

different purposes.

The common factor tying

them all together is a great

understanding of their

audience and excellent

UI/UX.

Page 14: 20 key elements of great  web designing

Site: Zomato.com

Vertical: Food & Beverage

Page 15: 20 key elements of great  web designing

Site: Gaadi.com

Vertical: Automobile

Page 16: 20 key elements of great  web designing

Site: Gaana.com

Vertical: Music

Page 17: 20 key elements of great  web designing

Site: Make My Trip

Vertical: Travel

Page 18: 20 key elements of great  web designing

Site: Snapdeal.com

Vertical: e-commerce

Page 19: 20 key elements of great  web designing

2. Figure out your Creative Process

Page 20: 20 key elements of great  web designing

As creative people, we need freedom to follow

our own processes for getting things done.

Page 21: 20 key elements of great  web designing

And that can’t happen until you understand

your creative process.

Page 22: 20 key elements of great  web designing

Do you know where you find inspiration for

a design?

Page 23: 20 key elements of great  web designing

Do you need to sketch first?

Page 24: 20 key elements of great  web designing

Do you need to think things through first or

do you just dive right in with a project?

Page 25: 20 key elements of great  web designing

Do you need frequent breaks or do you

have marathon work sessions?

Page 26: 20 key elements of great  web designing

Gaining a close understanding of your creative

process will help you plan your work in a more

efficient manner.

Page 27: 20 key elements of great  web designing

And if all else fails, there’s

nothing like a great panic

session to get productive!

Page 28: 20 key elements of great  web designing

3. Organization and Basics

Page 29: 20 key elements of great  web designing

Does this look familiar to you?

Image Courtesy:

designjournalsos.blogspot.com

Page 30: 20 key elements of great  web designing

Image Courtesy

designbeep.com

And this?

Page 31: 20 key elements of great  web designing

The importance of getting yourself

organized, putting your thoughts down on

paper and making your design tangible

can’t be understated.

Page 32: 20 key elements of great  web designing

Nothing good ever came from

not thinking things through.

Especially not for visual artists!

Page 33: 20 key elements of great  web designing

4. Innovate

Page 34: 20 key elements of great  web designing

If you’re an experienced designer,

you’ll be able to look at a client’s

requirements and determine

whether certain standardized

elements are still necessary or

they’ve become redundant.

Page 35: 20 key elements of great  web designing

It’s likely that a few tweaks here and

there would do the job.

Page 36: 20 key elements of great  web designing

And these don’t need to be major changes.

Removing smaller elements like search boxes, multiple

lead forms on the home page and irrelevant links can

improve the UI/UX for your audience.

Page 37: 20 key elements of great  web designing

Brass Tacks

5. Responsive Design

Page 38: 20 key elements of great  web designing

With the rapid increase in smart phone penetration

building responsive designs has become mandatory

for the agencies. Responsive designs are an

irreversible trend now.

Page 39: 20 key elements of great  web designing

6. Simplify, Simplify, Simplify

Page 40: 20 key elements of great  web designing

Simplify everything in your design including, navigation,

content, images, HTML files, the amount of inline code

you use, and block elements etc. and remove

everything that’s not needed.

Page 41: 20 key elements of great  web designing

This is one of the cleanest designs we can mention – no

wasted words or images.

Page 42: 20 key elements of great  web designing

The moral of the story is simple: you don’t want to make

your site users struggle to find the information they need or

want from you.

Page 43: 20 key elements of great  web designing

7. Don’t Stop Testing

Page 44: 20 key elements of great  web designing

Continue testing the design to know whether your design is

efficient and beautiful and connects with the right people.

Page 45: 20 key elements of great  web designing

8. Typography

Page 46: 20 key elements of great  web designing

Typography is very important for your design to be

received well.

Page 47: 20 key elements of great  web designing

The typography you choose sets the tone for your

website.

Page 48: 20 key elements of great  web designing

It directs navigation and leads the audience from one

section to the other, i.e. supports the structure and flow of

your content.

Page 49: 20 key elements of great  web designing

Besides these, there’re lots of other things to be kept in

mind in order to create a great web design...

Attention

to details

Focusing on the quality

(uncompromising

aesthetics), PSD

management

Cross-discipline

communication

Page 50: 20 key elements of great  web designing

If there’s anything you feel needs to be added on here,

leave a comment! And don’t forget to share this post if

you’ve enjoyed reading it!

Page 51: 20 key elements of great  web designing

Visit Sonigroups.com and Read to our Services as web designing, Web

deployment, SEO services Delhi, graphic designs, printing Services, Visiting Card,

business card, content on digital and content marketing. Call us-91-7838165510

www.techmagnate.com

Page 52: 20 key elements of great  web designing