design and development workflow

We’re developing a set of websites, complex ones with a lot in common, and the company have decided to use WP as a base CMS.

As in every site, there is a design process, followed by HTML, then development/CMS integration. However, I’m wondering how would that work with WP?

Do companies design all templates, then HTML, and then theme and CMS development, or do they finish the CMS development (which in this case a layer of custom plugins extending WP), then create individual themes that works on it?

As time is crucial and many people are involved -which raises the cost- , I would want to raise efficiency of the team and make design and dev teams work in parallel.

Any idea of what the sequence should be are appreciated.

By the way, we have common features amongst the sites and then we have site-specific features, which you can think of as theme specific features

4 s
4

If you are comfortable with a source control system such as git – one approach I have used successfully is to create a ‘lowest common denominator’ theme with all the standard functionality shared between the sites and nondescript styling (black and white, standard reset and typography styles etc).

Then to do a new site, branch off from the master branch and do the site-specific CSS etc to create the design for the individual site (plus extra template / PHP code if necessary to add functionality). If you have a solid master theme you should it will be a lot less work to build a new site than if you had to start from scratch. Also if the designers are creating PSDs a good front-end coder should be able to code the design from the PSD on top of your master theme fairly easily.

Also, if you discover something like a security bug or something breaks in a new version of WordPress you can make the changes in the master and cherry-pick the changes into individual deployed sites.

Of course this is only one way to do it and if your sites are very different you might want to start new themes from scratch… Hope this helps.

Leave a Comment