It’s important to set up a workflow for any job that requires repetitive tasks in order to get things done faster, in a more efficient way. As a web designer and developer, I thought I’d share my current workflow to help you, and others in the same field to share what works for me, and what doesn’t. I’ve listed Programs I use:

Photoshop

Photoshop is my go-to tool for designing user interfaces, websites and manipulating images. Like many others, I prefer to design before writing any code. I find it easier to generate ideas, experiment with layouts and find matching colour schemes.

Illustrator

Illustrator is great for vector based illustration. I mainly use it for logo designs, though I don’t use too often.

Brackets

A free, open source code editor by Adobe, written in HTML and JavaScript. Simple and lightweight, but very extensible

Github

Version control using git

Filezilla

A free, open source FTP client. It’s reliable and is updated regularly.

MAMP

I use MAMP for developing WordPress sites locally.

iOS Simulator

The iOS simulator is a must have for developers on OSX. Now that I made the switch to Android, it’s good to know that I can test directly on my Mac

Here’s how I structure my folders:

What do you think of my workflow? Leave your suggestions in the comments below!