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:

Typecast

agile web design typecast fonts

agile web design typecast compare

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


Style Tiles

agile web design style tile template

styletile1

styletype2

styletile3

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


Balsamiq

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.


Webflow

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.


CSS Hat

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.

Related

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 →
Buffer