SlideShare a Scribd company logo
45 rules of web 
development 
for PR people 
(AKA how not to annoy and 
destroy your developers, 
alienate designers and look 
stupid in front of clients).
Don’t assume anything.
Know your DNS from your IP address (there 
are some terms you just gotta know)
Know the basic first questions to ask. The same 
each time. First is always why? Then audience, 
hosting, access, tech, deadlines, budget…
Learn how to write a brief. And fast. Your career 
depends on how well you can brief people.
Start with the user. Always. You don’t 
personally need to be an expert in UX but you 
always start there.
Few digital projects are the same. Designers 
and developers are sometimes as new to this 
as you are.
Adapt the planning process to fit the 
individual campaign. Figure out early what is 
going to be less painful and more productive.
Plan around the deliverables but don’t 
forget basics like holidays, meetings, 
courses, client events…
A solid project plan is important but don’t 
assume everything will go as planned. It 
won’t. Ever.
Be clear when it needs to go live. Then 
be clear when it REALLY needs to go 
live
Think about metrics before you start and 
when you’re building, not afterwards.
Check your team capacity at every stage 
of the process. Have back-ups.
A wireframe is a site framework, not an 
accurate technical drawing or design.
With responsive design and parallax/scrolling 
sites, there is no longer a “fold” to be below.
Understand colours and fonts and how 
they work on the web vs. in print.
Think about measurement across all channels.
Edits cost money, build in sufficient rounds or 
your margin will walk out of the door before 
your designs are signed off.
IE8 and below are closer to an etch-a-sketch 
than a browser.
Always view mockups at full size.
Build in double the time you think you’ll 
need for edits and approvals.
Assume content will be late and factor in 
appropriately.
Inches and centimetres have no place or 
meaning on screen (e.g. don’t ask to 'nudge a 
logo up a few mm’)
Always be aware of responsive viewing 
on different devices.
Know what your team’s capabilities are – 
assign clear ownership, especially when 
multiple agencies involved.
Get it in writing – no backtracking allowed!
Forget traditional typesetting (at least in 
terms of body content).
• Know your devices and their limitations 
• Know your browsers and their limitations 
• Know your audience and their limitations
Your PR client probably hasn't got overall 
sign off without input from brand, legal, IT 
etc. Check this at the outset.
If it comes back without changes, the 
right person hasn’t seen it yet.
Good developers are very hard to find. 
Handle with care in the main, kick ass only if 
occasionally necessary.
Designers and developers don't work 24/7. 
Unless your support contract specifies it.
Know when to push back on your client and 
when to push back on your developers. Use 
both wisely and don’t confuse the two.
It's perfectly fine to say "no" or “not in 
time for launch” if there genuinely isn’t 
the time to do something well.
When timelines slip or launch 
approaches, build a 'real world' list rather 
than a 'wish list' and prioritise accordingly
Things can, do and always will go wrong; 
have alternative suppliers in case you 
need them for support.
No matter how much you test, there will 
always be someone somewhere who 
can’t get the thing to work.
DNS propagation can take up to and 
even beyond 48hours. Not everything 
online is immediate.
Video and animation takes forever to 
render and upload. Changes cost money 
and take time, it’s not Microsoft Word.
If timescales slip on the client side, 
suggest launching in phases.
Remember that your devs and designers do 
have lives of their own….
Check and double check the SEO plans 
and agreements for the project, if any.
Invest as much time/money/thought/effort 
into promoting it as you do building it.
Learn each time. And keep learning. And 
learn from your mistakes.
Beware of knowing a bit and becoming an 
expert. You’re not. You’re learning.
When it is a web build, it is never 
final. Ever.
what’s 
NEXT 
This was crowdsourced from our design and dev teams 
by Becky McMichael, Ruder Finn 
bmcmichael@ruderfinn.co.uk 
@beckymcmichael 
+44 (0) 7788 421165 
*images taken from Flickr and used under CC

More Related Content

PPTX
Technology Ideas That Work For Cdf’S
PPTX
Graphics presentation sports
PDF
Agile UX: Embrace or Tolerate
PPT
Freelance Workshop Lecture 3
ODP
Less look, more feel
PPTX
From Engineering to Product Management
PDF
How to Prepare for Your Next 3D Project - Blank Canvas Visuals
PPT
What every developer can learn from startups
Technology Ideas That Work For Cdf’S
Graphics presentation sports
Agile UX: Embrace or Tolerate
Freelance Workshop Lecture 3
Less look, more feel
From Engineering to Product Management
How to Prepare for Your Next 3D Project - Blank Canvas Visuals
What every developer can learn from startups

What's hot (17)

PPTX
How to Make a Better Presentation?
PDF
Remote business as usual
PDF
Web Design with Edge Reflow HTML5DevConf
PPT
Software Project Estimation Survival Guide
PPTX
MVP Design Hacks: Sprint 7
PPTX
Building Startups and Minimum Viable Products (NDC2013)
PDF
PMI region globale - intro lean startup
PPT
Mind Mapping Ideation Final
DOCX
Job I Would Like To Do
PDF
How to frame a business challenge for innovation teams
DOCX
How to choose the right web designer
PDF
L'illusione dell'ortogonalità
PPTX
Creating your development process
PDF
Agile Nightmares
PDF
UX Beers - A Story about product management at uman.ai - Jasper Verplanken
PPTX
Must-Haves for Aspiring Virtual Office Workers
PDF
From Junior to UX Lead; Some things I’ve learned along the way. Sam Hooper, ...
How to Make a Better Presentation?
Remote business as usual
Web Design with Edge Reflow HTML5DevConf
Software Project Estimation Survival Guide
MVP Design Hacks: Sprint 7
Building Startups and Minimum Viable Products (NDC2013)
PMI region globale - intro lean startup
Mind Mapping Ideation Final
Job I Would Like To Do
How to frame a business challenge for innovation teams
How to choose the right web designer
L'illusione dell'ortogonalità
Creating your development process
Agile Nightmares
UX Beers - A Story about product management at uman.ai - Jasper Verplanken
Must-Haves for Aspiring Virtual Office Workers
From Junior to UX Lead; Some things I’ve learned along the way. Sam Hooper, ...
Ad

Viewers also liked (6)

PDF
Technology for Marketers: Are you Engaging Effectively?
PDF
Video campaign tips
PPTX
Digital health campaigns - award winning secrets
PDF
2011 Ford Escape; Waldorf, MD
PPTX
1104 digital marketing group
PPTX
Technology for Marketers: Are you Engaging Effectively?
Technology for Marketers: Are you Engaging Effectively?
Video campaign tips
Digital health campaigns - award winning secrets
2011 Ford Escape; Waldorf, MD
1104 digital marketing group
Technology for Marketers: Are you Engaging Effectively?
Ad

Similar to Web design rules for PR (20)

PDF
Webinar - How to Define a Realistic Website Project Timeline
PPTX
Netroots presentation website redesign
PPT
Pm For Fun And Profit
PPT
Project Management for Fun and Profit
PPT
Session slides
PPT
Session slides
PPT
Session slides
KEY
ACES Survive Redesign 2012
PPTX
WordCamp Asheville - How to find and hire a WordPress designer and developer
DOCX
creative web developer.docx
PPT
Playing By The Rules Wiliam
PPT
Tips for running a successful web studio
PPTX
How To Succeed In Web Design
PPTX
A Beginner's Guide to Redesigning Your Firm's Website
PPT
Project Management for Freelancers
PPT
Lecture 9 Professional Practices
PDF
Creating UI Marketers Won't F*Up
PDF
Web Design Process - Tips & Guidelines
PDF
Help Me Help You: Practical Tips for Designers from A WordPress Developer
PPTX
How to Sail Trhough the Bermuda Triangle of Web Designer's Hell
Webinar - How to Define a Realistic Website Project Timeline
Netroots presentation website redesign
Pm For Fun And Profit
Project Management for Fun and Profit
Session slides
Session slides
Session slides
ACES Survive Redesign 2012
WordCamp Asheville - How to find and hire a WordPress designer and developer
creative web developer.docx
Playing By The Rules Wiliam
Tips for running a successful web studio
How To Succeed In Web Design
A Beginner's Guide to Redesigning Your Firm's Website
Project Management for Freelancers
Lecture 9 Professional Practices
Creating UI Marketers Won't F*Up
Web Design Process - Tips & Guidelines
Help Me Help You: Practical Tips for Designers from A WordPress Developer
How to Sail Trhough the Bermuda Triangle of Web Designer's Hell

Recently uploaded (20)

PDF
exceptionalinsights.group visitor traffic statistics 08-08-25
PDF
Instagram Marketing Agency by IIS INDIA.pdf
PPTX
Ipsos+Protocols+Playbook+V1.2+(DEC2024)+final+IntClientUseOnly.pptx
PDF
Digital Marketing - clear pictire of marketing
PDF
Mastering Content Strategy in 2025 ss.pdf
PPTX
Kimberly Crossland Storytelling Marketing Class 5stars.pptx
PPTX
Your score increases as you pick a category, fill out a long description and ...
PPTX
Captain Morgan x FOS_Revised_8.8.25.pptx
PDF
UNIT 1 -3 Factors Influencing RURAL CONSUMER BEHAVIOUR.pdf
PDF
Coleção Nature .
PPT
Market research before Marketing Research .PPT
PPTX
Best Digital marketing service provider in Chandigarh.pptx
PDF
E_Book_Customer_Relation_Management_0.pdf
PDF
5 free to use google tools to understand your customers online behavior in 20...
PPTX
Sumit Saxena IIM J Project Market segmentation.pptx
PPTX
Presentation - MindfulHeal Digital Ayurveda GTM & Marketing Plan.pptx
PPTX
Presentation - GreenPantry – Instagram-First Home Kitchen Brand.pptx
PDF
UNIT 2 - 2 AGRICULTURE MARKETING in INDIA.pdf
PPTX
Mastering eCommerce SEO: Strategies to Boost Traffic and Maximize Conversions
PDF
How a Travel Company Can Implement Content Marketing
exceptionalinsights.group visitor traffic statistics 08-08-25
Instagram Marketing Agency by IIS INDIA.pdf
Ipsos+Protocols+Playbook+V1.2+(DEC2024)+final+IntClientUseOnly.pptx
Digital Marketing - clear pictire of marketing
Mastering Content Strategy in 2025 ss.pdf
Kimberly Crossland Storytelling Marketing Class 5stars.pptx
Your score increases as you pick a category, fill out a long description and ...
Captain Morgan x FOS_Revised_8.8.25.pptx
UNIT 1 -3 Factors Influencing RURAL CONSUMER BEHAVIOUR.pdf
Coleção Nature .
Market research before Marketing Research .PPT
Best Digital marketing service provider in Chandigarh.pptx
E_Book_Customer_Relation_Management_0.pdf
5 free to use google tools to understand your customers online behavior in 20...
Sumit Saxena IIM J Project Market segmentation.pptx
Presentation - MindfulHeal Digital Ayurveda GTM & Marketing Plan.pptx
Presentation - GreenPantry – Instagram-First Home Kitchen Brand.pptx
UNIT 2 - 2 AGRICULTURE MARKETING in INDIA.pdf
Mastering eCommerce SEO: Strategies to Boost Traffic and Maximize Conversions
How a Travel Company Can Implement Content Marketing

Web design rules for PR

  • 1. 45 rules of web development for PR people (AKA how not to annoy and destroy your developers, alienate designers and look stupid in front of clients).
  • 3. Know your DNS from your IP address (there are some terms you just gotta know)
  • 4. Know the basic first questions to ask. The same each time. First is always why? Then audience, hosting, access, tech, deadlines, budget…
  • 5. Learn how to write a brief. And fast. Your career depends on how well you can brief people.
  • 6. Start with the user. Always. You don’t personally need to be an expert in UX but you always start there.
  • 7. Few digital projects are the same. Designers and developers are sometimes as new to this as you are.
  • 8. Adapt the planning process to fit the individual campaign. Figure out early what is going to be less painful and more productive.
  • 9. Plan around the deliverables but don’t forget basics like holidays, meetings, courses, client events…
  • 10. A solid project plan is important but don’t assume everything will go as planned. It won’t. Ever.
  • 11. Be clear when it needs to go live. Then be clear when it REALLY needs to go live
  • 12. Think about metrics before you start and when you’re building, not afterwards.
  • 13. Check your team capacity at every stage of the process. Have back-ups.
  • 14. A wireframe is a site framework, not an accurate technical drawing or design.
  • 15. With responsive design and parallax/scrolling sites, there is no longer a “fold” to be below.
  • 16. Understand colours and fonts and how they work on the web vs. in print.
  • 17. Think about measurement across all channels.
  • 18. Edits cost money, build in sufficient rounds or your margin will walk out of the door before your designs are signed off.
  • 19. IE8 and below are closer to an etch-a-sketch than a browser.
  • 20. Always view mockups at full size.
  • 21. Build in double the time you think you’ll need for edits and approvals.
  • 22. Assume content will be late and factor in appropriately.
  • 23. Inches and centimetres have no place or meaning on screen (e.g. don’t ask to 'nudge a logo up a few mm’)
  • 24. Always be aware of responsive viewing on different devices.
  • 25. Know what your team’s capabilities are – assign clear ownership, especially when multiple agencies involved.
  • 26. Get it in writing – no backtracking allowed!
  • 27. Forget traditional typesetting (at least in terms of body content).
  • 28. • Know your devices and their limitations • Know your browsers and their limitations • Know your audience and their limitations
  • 29. Your PR client probably hasn't got overall sign off without input from brand, legal, IT etc. Check this at the outset.
  • 30. If it comes back without changes, the right person hasn’t seen it yet.
  • 31. Good developers are very hard to find. Handle with care in the main, kick ass only if occasionally necessary.
  • 32. Designers and developers don't work 24/7. Unless your support contract specifies it.
  • 33. Know when to push back on your client and when to push back on your developers. Use both wisely and don’t confuse the two.
  • 34. It's perfectly fine to say "no" or “not in time for launch” if there genuinely isn’t the time to do something well.
  • 35. When timelines slip or launch approaches, build a 'real world' list rather than a 'wish list' and prioritise accordingly
  • 36. Things can, do and always will go wrong; have alternative suppliers in case you need them for support.
  • 37. No matter how much you test, there will always be someone somewhere who can’t get the thing to work.
  • 38. DNS propagation can take up to and even beyond 48hours. Not everything online is immediate.
  • 39. Video and animation takes forever to render and upload. Changes cost money and take time, it’s not Microsoft Word.
  • 40. If timescales slip on the client side, suggest launching in phases.
  • 41. Remember that your devs and designers do have lives of their own….
  • 42. Check and double check the SEO plans and agreements for the project, if any.
  • 43. Invest as much time/money/thought/effort into promoting it as you do building it.
  • 44. Learn each time. And keep learning. And learn from your mistakes.
  • 45. Beware of knowing a bit and becoming an expert. You’re not. You’re learning.
  • 46. When it is a web build, it is never final. Ever.
  • 47. what’s NEXT This was crowdsourced from our design and dev teams by Becky McMichael, Ruder Finn bmcmichael@ruderfinn.co.uk @beckymcmichael +44 (0) 7788 421165 *images taken from Flickr and used under CC

Editor's Notes

  • #46: Image: courtesy of Kevin Hillstrom: http://blog.minethatdata.com/2012/06/knows-just-enough-to-be-dangerous.html