Group 22 Created with Sketch.
Path 5 Created with Sketch. Hello, how are you?

20 Broad

Residential living in historic surroundings

‹ All Work

If you build it…

In the heart of New York’s Financial District, just a short walk from the intersection of Broadway and Wall Street, stands 20 Broad. This 33-story residence, once home to the offices servicing the New York Stock Exchange, now houses over 500 luxury living units, complete with nine-foot ceilings and all the amenities befitting the jet set.

We’ve designed plenty of sites for real estate, and whenever we do, we aim to make the site worthy of the structure itself. 20 Broad gave us plenty to work with.

Plan of ATTCK

Proudly partnering with QuallsBenson, we were honored to showcase our craft on a downtown dwelling with great historical relevance: 20 Broad Street. It was a pleasure to give prospective renters their first introduction to Metro Loft Management’s newest 33-story office-to-residential conversion.

Originally built in 1956, the structure was once home to the bustling offices servicing the New York Stock Exchange. Now it’s home to 524 units of luxury property, along with a retail component. There’s reason to be bullish about this building.

Good as gold

For a luxury high-rise like 20 Broad, it only seemed fitting to gild the edges. Literally. Every page on the site features a thin gold border framing the screen on all sides. Scroll to the bottom of the page, though, and you’ll notice a fine touch: The frame’s lower edge stops and hovers just above the footer. This helps to delineate the pages’ sections while also keeping everything neat and polished.

ATTCK case study. 20 Broad website on desktop

Screen time

As with all our projects, we placed responsive design at a premium. 20 Broad’s website displays flawlessly on all devices, from iPhone 5 up to widescreen TV. Given the unique layouts and multiple carousel types used throughout the site, this was far from straightforward. Side-by-side photos and type divide the screen in varying proportions rather than grids, complete with descending lines displaying the words 20 and FiDi (New Yorkers’ shorthand for Financial District).

ATTCK case study. Twenty Broad seen on mobile devices
ATTCK case study. Twenty Broad home page
ATTCK case study. Twenty Broad amenities page

Homeward bound

Any real estate site must offer interested clients a way to reach out. 20 Broad’s site includes an elegant contact form where they can provide their information as well as their desired residence type, move-in dates, and price range. For those who want to take it a step further, there’s also an application form, provided via API integration with Nestio. Just click the words Apply Now, which descend down the right side of the page’s golden frame.

ATTCK case study. Twenty Broad contact form

Sneak preview

While we were busy building 20BroadSt.com, we created a teaser site where potential tenants could provide contact information in the meantime. This allowed our client to generate leads—and gather valuable data—before the final site launched. The teaser didn’t just garner attention from renters, though. It earned accolades of its own: Special Kudos from CSS Design AwardsSite of the Day from CSS Nectar, and Featured Site of the Day from CSS Light.

gif created by ATTCK for twenty broad case study.
Twenty Broad street landing page seen on mobile devices. Developed by ATTCK

Special effects

We’re always on the lookout for subtle ways to enhance the brands on our websites. For 20 Broad, we built an accelerometer-based hologram effect that provided the kind of high-end polish offered by the building itself.

Hologram effect for 20 broad street by ATTCK

Built to last

We leveraged our content management system of choice, WordPress, to build 20 Broad’s site using our proprietary FLEX layout system. Why WordPress? Because it’s equipped with enough functionality for the most complex projects, and it’s the perfect platform for sites that are robust, scalable, and streamlined. WordPress also offers plenty of capacity for high-volume traffic. Most importantly, it offers us—and our clients—custom experiences that are remarkably easy to adapt.

Because of this site’s nonstandard layouts, we built custom layout components in WordPress to give our clients an enhanced authoring experience. Now they can update and modify content types as they see fit—no HTML or CSS expertise required. And thanks to FLEX, the process is more intuitive than ever, using a row-and-column paradigm and drag-and-drop functionality. This means less confusion and fewer costly errors. Our philosophy: We create sites, but our clients own them.

Taking up residence

Building digital homes for stately structures is a challenge we relish. For 20 Broad, we’re proud to say we’ve built a site that, like the building itself, can stand the test of time. Those with the interest and the means now have entrée to the Financial District’s finest, and anyone with a web browser can enjoy an elegant view from the inside.

Make yourself at home.

Group 28 Created with Sketch.
Feature of the day 06/04/19
Group 28 Created with Sketch.
Site of the day 06/05/19
Group 28 Created with Sketch.
Special Kudos 06/11/19
Group 28 Created with Sketch.
Feature of the day 09/29/18
Group 28 Created with Sketch.
Site of the day 08/13/18
Group 28 Created with Sketch.
Special Kudos 08/14/18
Credits

Path 5 Created with Sketch. Say Hello

(We won't bite)
Hello,
Thank you!

Someone will be in touch ASAP.

Follow

Close