blog.

For years, Photoshop has been the main tool for creating high-fidelity web design visual layouts. Photoshop has a variety of tools that are superb for a single-page treatment, but for large corporate sites with a large amount of common elements, templates and global styles, and the need for prototyping, Fireworks has some stunning features that not only make the process faster and easier, but also integrate more with the entire process.

Common Elements
If you are using an element, such as a panel, more than once in a layout, you can save it as a symbol in a library, and use it as many times as you like. Need to change the panel, you only have to change it once, and the change is appended throughout all instances of the design. Just like Flash.

Rapid Prototyping
You can assign actions and linkages between all pages and symbols in Fireworks, at whatever level (sketch, wireframe) and create a working prototype of just about any object in a website, link the whole thing together and export as a dynamic PDF, HTML/CSS or a multiple of other options including Adobe® AIR™, Adobe have a great tutorial video on this

Fireworks export panel has a ton of export options including exporting as HTML/CSS for a quick site prototype.

Compression
Fireworks can export stuff tighter and smaller in file size. Web Designer Wall have a great article on Fireworks vs Photoshop Compression

Another Concep job, this time for Royal London Asset Management.

Using a 12 column 960 grid, I found a way to use the global top navigation buttons to replicate the stripes used in the branding, and using abstract imagery of London, along with a strong colour theory.

Click here for the biggy one

Working for Concep Evolution, on the design for the Unipart Logistics site, wanted to post a layout, am really pleased with this.

See a bigger version here

Is a lot more contemporary, and a real step forward for a company with difficult legacy branding.

Concep are a digital agency with a strong marketing background.