Today we launched the even newer & improved freshtilledsoil.com 2012 site.
We weren’t quite ready to close the book on our one page freshtilledsoil.com design– but it just wasn’t cutting it anymore. Our solution: tweak the architecture and content in several sections and keep the rest intact. The redesign smoothly integrates more content to accommodate our needs, and adds a little something that improves the user experience.
Why we needed a redesign:
- Offered limited, one dimensional space to showcase design work
- No room for new team members
- Process model was outdated for our current methods
The new site consciously resolves these issues, and spruces things up a bit too.
We sent out a newsletter in Jan 2012 called “State of the Soil;” here the ‘staches were born. Everyone was so enchanted by the mustache rollovers on our faces that that we knew we had to take them with us to the fts site. It was that simple. From a more practical perspective, the new team layout allows room to easily add in new employees, which is clutch since we seem to be hiring more people every few months.
My big gripe with the old portfolio area was that it only allowed for one image of each project. We’ve got so many projects with multiple layers and mediums that one image is ridiculous. It gave the false impression that all we do at fresh tilled soil are one page sites—quite the contrary.
The new portfolio area allows us to show multiple images within each project, which lets us present a much more complete picture of the work that we do with each client.
Now we can show a mobile view…
…a public website design…
…or a detail page of an internal app.
The Case Study page (below) lets us spotlight our clients better—we’ve added info about relevant awards or achievements, along with a piece of media (when available) that lets visitors better get to know the client and/or the product. I think that this will give site visitors a real feel for who we work with, and the kind of projects we do.
We added two more process graphics to illustrate the 3 different project approaches that we follow. Again this provides more information about our style and offerings—
a standard model (below)
a target first model (below)
and a mobile first model.
The entire site is responsive which means it automatically adjusts to fit any given browser size. The interface also readily lends itself to use on a mobile device, like an iPad—like big navigation CTAS. Scrolling and swipe-ins let you view different content without ever having to navigate to a new page.