A guide to preparing design mockups for development

A guide to preparing design mockups for development.

What is it?

This is a guide that recommends and outlines different ways to prepare visual designs for handoff to dev.
It’s a general overview of our process here at Studio Function, with an assortment of recommendations for design delivery methods to suit any client and budget.

Who is this guide for?

Visual designers working independently of developers who want to better prepare a design for dev (beyond sending a PSD).
Web developers who want to receive more usable design assets from their designers.
Clients who want to better understand the production design phase to improve the way their design and dev teams collaborate.

Frank Maidens

Frank Maidens, Studio Function, visual design, communication design, identity, branding, responsive web, website design, design studio, Toronto

Vivian Hui

Vivian Hui is a founding partner of Function – visit studiofunction.com to see more recent work (71% of work completed sans pants).