How She Built an Early 2000s Internet Style UX Portfolio ✦ Jackie Liu
How do you build a PLAYFUL product design portfolio and develop creative experiments inspired by the early 2000s internet and Flash games?
Jackie takes us through her creative portfolio and dives deep into the behind-the-scenes stories of her game design projects: Relational Dance Dance (DDR-inspired rhythm game), and Local Bathhouse (interactive web game made with scanned Risograph prints). She shares how she brings personal stories to life through creative experiments and game design *✧˖°
🕗 Timestamps
00:00 Intro
00:54 Meet Jackie Liu ✿: Product Designer & Artist
04:03 Walkthrough Her 2000s Internet Style UX Portfolio
07:55 Early 2000s Aesthetic (Flash Games & Web Design Inspiration)
11:32 Relational Dance Dance: DDR-Inspired Rhythm Game
17:50 Relational Dance Dance - Demo Time!!!
21:23 Game Animation with Blender & Mixamo
23:45 Collaborating with a Musician on Original Game Music
27:33 How to Develop a Web Game with Risograph Animation
31:43 Local Bathhouse - Demo Time!!!
36:53 AI & the Creative Process
40:20 Balancing Product Design Job & Art Work
42:33 How to Start Creative Side Projects
45:54 Future Art Projects & Where to Follow Jackie
💫 About Jackie Liu °˖✧*
Jackie Liu is a senior product designer and artist based in Brooklyn, NY. In her art practice, she designs and builds experimental interactive narratives that blend websites, comics, and games–often inspired by her early experiences of the internet.
🔗 Connect with Jackie (◕‿◕✿)
Portfolio: https://jackieis.online/
LinkedIn: https://www.linkedin.com/in/jackieleeliu/
Instagram: https://www.instagram.com/jackieis.online
X: https://x.com/jackieis_online
✿ Jackie’s Art & Creative Projects ✿
Relational Dance Dance:https://jackieis.online/projects/relational-dance-dance
Local Bathhouse: https://jackieis.online/projects/local-bathhouse
i feel so much shame: https://ifeelsomuchsha.me/
🛠️ Tools & References Mentioned
Figma: https://www.figma.com/
Gridsome (portfolio site generator): https://gridsome.org/
Vue.js: https://vuejs.org/
Airtable (guestbook submissions): https://www.airtable.com/
Kenney (game sound effects): https://kenney.nl/assets/category:Audio
Blender (3D models & scenes): https://www.blender.org/
Mixamo (character animations): https://www.mixamo.com/#/
Adobe After Effects (video editing & transitions): https://www.adobe.com/products/aftereffects.html
Stephanie Foo (author of What My Bones Know): https://www.stephaniefoo.me/aboutme
Kelli Anderson (Risograph animation): https://kellianderson.com/
SVA RisoLAB (artist residency): https://risolab.sva.edu/artist-residency/
itch.io (game publishing platform): https://itch.io/
📌 Disclosure: The views and opinions expressed in this episode are those of the host and guest and do not necessarily reflect those of their current or former employers or affiliated organizations.
#uxportfolio #uxdesign #gamedesign #productdesign #flashgames #sideprojects #interactiveart #creativecoding #gamedesigner #risograph #figma #early2000s #productdesigner #y2kstyle #creativetechnology #artportfolio #creativeportfolio #2000sgames #2000saesthetic #2000snostalgia
Jackie takes us through her creative portfolio and dives deep into the behind-the-scenes stories of her game design projects: Relational Dance Dance (DDR-inspired rhythm game), and Local Bathhouse (interactive web game made with scanned Risograph prints). She shares how she brings personal stories to life through creative experiments and game design *✧˖°
🕗 Timestamps
00:00 Intro
00:54 Meet Jackie Liu ✿: Product Designer & Artist
04:03 Walkthrough Her 2000s Internet Style UX Portfolio
07:55 Early 2000s Aesthetic (Flash Games & Web Design Inspiration)
11:32 Relational Dance Dance: DDR-Inspired Rhythm Game
17:50 Relational Dance Dance - Demo Time!!!
21:23 Game Animation with Blender & Mixamo
23:45 Collaborating with a Musician on Original Game Music
27:33 How to Develop a Web Game with Risograph Animation
31:43 Local Bathhouse - Demo Time!!!
36:53 AI & the Creative Process
40:20 Balancing Product Design Job & Art Work
42:33 How to Start Creative Side Projects
45:54 Future Art Projects & Where to Follow Jackie
💫 About Jackie Liu °˖✧*
Jackie Liu is a senior product designer and artist based in Brooklyn, NY. In her art practice, she designs and builds experimental interactive narratives that blend websites, comics, and games–often inspired by her early experiences of the internet.
🔗 Connect with Jackie (◕‿◕✿)
Portfolio: https://jackieis.online/
LinkedIn: https://www.linkedin.com/in/jackieleeliu/
Instagram: https://www.instagram.com/jackieis.online
X: https://x.com/jackieis_online
✿ Jackie’s Art & Creative Projects ✿
Relational Dance Dance:https://jackieis.online/projects/relational-dance-dance
Local Bathhouse: https://jackieis.online/projects/local-bathhouse
i feel so much shame: https://ifeelsomuchsha.me/
🛠️ Tools & References Mentioned
Figma: https://www.figma.com/
Gridsome (portfolio site generator): https://gridsome.org/
Vue.js: https://vuejs.org/
Airtable (guestbook submissions): https://www.airtable.com/
Kenney (game sound effects): https://kenney.nl/assets/category:Audio
Blender (3D models & scenes): https://www.blender.org/
Mixamo (character animations): https://www.mixamo.com/#/
Adobe After Effects (video editing & transitions): https://www.adobe.com/products/aftereffects.html
Stephanie Foo (author of What My Bones Know): https://www.stephaniefoo.me/aboutme
Kelli Anderson (Risograph animation): https://kellianderson.com/
SVA RisoLAB (artist residency): https://risolab.sva.edu/artist-residency/
itch.io (game publishing platform): https://itch.io/
📌 Disclosure: The views and opinions expressed in this episode are those of the host and guest and do not necessarily reflect those of their current or former employers or affiliated organizations.
#uxportfolio #uxdesign #gamedesign #productdesign #flashgames #sideprojects #interactiveart #creativecoding #gamedesigner #risograph #figma #early2000s #productdesigner #y2kstyle #creativetechnology #artportfolio #creativeportfolio #2000sgames #2000saesthetic #2000snostalgia