![Three mobile screens for ArtYard website](https://mir-s3-cdn-cf.behance.net/project_modules/1400/a10fa9181244851.6518a8a8b922d.jpg)
ArtYard
Web Design // Art Direction // Content Strategy
ArtYard is an interdisciplinary alternative contemporary art center located in Frenchtown, New Jersey. Home to a robust exhibition space, theater, and residency program, ArtYard is dedicated to presenting transformative artwork, fostering unexpected collaborations, and incubating original new work.
Along with the team at ArtYard, we endeavored to refresh their digital presence in a way that more accurately reflected their open platform for creative expression. By taking a strategic approach to content consolidation, and with a deep understanding of their audience goals, we created a digital environment that could more easily foster these transformative collaborations.
![Visual infographic representing a website timeline process.](https://mir-s3-cdn-cf.behance.net/project_modules/1400/9a5bc9181244851.651901e37f1df.jpg)
![Sampling of user journeys.](https://mir-s3-cdn-cf.behance.net/project_modules/1400/f462f5181244851.651901e381e6e.jpg)
![Wireframes](https://mir-s3-cdn-cf.behance.net/project_modules/1400/a544bd181244851.651901e387655.jpg)
Our inspiration came from a familiar component found within the walls of museums and galleries alike—the artwork placard. This inspiration led to a simple, but strong toolkit consisting of black and white for our color palette, a minimal but organic sans serif typeface, and an embracing of unaltered image presentation. The culmination of these components helped us create an environment that could communicate a wealth of information clearly and offer a solid, but not disruptive, backdrop to an infinite realm of possible artistic expression.
![Sampling of typography.](https://mir-s3-cdn-cf.behance.net/project_modules/1400/392a15181244851.651901e37dd5f.jpg)
![Color palette.](https://mir-s3-cdn-cf.behance.net/project_modules/1400/209302181244851.651901e381009.jpg)
![Grid system for website.](https://mir-s3-cdn-cf.behance.net/project_modules/1400/b6e5d8181244851.651901e384b6d.jpg)
![Website Web Design UI/UX Figma ui design user interface Webdesign Web Website Design web development](https://mir-s3-cdn-cf.behance.net/project_modules/1400/fe598f181244851.651901e382f18.jpg)
![Mockup of website on a laptop.](https://mir-s3-cdn-cf.behance.net/project_modules/1400/c84b2a181244851.651901e3894cc.jpg)
![Sample website pages.](https://mir-s3-cdn-cf.behance.net/project_modules/1400/7f2856181244851.651901e38a74a.jpg)
![Photograph of the ArtYard building.](https://mir-s3-cdn-cf.behance.net/project_modules/1400/d86c1d181244851.651901e3859fb.jpg)
![Website Web Design UI/UX Figma ui design user interface Webdesign Web Website Design web development](https://mir-s3-cdn-cf.behance.net/project_modules/1400/cd5122181244851.6519037be542b.jpg)
![Sample exhibit photo from Natalie de Segonzac: Evidence.](https://mir-s3-cdn-cf.behance.net/project_modules/1400/83c21a181244851.651901e38868d.jpg)
![Sample webpage from the ArtYard website.](https://mir-s3-cdn-cf.behance.net/project_modules/1400/d173ad181244851.651901e383d59.jpg)
![The interior of the ArtYard gallery.](https://mir-s3-cdn-cf.behance.net/project_modules/1400/61d67a181244851.651901e38b834.jpg)
![Mobile pages.](https://mir-s3-cdn-cf.behance.net/project_modules/1400/dc1193181244851.651901e386847.jpg)
Web Design // Art Direction // Content Strategy
Studio: J2 // Creative Director: Cara Cox
Photography: ArtYard & ArtYard Artists // Website Development: Impart Creative
Photography: ArtYard & ArtYard Artists // Website Development: Impart Creative