KPop Demon Hunters Club Website by Peyton Howardsmith, Riley Howardsmith & Khiem Vu

Screenshot: KPop Demon Hunters Club Website by Peyton Howardsmith, Riley Howardsmith & Khiem Vu

TEAM:
Peyton Howardsmith – Upcoming Events Page, Past Events Page, Quizzes Page, Huntrix Drawing
Riley Howardsmith – Home Page, Automatic Daily Lesson Updates, Contact Us Page, Background
Khiem Vu – Tutorials Page, Navigation Bar

COURSE: Computer Science 571: Building User Interfaces

MEDIUM: Website

DESCRIPTION:
A website with a clear identity and theme stemming from the movie KPop Demon Hunters. It focuses on being responsive and dynamic, as well as applying a reusable component-based design. For example, the Lesson of the Day dynamically updates each day. Additionally, events are dynamically sorted by time and labeled as “Upcoming” or “Past”. Moreover, the event categories are dynamically generated, as the number and type of categories change. Furthermore, the number of event cards in a single row responds to a change in window size.

ARTIST’S STATEMENT:
This website was designed to support a real club at UW–Madison. The home page gives users an introduction to the club and sparks interest with a Lesson of the Day. The event pages let the users see what is being planned and what has already happened, including getting access to slides associated with the events. If an event is occurring at that moment, it will begin to glow on the Upcoming Events page. The quizzes and tutorial pages were created to allow users to further interact with KPop Demon Hunters outside of events.

View this Website