ArtSip

Case Study UX/UI Design Interactive Storytelling Gamification Responsive Design API Integration

Client: National Gallery of Art

Role: UX/UI Designer, Data Storyteller, Data Analyst

Year: 2023

Stack: HTML/CSS/JS, D3.js, custom API

← Back to Home

“Blending art and mixology into an immersive digital experience where visitors craft cocktails inspired by masterpieces.”

Overview

ArtSip transforms art museum experiences by merging art appreciation with mixology. It offers a virtual tour of the National Gallery of Art, where visitors can explore artworks and create custom cocktails inspired by the color palettes and emotional tones of the paintings. Each artwork’s palette translates into ingredients for a recipe, encouraging playful interaction while deepening engagement with the collection.

Features

Process

Research & Concept — Studied audience engagement methods in museums; benchmarked interactive art-education platforms.

Design — Built a design system merging modern mixology aesthetics with classical art themes. Focus on inclusive, responsive layouts.

Development — Engineered a color-extraction algorithm to match hues with drink elements. Prototyped the cocktail builder using D3.js + vanilla JS.

Testing — Iterated with users, refining balance between playful storytelling and educational depth. Adjusted UI for accessibility and clarity.

Project Website