Responses by Jason Frey, founder and creative director, Frey Design.

Background: When our longstanding client of ten years, JLL and its client, The Abbey Group asked us to design a digital presence unlike anything seen in the market, we jumped at the challenge. The Boston teams tasked us with creating a custom website to showcase this new, four-building, 1.6-million-square-foot urban campus situated in Boston’s vibrant South End. We began by strategizing with JLL and The Abbey Group to determine the elements that would make the website as unique as the building itself. The site features an interactive building plan, an API integrated amenities map, a series of property and culture videos, and a truly memorable user experience. With all of these integrated features, the site has succeeded in mirroring the interactivity and personality the Exchange South End campus inspires.

Design core: The Exchange South End website is a one-page, smooth-scrolling, viewport-lock website that tells an interactive story down the page. Merging the required JavaScript function with our custom WordPress backend was a fun challenge, and the end result makes for a unique, industry-changing way to market a commercial real estate property.

Favorite details: A lot is going on behind the front end on the development side. One of the details that we are proud of is not having to degrade the mobile experience. Users get a truly unique experience on desktop and on mobile devices.

Another thing we are proud of is the fact that this is one of the most progressive websites in the commercial real estate industry to date. Our goal is to change the way the industry, at large, markets on the web in the coming years.

Challenges: Getting all the intertwined functionality to play nice together had to be the biggest challenge of all. We always aim to ensure the end-user has the best experience possible so making sure all our features render out logically and smoothly was a key challenge in the process.

New lessons: This site was a huge learning experience as there were so many techniques we used during the creation of the site that we had not used before. One of the most challenging and enlightening parts of the buildout was working with large bits of section content in a viewport locked environment. We managed this by breaking sections into subsections that users could easily navigate to and understand.

Navigation structure: The navigation really acts as an index or table of contents for this website. Visitors might check it out one time and then go on their way viewing an interactive story down a unique single-page website.

Technology: JavaScript, JQuery, Google Maps API, Node.js and WordPress.