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

1. Designing & building
great websites
www.designbystructure.com

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

3. Its easy to get confused
about designing and
building websites

4. People talk in riddles...
CMS
PHP
Taxonomy
Mashup
MySQL
.NET
Ruby on
XHMTL Web Rails
2.0

5. Not sure...
which direction
to take?

6. ...how long it
will take?

7. ...what the
process is?

8. ...or what you
may need to do?

9. Ever felt a
bit like this?

10. Don’t worry

11. Here are a few
steps you can
follow to make
sure you get
it right

12. Chapter 1
Planning
makes
perfect
www.designbystructure.com

13. Think about
who will use the
website and
their needs

14. I want to buy
that product

15. I’ve just arrived
from Google-
what do you
do, can you
help me?

16. I just want your
phone number.
I hope its easy
to find

17. People choose
different ways
to get to their
destination
Website users
are the same

18. Produce a sitemap so
you know how content
will be organised &
how people will find
what they need

19. Sketch out pages to
show where specific
functions and content
will go

20. Check what you’ve
come up will work for
your audience

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

22. There are lots of
reasons websites
disappoint their
users

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 never
find what i'm “its really
looking for” hard to
navigate”

24. Mostly its because
the wrong people
were hired to
design them

25. BEWARE
design companies
who do software &
software companies
who do design

26. When someone
engages with your
website they are
engaging with
your brand

27. First
impressions
count!

28. Your website
should deliver a
great experience
for its users

29. Make sure people
feel like they are
in the right place

30. Now you’ve got
their attention
make it easy to
find stuff

31. Make sure the
visual language &
behaviour of your
site is consistent

32. If you want
a customer to
do something
make it Checkout
obvious

33. Great design = credibility
Credibility = success

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

35. People you work
with probably have
a strong opinion
about the website
you are building
****!
****!
****! ****!

36. Some want you to
stick a big button
on the homepage
promoting what
they do
ME
ME
ME ME

37. You might be irritated,
you should definitely be
worried

38. Your website is
in danger
Design by committee
does not work
X

39. Take control
Engage people you
work with early in
the process

40. A bit of pain at the
start will save a
whole world of
pain later on :-)

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

42. Don’t be a
guinea pig
(unless you have very
deep pockets)

43. Don’t get
seduced by
“sexy”
technology

44. Find some existing
web software you
can build on
Open
Proprietary Source
Licensed

45. Make sure it ticks the
boxes for accessibility
and web best practice

46. Find some
people like you
that use it

47. Have a
chat with
them

48. Check it meets
your main
requirements

49. Make sure you
can customise
it to do exactly
what you want

50. Don’t over
complicate it
Break the project up into small
bits. Launch something sooner
rather than later

51. Make sure it
works before
launch!!

52. Don’t forget
The journalist who’s reviewing
your site probably uses a
nice shiny Mac

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

54. SEO has nothing
to do with Wizards
or Black Magic

55. SEO has nothing
to do with putting
loads of stuff on
your website

56. Relax. SEO is all
about common
sense

57. Ask questions.
Research the terms people
use to search for the products
or services you have?
“Settee” “Couch”
“Sofa”

58. Put these terms
in the right place
on your website

59. Make sure your
site has relevant
content
Classic sofa /
settee Upholstered Comfortable
in black velvet couch / sofa
Upholstered
in red cloth

60. Because you chose SEO
friendly software, search
engines will be able to
find you

61. To get higher up
the rankings you
need votes

62. A hyperlink from
another website
to your site counts
as a vote

63. High rankings
take time & effort
Be patient. Check
rankings, tweak content.
Build inward links.

64. If you want to talk to someone
that speaks your language
get 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: