Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
  1. Web Design
  2. Workflow

Weekend Inspiration: Time-Lapse Web Design

Read Time:1 minLanguages:

Recently, I designed and coded a website, recording my screen whilst I did so. The following two videos cover the entire process, but to save you sitting through 10 hours of footage I've condensed the whole lot into a 17 minute film. I hope you find it entertaining and, above all, inspiring!

Client: ExtremMT2
Total time elapsed: ~10 hours
Project on: DeviantART
Software: Adobe Photoshop CS3, Adobe Dreamweaver CS5
Additional tools: ConvertICO for converting PNG to ICO, Web developer toolbar for Firefox

Part 1: Designing

Software: Adobe Photoshop CS3
Time elapsed: ~4 hours
Video speed: 28x
Soundtrack: Phainomenon by Manual

Part 2: Coding

Software: Adobe Dreamweaver CS5
Time elapsed: ~6 hours
Video speed: 55x
Languages / tools: XHTML, CSS, JavaScript, jQuery
Soundtrack: Pulsations by Manual

Final Result

Editor's Note: I for one never tire of seeing time-lapse work processes. If this is something you do (or want to have a crack at) and fancy having it featured on the site, then let me know!
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.