---

Any great work of art revives and readapts time and space, and the measure of its success is the extent to which it makes you an inhabitant of that world. — Leonard Bernstein in ARTNews, September 2000.

---

Waka Waka, Mouthwash, 2024. 

---

QUESTION 
What does it mean to design a website for express an ever changing collection across an interactive experience? 

---

LEARNING OUTCOMES

• Design responsive, user-centered interfaces

  Integrate AI tools into web experiences

  Create cohesive brand identity across digital touchpoints

  Prototype interactive features and user flows

  Present and defend design decisions

---

INTRODUCTION
Design and prototype an website or app for a fictional or real artist (musician, photographer, painter, illustrator, etc.) that incorporates AI technology to enhance the user experience and showcase the artist's work in an innovative way.

---

DELIVERABLES

Artist Persona & Brand Identity (Week 1)

• Artist bio, style, and backstory

• Logo, color palette, typography system

• Mood board and visual direction

• Is this a website or product? 
  

  
  

AI Integration (Choose at least ONE):

• AI Image Generation: Dynamic header/background art that generates based on the artist's music genre, photography style, or current project themes

• AI Text Generation: Artist bio generator, project descriptions, or an AI chatbot that answers questions "as the artist"

• AI Style Transfer: Tool that lets visitors see photos/images in the artist's signature style

• AI Music Visualization: For musicians - real-time visual generation based on audio analysis

Website Design (Weeks 2-3)

• Minimum 4 pages: Home, Portfolio/Work, About, Contact

• Mobile and desktop responsive designs

• Interactive prototype (Figma, Framer, or coded HTML/CSS/JS)

Technical Requirements

• Responsive design (mobile-first approach)

• Accessibility considerations (WCAG 2.1 guidelines)

• Working AI integration (can use APIs like OpenAI, Midjourney, Stable Diffusion, or Runway)

• Smooth navigation and micro-interactions

---

TIMELINE

Week 1: Research & Concept
Deliverables:

• Artist profile document

• Competitive analysis (3 artist websites)

• Sitemap and user flows

• Brand identity system

• Initial wireframes

Week 2: Design & AI Prototyping

Deliverables:

• High-fidelity mockups (all pages)
• AI feature prototype/demo
• Interactive component specifications
• Typography and image style guide

Week 3: Refinement & Presentation

Deliverables:

• Final interactive prototype
• Working AI integration demo
• 5-minute presentation
• Process documentation (design rationale)

---

AI Tools Suggestions
Image Generation:

• Midjourney (via Discord)

• DALL-E 3 (via OpenAI API)

• Stable Diffusion (free, local install)

• Runway Gen-2

Text Generation:

• ChatGPT API

• Claude API

• Copy.ai

• Jasper

Implementation Friendly:

• Loveable

• v0

• Replicate.com (easy API access to many models)

• Hugging Face Inference API (free tier available)

---

SUGGESTED READINGS

• Walker Art Center, Sharing as Surviving: Mindy Seu on The Cyberfeminism Index, 2020.

• Jill Lepore, The Cobweb, 2015.

• Tim McKeogh, How to Keep Your Collections From Looking Like Clutter, 2020.

• Meg Miller, Lubalin’s Radical ’60s Magazines Are Giving Us A Lesson in Archiving on the Web, 2018.

---

ADDITIONAL LINKS AND RESOURCES

• https://www.atlasnyc.us/

• https://www.jacksonandmoran.com/
  

• https://juddfoundation.org/

• https://www.laurenbamford.com/

• https://cyberfeminismindex.com/

• https://www.workbyland.com/

• https://staffansundstrom.com/

• https://anorakfilm.com/

• https://www.ianloringshiver.com/

• https://dennis6e.com/

• https://www.parquet-courts.com/

• https://sachamaric.com/