Commercial real estate website design for Snapsuites
Commercial real estate home page design for Snapsuites
Commercial real estate web design for Snapsuites location
Commercial real estate wordpress design for Snapsuites
Commercial office space blog design for Snapsuites
Commercial office space wordpress blog design for Snapsuites

Project Services

  • Design & Development
  • WordPress

Awards & Recognition

An interactive website that puts you right in your new office.


SnapSuites is a membership-based office center located on Boylston Street in Boston’s Back Bay. They offer spacious private offices, innovative technology, incredible work/lifestyle amenities, and receptionist support. Members are executives, entrepreneurs, and businesses of all sizes — both national and regional — looking for high image space with none of the associated up-front capital.

This website redesign gets its polished feel from large immersive images, and smooth CSS animation and transitions. The office space’s interactive 3D Showcase allow you to walk through the office as if you’re there! The neighborhood page uses the Google Maps API and is fully content managed with simple fields in the WordPress back-end.

The Metropolis team created a beautiful website for us.They listened closely to what we were looking for and were able to deliver something much greater. As we learn to use our website from the back end, they continue to support us, answering questions promptly and with expertise.
Roxana Chiu Co-Founder, SnapSuites
Google map integrated website design in wordpress

We Built a Custom Map to Browse Neighborhood Attractions

Using Google’s Maps JavaScript API, we designed and built a content-managed map in WordPress that allows Snapsuites to easily add nearby restaurants and attractions.


Moving Type, Transitions, and Hover States

Page titles animate in on page load. Page elements gently fade in as you scroll, and buttons have animated hover effects. This is all done with custom CSS coding. Small subtle effects add to customer experience.

Virtual 3D walkthrough tool by Matterport designed into the website (3-D)

Explore the Offices With a Virtual Walkthrough

We designed the office pages aound a 3D virtual tour tool powered by Matterport so users can click their way thorough the different suite options.

The Results

The new interactive website allows customers to really experience the office space in an intimate way.


Awards & Recognition

  • Communicator Award – Excellence
  • Davey Awards – Website Award
  • GD USA – Website Award
  • Summit Creative Awards – Website Award
  • Awwwards – Nominee
  • Best CSS – Website Award
  • Design Nominee – Website Award
  • Orpetron Web Design Awards – Design Nominee
  • W3 – Website Award
  • Vega – Website Award

Interested in starting a project?

Tell us a little (or a lot) about what you’re looking for. We can answer any questions you have about our process, timing, and recommended next steps.

Use our project planner

Browse Other Projects