Studio S Architecture

Skills Used:Website|Redesign|UX Design|HTML|CSS|Bulma|Node.js

Studio S Architecture wanted a fresh new look for their website. They wanted to be able to better showcase their work to potential clients, by focusing on their photos. They also had recently started including 3D renderings of some of their designs, as well as 3D video walkthroughs and wanted to feature them as well.

View Live Site

I was the sole UX designer and developer for this project. I was responsible for determining the overall design direction, conducting design critiques and client meetings, and implementing the final deliverable.

We researched several similar examples in the architecture space; some competitors as well as some aspirational websites. We catalogued features from many of these and decided which could be implemented and made sense for the client.

Our new design achieved what the client wanted. They are now able to showcase large format photos of their work, and easily browse to other similar projects when presenting to clients. The site is quick and easy to navigate and features improved navigation and information architecture.

We tried several different site paradigms, featuring single page apps and larger sites driven by content management systems. Ultimately the CMS methods proved too confusing for the client to manage, while the single page site didn’t provide the organization the client required.

Because of this new design, the client was better able to showcase their work to more prestigious clients. They bid on and won several new jobs after this site was published partially thanks to the visual refresh.

This project taught us the importance of fully realizing mockups for multiple device types, and keeping those mockups up to date throughout the implementation phase. It also taught us the power of a single photo, and to let that photo speak for itself rather than over-designing the UI.