Google Docs Templates for Web Designers and Developers

If I am honest, I don’t really know how popular Google Docs is within the freelance community, but I have found that I have been using it a lot more recently. To the extent that I seem to have more documents stored online that I do on my hard drive and its one of the first places I go to when I start work in the morning. I don’t use it solely for drafts of posts and articles, but I also use it to manage my spreadsheets, create invoices, I even use it store code snippets, blog post templates and everything else in-between.

Whereas Open Office and Microsoft Office are fantastic and powerful productivity suite options for any time type of business, I find they are a little bit too much for what I need. I like simplicity and speed, perhaps that is why I rely on Google Docs as much. With recent advances to its spreadsheets feature, its improved document editing and formatting, it useful collaboration features and with the recent addition of Drawings (a collaborative drawing app), perhaps Google Docs would be better suited to your needs as well.

In this article you will find a selection of Google Docs templates, freely available from the Google Docs Directory, aimed at designers and developers. You will find some really cool Drawings templates for wireframing and mockups, general spreadsheets templates, basic invoice and estimate templates, business planning documents, design brief docs and even an infographic toolbox. I hope you find them useful.

Wireframe kit

Wireframe kit - Google Docs
View & download this template →

Wireframe – Front Page

Wireframe - Front Page
This wireframe template is of a typical website landing page. It includes all of the stencils you will need, like scrollbars, checkboxes and notes.
View & download this template →

Wireframe: Product details

Wireframe: Product details
This template has been designed for wireframing product details on an e-commerce site. It also includes stencils, like scrollbars, checkboxes and notes.
Wireframe: Product details”>
You may also like: View & download this template →

Blue Wireframe

Blue Wireframe with Basic Browser
This is a clean wireframe template for designing websites with a basic browser stencil. Includes stencils like scrollbars, checkboxes and notes.
View & download this template →

Mobile Phone Drill-Down Wireframe

Mobile Phone Drill-Down Wireframe
Mobile Phone Drill-Down Wireframe
A wireframe template for the characteristic iPhone-Like drill-down menu and details display. Includes stencils like scrollbars, checkboxes and notes.View & download this template →

Android Phones – G1 and Nexus1 Stencils

Android Phones - G1 and Nexus1 Stencils
These Gdoc drawings are not meant to be perfectly to scale, just drawn by eye. You can use these phone objects as the background for messages or for mobile phone design mockups.
View & download this template →

Mobile iPhone Stencil

Mobile iPhone Stencil
A wireframe template for iPhone (touch) applications or websites. Includes stencils like scrollbars, checkboxes and notes.
View & download this template →

Palm Pre Stencil

Palm Pre Stencil
WebOS Mojo UI widget stencils for Palm Pre (and Pre Plus) mobile device.
View & download this template →

Flow Chart Template

Flow Chart Template
this is a programming flow chart symbols template. It can be used for any process description or documentation.
View & download this template →

Flowchart Stencil

Flowchart Stencil
This template reduces the amount of time to create great flowcharts by giving your the flowchart objects right next to the canvas. Simply copy and paste as many copies and ungroup to modify the labels.
View & download this template →

Infographics Toolbox

Infographics Toolbox
This infographic toolbox allows you to illustrate your data with your own custom graphs, charts, maps and more.
View & download this template →

Website Project Planning Template

Website Project Planning Template
This is a simple project planning and costing tool for website development
View & download this template →

Initial Consultation Template

Initial Consultation Template
This is a professional and detailed website development form for the initial client consultation.
View & download this template →

Web Design Estimate Form

Web Design Estimate Form
This is a very basic and unstyled web project estimate form.
View & download this template →

Business Plan Template

Business Plan Template
This professional and very detailed business plan template would be ideal for any web or graphic design studio.
View & download this template →

Web Design Brief Template

Web Design Brief Template
View & download this template →

Google Docs Quick Tutorials

How to Create a Newsletter With Google Docs →
Make an Invoice in Google Docs →

You might also like…

5 Free to Use Freelance Design Contract Templates »
Useful Web Design Proposal Resources, Tools and Apps »
HTML Email Newsletter Toolbox – Tutorials, Templates and Inspiration »
12 Useful and Free Downloadable Web Design Books »
50 Useful Tools and Generators for Easy CSS Development »
50 Essential Web Typography Tutorials, Tips, Guides and Best Practices »
The Blueprint CSS Framework – Tutorials, How-to Guides and Tools »
20+ Resources and Tutorials for Creative Forms using CSS »

Author: (566 Posts)

Paul Andrew is the editor and founder of Speckyboy Design Magazine. You can follow Speckyboy on Twitter, on Facebook, on Digg or you can subscribe via RSS.

  • Pingback: گالان هاست | Galan Host » Google Docs Templates for Web Designers and Developers

  • Pingback: Niki The Creator

  • Pingback: EastZoneSoupCube - links for 2010-08-20

  • http://www.coolwebdesigns.ca Nelson Pacheco

    This is awesome! Thank you

  • http://www.thebrisbaneline.com Web design portfolio

    this is a great compilation of assets for any designer. thanks heaps!

  • http://www.thecomplexmedia.com theComplex

    Awesome post! These docs will definitely come in handy!

  • Pingback: Think2010: Using Data to Better Connect with Your Customers | SK Solutions

  • http://www.veesolutions.com/ Website Consulting

    Wow! These Google Doc templates are amazing!!

  • Pingback: Doliaku! :::: » links for 2010-08-21

  • http://hanshamid.web.id Hans Hamid

    Great resource! Thank you!

  • Pingback: links for 2010-08-21 » 4exp.net

  • http://www.hamidoffice.com Heam

    hey, thx for sharing …

  • http://mursid.web.id mursid

    bookmark this..
    great share..

  • http://www.matttrostle.com Matt Trostle

    Thanks a lot for these!

    Yes, I too am a Google Docs convert. I have everything on there these days. I also sell the idea to clients as well because of the ability to share so easily and you always have your docs with you no matter where you are or what machine you’re working on.

  • http://www.stevegrever.com Steve G

    Excellent resource for any designer. I’ll be using these templates frequently!

  • Pinaki Kathiari

    This is fantastic! I agree with you regarding Microsoft collaborative authoring. Too much too complicated. I also looked at Facebook’s attempt and it’s actually not asynchronous. Apple’s iWork.com is in infantile state. Google is prime to take over the office suite of products. Freelancers and small businesses are prime targets to switch over. With these templates, I’m tempted to work our next IA on google docs.

    Thanks again!

  • http://lynnschaferdesigns.com Lynn

    Wow! Thank you so much for sharing this awesome info with us! Have a great day!

  • Zen cart Australia

    Fantastic list. Will be very useful to review our current standard docs for zen cart sites in light of this list. Thanks!

  • Pingback: Keynote with Kyle Ford – HighEdWeb 2008 Conference | SK Solutions

  • Olivier

    Great compilation. As far as I know, this is a “best of”. Many thanks

  • http://www.uxd.dk Henning Nielsen

    Looks like I better start using Google Docs and store documents online – thanks for opening my eyes on this :)

  • http://www.admixweb.com Teylor Feliz

    very useful!!

    Thanks a lot!

  • http://www.littleboxofideas.com Sneh Roy

    Brilliant stuff! Thanks for sharing :)

  • http://www.itsphil.com Phil Zeelte

    Thanks for these theyre great. My first day using Google Docs today, and these are just what i needed.

  • Paul Uhl

    I’m curious to know what others are using to prototype interactive concepts for the iPhone/iPad other than Google docs and the SDK’s?

  • http://www.brunettestudio.com Kimberly Deuster

    This is awesome! I have been looking for something like these templates and to no avail!

  • http://www.twitter.com/jasonwalz Jason Walz

    Great share.

    Although it’s free on there site the 960 grid system is also on google docs which I’ve shared through this link.

    http://is.gd/eGU4m

  • http://www.smartdogdigital.com Illiya Vjestica

    Such a fantastic resource, thank you for putting this together. It is really useful.

  • http://www.ksd-designs.com Kristen

    Great share, thank you! With Google docs, can you add your own links and html? Or can you just edit the text and images?

  • http://www.madruk.us MadRukus

    Awesome compilation of docs, recently started using this and seems to be a ton of very useful docs here in the template gallery.

    Thanks!

  • Pingback: What the Future of Cloud Computing means for Web Designers | Prabaharan CS Blog

  • Pingback: What the Future of Cloud Computing means for Web Designers « infomisa.net

  • skeptika

    wow! Thanks a lot.

  • http://mab397.wordpress.com Mandi

    Thanks so much for taking the time to share these, they’re awesome!

  • http://www.facebook.com/people/Chris-Peters/100002744053081 Chris Peters

    This is awesome! Very beautiful.  Keep up the good work!
    Chris
    http://www.nirvaha.com/invoice-template.html

  • Lazergir1

    This is the mother load of all things I need!!
    Thank you for amassing this holy grail!

  • Ian Roberts

    Wow, you really hit the nose on what is needed to operate from google docs as a freelance developer! Many thanks and you work is amazing!  I’m just so excited I found your post regarding these templates. MANY MANY MANY Thanks!

  • Alex Smith

    Thank you so much. These will go a long way.

  • Duncan

    Thank you thank you thank you

  • http://www.facebook.com/tymeles Ross Andre

    hey the links are dead any chance of uploading?

  • http://profile.yahoo.com/7VF5BTBJ6ZZQ56FDHTWEAIQRPI Emin Thaqi

    This is very useful. Thanks a lot for posting it, and thanks a lot to the template authors for sharing them.