Otto Brewerytown

Promotional Site

  • UX/UI

  • Motion Design

  • Front End Development

View Site

Arrow to link to another page

Context

During my time at Cohere, we were tasked with designing and developing a promotional site for a new housing development in Philadelphia’s up and coming neighborhood, Brewerytown. Otto is a revolutionary condo development named as a tribute to Brewerytown’s original architect, Otto Wolf.

Otto iPad Otto Mobile

Execution

In an attempt to create faster and more efficient components, we decided to utilize Vue.js to power animations and data changes. By utilizing the virtual DOM instead of affecting the DOM itself, content updates and page animations are completely seamless and provide a better experience for users. We were especially proud of the transition we were able to create between pricing information simply by manipulating the content inside of a single tag.

Otto Slider Otto Ticker

Results

The client ended up not wanting to use our version of the site and moved in a different direction completely. This was somewhat satisfying but my peers and I were proud of the work we had done and I believe it stands as testament to my developing web, motion, and now Vue skillset.

Otto Grid