Notice: Undefined index: order_next_posts in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 194

Notice: Undefined index: post_link_target in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 195

Notice: Undefined index: posts_featured_size in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 196

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



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.“


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


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