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”>

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 →

Author: (589 Posts)

Paul Andrew is the editor and founder of Speckyboy Design Magazine.

Comments