2021
BADG is building a more equitable and inclusive creative culture by advancing a community of independent Black makers in creative industries.
The Obsidian Concept House website provides a 360 degree walkthrough experience of the virtual home and property, including diverse multi-media content accessed on the central web platform.
Intro video Art Direction
Showcase the enormous talent at BADG and inspire a new generation to think big.
The Obsidian home explores spaces for Black families to thrive, and embrace ancestral futures, technological futures, sustainable futures, and joyful futures in modern dwellings. The home embraces a multiplicity of Black family identities and features a collection of items from Black designers. Project completed in partnership with Autodesk.
Services Offered
Art Direction
Information Architecture
Website Design
UX
When researching the exploration experience it was important to us that the integrity of information was preserved through scale. Just as a museum map guides the patron through their discovery, the Obsidian dreamscape should offer locational context in the virtual space while allowing room for the visitor’s questions and imagination.

Each red dot indicates a 360 camera view for the corresponding room.



Floor Taxonomy
Our team was challenged with facilitating a clear navigation experience that prioritized the user’s personal body through the virtual space. This included a “you are here” mini-map and navigation that reveals more detail with each level of scale — Landscape, House, Room, Object. The Index of the web experience organizes the 28 cameras into 4 floors of the house represented through interactive, isometric navigation.
Concept
Obsidian is a dynamic material, slowly moving, and solidifying. As the visitor explores the BADG dreamscape, the “magma” transition interpolates scenes in the dreamscape.
Magma transition storyboard options
UI
Our team explored methods to overlay an interface to the 3D room renders allowing the user to navigate the 360 views and explore the various works throughout the home. This includes 4 floors of the virtual architecture and the artist’s content within through informational hotspots attached in the 3D spaces.
Desktop - Product partnership sidebar. (Pottery Barn) activated by selecting an object in the scene.
Desktop - Floor navigation showing 3D cameras and room names
Desktop - Moon House room
Mobile - Floor View (Floor 1)
Mobile - Intro screen
Mobile - Magma Transition
Mobile - Moon Room for making
Mobile - The Atlantic
Mobile - A Place of Retreat and Respite
Mobile - The Artist Studios & Garden
Mobile - Analog Vestibule
View the 3D architectural experience here.
Special Thanks to:
Giulia Bocci, Producer
Marcin Kurylak, Master of Development
Patrick Finn, Intro Animation