Published on February 18, 2009
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?
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 firstname.lastname@example.org www.twitter.com/dbstructure www.designbystructure.com Free download:
Tools like Dreamweaver are great, ... How to Build Websites Newsletter. My Web Design newsletter will let you know when any new articles, ...
Web Design & HTML. . . ... Before You Start a Website; Web Design; HTML Tutorials ... Top 10 Tips to a Great Web Page About Tech Follow us:
... 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]
... 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 ...
Web Design Courses: Learn to Design a Website ... Build a great community website for your volunteer organization, church, ...
... Store Your Ideas and Build a Great Site. All Dressed Up: Website Design ... a website. Web Design ... Website Design. Newbies can build a ...
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
Learn how to build a great website from scratch using custom web designs that blow your sales and traffic numbers sky high.
Build a responsive site. ... there's no need to spend thousands of dollars on web design. ... Watch Me Design a Website Using WordPress