Designing & building  great websites     www.designbystructure.com
Designing & building  great websites     www.designbystructure.com                   For people who want                  ...
Its easy to get confusedabout designing andbuilding websites
People talk in riddles...                             CMS               PHP Taxonomy                              Mashup  ...
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”           funct...
Mostly its becausethe wrong peoplewere hired todesign them
BEWAREdesign companieswho do software &software companieswho do design
When someoneengages with yourwebsite they areengaging withyour brand
Firstimpressionscount!
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          ...
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.designbystr...
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.designbystru...
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”               ...
Put these termsin the right placeon your website
Make sure yoursite has relevantcontentClassic sofa /settee Upholstered   Comfortablein black velvet      couch / sofa     ...
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...
Upcoming SlideShare
Loading in...5
×

Web design: How to design and build great websites

36,167

Published on

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

Published in: Design, Technology, Business
24 Comments
221 Likes
Statistics
Notes
  • Suxus Technology | Web Design In Tirunelveli | Tirupur | Trichy | Seo
    www.suxustechnology.com/‎
    Suxus Technology is a Tirunelveli based professional web development company providing Web Design In Tirunelveli,Tuticorin,Tirupur,Trichy,Seo.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • awesome
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • nice presentation
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • thanks...can i downloaded it?
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Wow, a really stunning presentation!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
36,167
On Slideshare
0
From Embeds
0
Number of Embeds
22
Actions
Shares
0
Downloads
0
Comments
24
Likes
221
Embeds 0
No embeds

No notes for slide

Web design: How to design and build great websites

  1. 1. Designing & building great websites www.designbystructure.com
  2. 2. Designing & building great websites www.designbystructure.com For people who want to produce outstanding websites but don’t know how
  3. 3. Its easy to get confusedabout designing andbuilding websites
  4. 4. People talk in riddles... CMS PHP Taxonomy Mashup MySQL .NET Ruby onXHMTL Web Rails 2.0
  5. 5. Not sure...which directionto take?
  6. 6. ...how long itwill take?
  7. 7. ...what theprocess is?
  8. 8. ...or what youmay need to do?
  9. 9. Ever felt abit like this?
  10. 10. Don’t worry
  11. 11. Here are a fewsteps you canfollow to makesure you getit right
  12. 12. Chapter 1 Planning makes perfect www.designbystructure.com
  13. 13. Think aboutwho will use thewebsite andtheir needs
  14. 14. I want to buythat product
  15. 15. I’ve just arrivedfrom Google-what do youdo, can youhelp me?
  16. 16. I just want yourphone number.I hope its easyto find
  17. 17. People choosedifferent waysto get to theirdestinationWebsite usersare the same
  18. 18. Produce a sitemap soyou know how contentwill be organised &how people will findwhat they need
  19. 19. Sketch out pages toshow where specificfunctions and contentwill go
  20. 20. Check what you’vecome up will work foryour audience
  21. 21. Chapter 2 Make it look great & Easy to use www.designbystructure.com
  22. 22. There are lots ofreasons websitesdisappoint theirusers
  23. 23. “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”
  24. 24. Mostly its becausethe wrong peoplewere hired todesign them
  25. 25. BEWAREdesign companieswho do software &software companieswho do design
  26. 26. When someoneengages with yourwebsite they areengaging withyour brand
  27. 27. Firstimpressionscount!
  28. 28. Your websiteshould deliver agreat experiencefor its users
  29. 29. Make sure peoplefeel like they arein the right place
  30. 30. Now you’ve gottheir attentionmake it easy tofind stuff
  31. 31. Make sure thevisual language &behaviour of yoursite is consistent
  32. 32. If you wanta customer todo somethingmake it Checkoutobvious
  33. 33. Great design = credibility Credibility = success
  34. 34. Chapter 3 Talk about it Managing a web project www.designbystructure.com
  35. 35. People you workwith probably havea strong opinionabout the websiteyou are building ****! ****!****! ****!
  36. 36. Some want you tostick a big buttonon the homepagepromoting whatthey do ME ME ME ME
  37. 37. You might be irritated,you should definitely beworried
  38. 38. Your website isin dangerDesign by committeedoes not work X
  39. 39. Take controlEngage people youwork with early inthe process
  40. 40. A bit of pain at thestart will save awhole world ofpain later on :-)
  41. 41. Chapter 4 Building your website Don’t re-invent the wheel www.designbystructure.com
  42. 42. Don’t be aguinea pig(unless you have verydeep pockets)
  43. 43. Don’t getseduced by“sexy”technology
  44. 44. Find some existing web software you can build on OpenProprietary SourceLicensed
  45. 45. Make sure it ticks theboxes for accessibilityand web best practice
  46. 46. Find somepeople like youthat use it
  47. 47. Have achat withthem
  48. 48. Check it meetsyour mainrequirements
  49. 49. Make sure youcan customiseit to do exactlywhat you want
  50. 50. Don’t overcomplicate itBreak the project up into smallbits. Launch something soonerrather than later
  51. 51. Make sure itworks beforelaunch!!
  52. 52. Don’t forgetThe journalist who’s reviewingyour site probably uses anice shiny Mac
  53. 53. Chapter 5 Get found in Google AKA Search Engine Optimisation (SEO) www.designbystructure.com
  54. 54. SEO has nothingto do with Wizardsor Black Magic
  55. 55. SEO has nothingto do with puttingloads of stuff onyour website
  56. 56. Relax. SEO is allabout commonsense
  57. 57. Ask questions.Research the terms peopleuse to search for the productsor services you have? “Settee” “Couch” “Sofa”
  58. 58. Put these termsin the right placeon your website
  59. 59. Make sure yoursite has relevantcontentClassic sofa /settee Upholstered Comfortablein black velvet couch / sofa Upholstered in red cloth
  60. 60. Because you chose SEOfriendly software, searchengines will be able tofind you
  61. 61. To get higher upthe rankings youneed votes
  62. 62. A hyperlink fromanother websiteto your site countsas a vote
  63. 63. High rankingstake time & effortBe patient. Checkrankings, tweak content.Build inward links.
  64. 64. 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:

×