Web design: How to design and build great websites

80 %
20 %
Information about Web design: How to design and build great websites

Published on February 18, 2009

Author: structure

Source: slideshare.net


Designing & building great websites - For people who want to produce outstanding websites but don't know how.

Designing & building great websites www.designbystructure.com

Designing & building great websites www.designbystructure.com For people who want to produce outstanding websites but don’t know how

Its easy to get confusedabout designing andbuilding websites

People talk in riddles... CMS PHP Taxonomy Mashup MySQL .NET Ruby onXHMTL Web Rails 2.0

Not sure...which directionto take?

...how long itwill take?

...what theprocess is?

...or what youmay need to do?

Ever felt abit like this?

Don’t worry

Here are a fewsteps you canfollow to makesure you getit right

Chapter 1 Planning makes perfect www.designbystructure.com

Think aboutwho will use thewebsite andtheir needs

I want to buythat product

I’ve just arrivedfrom Google-what do youdo, can youhelp me?

I just want yourphone number.I hope its easyto find

People choosedifferent waysto get to theirdestinationWebsite usersare the same

Produce a sitemap soyou know how contentwill be organised &how people will findwhat they need

Sketch out pages toshow where specificfunctions and contentwill go

Check what you’vecome up will work foryour audience

Chapter 2 Make it look great & Easy to use www.designbystructure.com

There are lots ofreasons websitesdisappoint theirusers

“my website “it looks doesn’t look as good as my really printed materials” functional” “it looks really “my online boring” sales aren’t all that great”“i can neverfind what im “its reallylooking for” hard to navigate”

Mostly its becausethe wrong peoplewere hired todesign them

BEWAREdesign companieswho do software &software companieswho do design

When someoneengages with yourwebsite they areengaging withyour brand


Your websiteshould deliver agreat experiencefor its users

Make sure peoplefeel like they arein the right place

Now you’ve gottheir attentionmake it easy tofind stuff

Make sure thevisual language &behaviour of yoursite is consistent

If you wanta customer todo somethingmake it Checkoutobvious

Great design = credibility Credibility = success

Chapter 3 Talk about it Managing a web project www.designbystructure.com

People you workwith probably havea strong opinionabout the websiteyou are building ****! ****!****! ****!

Some want you tostick a big buttonon the homepagepromoting whatthey do ME ME ME ME

You might be irritated,you should definitely beworried

Your website isin dangerDesign by committeedoes not work X

Take controlEngage people youwork with early inthe process

A bit of pain at thestart will save awhole world ofpain later on :-)

Chapter 4 Building your website Don’t re-invent the wheel www.designbystructure.com

Don’t be aguinea pig(unless you have verydeep pockets)

Don’t getseduced by“sexy”technology

Find some existing web software you can build on OpenProprietary SourceLicensed

Make sure it ticks theboxes for accessibilityand web best practice

Find somepeople like youthat use it

Have achat withthem

Check it meetsyour mainrequirements

Make sure youcan customiseit to do exactlywhat you want

Don’t overcomplicate itBreak the project up into smallbits. Launch something soonerrather than later

Make sure itworks beforelaunch!!

Don’t forgetThe journalist who’s reviewingyour site probably uses anice shiny Mac

Chapter 5 Get found in Google AKA Search Engine Optimisation (SEO) www.designbystructure.com

SEO has nothingto do with Wizardsor Black Magic

SEO has nothingto do with puttingloads of stuff onyour website

Relax. SEO is allabout commonsense

Ask questions.Research the terms peopleuse to search for the productsor services you have? “Settee” “Couch” “Sofa”

Put these termsin the right placeon your website

Make sure yoursite has relevantcontentClassic sofa /settee Upholstered Comfortablein black velvet couch / sofa Upholstered in red cloth

Because you chose SEOfriendly software, searchengines will be able tofind you

To get higher upthe rankings youneed votes

A hyperlink fromanother websiteto your site countsas a vote

High rankingstake time & effortBe patient. Checkrankings, tweak content.Build inward links.

If you want to talk to someonethat speaks your languageget in touch Design by Structure Ltd Unit 34 Jack’s Place 6 Corbet Place London E1 6NN t| 020 7247 2788 m| 07976 539 082 john@designbystructure.com www.twitter.com/dbstructure www.designbystructure.com Free download:

Add a comment

Related presentations

My Music Magazine Pitch

My Music Magazine Pitch

October 30, 2014

music mag pitch

Questionaire charts

Questionaire charts

November 4, 2014


Final research

Final research

November 5, 2014

final research

Cersaie 2014

Cersaie 2014

October 30, 2014

allestimento in cartone per il Cersaie 2014 alberi in cartone scultura in cartone

Quarta turma do workshop de Infografia, ministrado por Beatriz Blanco e Marcos Sin...

Related pages

Beginners Web Design Tutorial - How-to-build-websites.com

Tools like Dreamweaver are great, ... How to Build Websites Newsletter. My Web Design newsletter will let you know when any new articles, ...
Read more

10 Tips to a Great Web Page - About.com Web Design - HTML ...

Web Design & HTML. . . ... Before You Start a Website; Web Design; HTML Tutorials ... Top 10 Tips to a Great Web Page About Tech Follow us:
Read more

13 Simple Tips for Improving Your Web Design | CIO

... the head of Web design at Egencia, the business travel division of the Expedia group, ... [Related: 6 CSS Tools to Help You Build a Better Website]
Read more

Lesson 1: Basic web concepts - Part 1 - How to Build Websites

... again there is just enough so that you have a basic understanding of ... How to Build Websites Newsletter. My Web Design newsletter will let you ...
Read more

Web Design Courses: Learn to Design a Website at lynda.com

Web Design Courses: Learn to Design a Website ... Build a great community website for your volunteer organization, church, ...
Read more

Website Design 101: Store Your Ideas and Build a Great Site

... Store Your Ideas and Build a Great Site. All Dressed Up: Website Design ... a website. Web Design ... Website Design. Newbies can build a ...
Read more

Website Design HTML Course

Designing Your First Website Web Design Mastery Volume 2 (171 ... Advanced Web Design. ... Learn how to design a website, create a website, build a website and
Read more

How to Build a Great Website | Premier Web Designs

Learn how to build a great website from scratch using custom web designs that blow your sales and traffic numbers sky high.
Read more

How to Design a Website if You're a Beginner

Build a responsive site. ... there's no need to spend thousands of dollars on web design. ... Watch Me Design a Website Using WordPress
Read more