January-December 2021
Co-op at Union Design LLC
[now called UDXD]

A large-scale custom web app for leasing Class-A office space. This interactive presentation application, created for desktop, large display, and iPad formats, showcases Brookfield Properties’ global real estate portfolio as a comprehensive communication tool. The app includes animated property-specific presentation narratives, location maps, floor plans, stacking diagrams, galleries, videos, VR tours, and 3D models.

I helped design, populate, animate, and update the app.

160+ Properties

I touched 100+ of the properties.

Animated Storytelling

I populated 20+ unique and 40+ standard property stories into the CMS and utilized parallax and time-based animations to elevate the narratives.

Narrative Layouts

Each narrative included pages for introduction, recognition, amenities, links to floor plans and gallery walls, surrounding retail, maps, building specs, and stats.

Standard Layout — information pulled from the previous app version and incorporated into Brookfield’s new brand.

Sub-Brand Layout from PDF — information pulled from a leasing booklet and then redesigned to fit the presentation format.

Sub-Brand Layout from Guidelines — information pulled from previous app version and used a provided brand guideline to design the content for the presentation format.

I worked on all three types of layouts.

Format Optimization

Moving to a new format required changing layouts to display the content to its full potential. I optimized the formats when designing for sub-branded layouts from original pdfs that contained excess content, miscellaneous design elements, or were originally created as vertically orientated.

Too small text required separating the content into two pages. I added zoomed-in squares of the map to orient the view to the location.

See the solution below.

Responsive Design

We designed pages with end-use displays in mind, confirming that the all necessary content still showed on each screen despite changing dimensions.

I helped resize and format gallery images, clean up floor plans, design stack plans, ready map assets, and populate all content into the CMS.

Modules

Updates + Additions

I kept up with continuous additions and tweaks, implementing all aspects of the app.