Earlier this year Transmogrify redesigned and rebuilt our site to reflect the changes we’ve made and the work we’ve done since our first site launched in 2006. This new version of the site is built on a WordPress backend so that everyone on the team can update and edit the content. I also wanted to carry our brand over to other devices to highlight the areas into which we as a company have been moving, so I’ve used CSS media queries to build a responsive design that resizes based on device resolution.
Transmogrify home page.
A gallery of our work.
An example of a project detail page and photo lightbox.
I used CSS media queries to create an iPhone friendly version of our site. If you’d like to view it, just visit www.xmog.com on your iPhone/iPod Touch.
As part of the redesign process, I thought it important to highlight the individuals that work at Transmogrify by providing an outlet for each of us to post new ideas, things we’ve discovered, and things we like. I carried the look and feel of the main site over to the blog, which was built using WordPress, and incorporated our individual personalities by including drawings of us.
An example of a blog entry page.