Loading ...

Responses by Owen Cramp, senior designer; Dan Peterson, creative director; and Thomas Tkatchenko, developer, Base Design.

Background: BVN is a creative collective of architects, designers, researchers and makers. This new site presents a window into BVN’s practice by foregrounding ideas that underpin its approach—we call these “tenets.” These are dynamic and ever-changing, from establishing deeper connections with First Nations communities and their understanding of place to working towards a net-zero future. Developed as part of a larger rebrand, the new website makes BVN’s vast archive and myriad ongoing projects more accessible to a broader and wider audience than ever before.

Design core: At the site’s core is the tenet module, a dynamic editorial presentation of BVN’s core priorities that offers a deep understanding of its practice at a glance. By connecting projects to ideas, we avoid many typical conventions found within architectural websites while ensuring audiences with limited architectural knowledge are respected and engaged. This consideration for the user continues through the UI and UX, which we developed to be fast, modular and simple to use. One of the best examples of this is the bookmarking feature, enabling collections of projects and news articles to be gathered together, read and shared. This is particularly powerful for sharing curated content with prospective clients. Another is the dynamic filtering system we developed to provide users with better access to BVN’s project archive.

Favorite details: We’re also quite proud of how the studio and teams are represented. We art directed several still and video shoots in the Sydney and Brisbane studios to celebrate life at BVN and emphasize its collective approach to creativity.

Navigation structure: We wanted users to go deep into the site but never get lost—rabbit holes with handrails. Filtering systems, progress bars and the bookmarking functionality enable deep explorations into BVN’s vast archive of projects and ideas presented on the site while keeping users aware of their location.

Technology: The site’s content is hosted in Sanity and stored in a normalized data format optimized for generic querying. The build system queries Sanity via a GraphQL API with Gatsby, a headless static JavaScript React framework, and it compiles a static version of the site for delivery. The optimized static output is then distributed via a worldwide CDN together with the Sanity media transforming CDN to deliver optimized media tailored for each visitor’s device. A custom OpenAsset synchronization system was built into Sanity, leveraging the client’s internal processes and assets.

bvn.com.au

Browse Projects

Click on an image to view more from each project
X

With a free Commarts account, you can enjoy 50% more free content
Create an Account
Get a subscription and have unlimited access
Subscribe
Already a subscriber or have a Commarts account?
Sign In
X

Get a subscription and have unlimited access
Subscribe
Already a subscriber?
Sign In