agile web design

I felt inspired after listening to Chris Ford (design rockstar), speak about Agile Web Design, a move away from “psd to WordPress conversions,” to a more iterative process. She suggests the following web design tools:


agile web design typecast fonts

agile web design typecast compare

Preview type in the browser. Choose type from Typekit,, FontDeck, Google and Webtype.

Style Tiles

agile web design style tile template




The intersection of mood boards and mock-ups. Provides client with visual web design style sheets.


agile web design balsamiq mockup

agile web design balsamiq mobile

Mock-up, rapid wireframing tool. Drag and drop website components to create wireframe prototypes in minutes.


agile web design webflow

button design with generated code

Create responsive web designs without writing code. Webflow writes the HTML and CSS code for you. Works just like Photoshop, but includes drag and drop features.


agile web design css hat

Photoshop extension that turns Photoshop layer styles into CSS3, instantly.

Get Fly Wheel

agile web design flywheel

WordPress hosting for designers. Manage multiple sites with a single login. Allows you to test and preview sites before going live. Security and backups provided. Once a site is complete, send your client a link to enter their payment info, which activates their site.

These tools aid in speeding up the web design process and enable quick iterations. Consider them for your web design projects.


Desktop Server – Testing server on your desktop. Alternative to WAMP and MAMP. Free and Fee’d versions.
Imsanity – Auto resize images in WordPress
Cropp Me – Auto crop images
Dragdis – Browser plugin. Drag and drop websites, photos, and text into bookmarks.
Multicolored Font – Used on banner

Tagged with →  
Share →