News

Site of the week: SM+P Architects

An architectural firm lays the foundations for digital glory with a tasteful and effective example of modern design

smp950

smp950

URL: www.smp-architects.com | DESIGNER: www.drxlr.com

One of the first corporate mantras for this site reads “SM+P Architects brings a custom, crafted approach to every project.” Judging by the array of fine examples described throughout, SM+P is referring directly to its building work.However this ethos also applies to this elegant brochure site, which conveys an identity with real aplomb.
Landing on an oversized typographic header element, visitors tumble down long vertical pages packed with lush photography. Combining transparency, slider components, CSS3 3D transforms and subtle rollovers, the design picks its moment to inject dynamic effects. Clean, minimal text and a healthy raft of white space provide subdued balance – always reflecting back and focusing on the architecture.
“We sought to produce a site influenced by print editorial layouts and brought to life with modern development techniques,” explains design agency Drexler. “It was also very important that the design worked equally well for each project in the portfolio, whether it was the renovation of a historical building or the hottest new restaurant in town. Furthermore, a simple yet detailed interface design was used to communicate that SM+P Architects was continuing to progress and push its work forward. As with all of our projects, we lean heavily on interaction design to provide smart details. A fixed scroll down arrow that becomes a back-to-top button are simple yet provide economy in the UI.“

smp01

A repeating grid of photography populates the Work section, with each offering a rollover and link

smp02

Delve a little deeper to find details on company history, the team and where to find them  

×