LiYuhan's blogs

Sptail Design II Task 02:  User Research, Storytelling & Functional Art  Development (I) When User Journey Meets Regenerative Art: A Healing Experiment in a Chocolate Retail Space. This is a retail adventure in user research + art installation design. We focused on two groups of people: Gen Z cultural explorers like Florence, a 22-year-old university student in Kuala Lumpur, who is obsessed with the fusion of local culture and modern aesthetics, and is keen on choosing chocolates for special occasions; and Li Wei, a 30-year-old business traveler, who is in search of convenience and social sharing scenes. The research has developed a new style of "mall behavioral observation + mood board interviews" - observing the customers' movement in the chocolate store and listening to their "ideal shopping experience" with a collage of mood boards, which accurately captures **"the ideal shopping experience". The research captured the three core demands of  ...

Application Design II Task 02: App Design I Self-Evaluation & Reflection Around the brand tone and user experience, built a complete dynamic effect system:   1. Emotional entrance - homepage product promotional photo with text dynamic effect to create brand memory point.   2. Product display optimization - Hover to zoom + color change of category buttons to enhance browsing experience   3. Navigation Dynamics Upgrade - Parallax text sliding to enhance the operation pleasure.  4. Functional Micro-interaction - Smart Button Status Core value:  Through 200-500ms fine dynamic effect control, balance between luxury texture and shopping efficiency, and increase conversion rate by 12%.All animations strictly follow cascading priorities and standard jogging curves to ensure a smooth and unified user experience. 1. Emotional entrance kinetic effect (login page→homepage) Adopting the brand's iconic promotional photo as the background, the text slides in...

Games Studies Exercise 2 From the board game Scotland Yard to The Fifth Person - how the digital medium is reconfiguring hide-and-seek 1. Space mastery - Tabletop game Scotland Yard: players move abstractly through the board and transportation tickets, relying on paper-based reasoning to plan their routes.   - **Digital reconstruction of "The Fifth Person ": 3D madhouse map provides three-dimensional spatial interactions, such as flipping windows, smashing boards, and circling pillars, which transforms strategy from "calculation" to "intuitive reaction".   2. Information mismatch   - The board game "Scotland Yard ": the hunter (the regulator character) holds the whole map vision, and the fugitive can only speculate the hunter's position through limited clues.   - Digital Reconstruction of Fifth Person:      - Regulators have perspective skills (e.g. "Peeping Tom" props), but are limited by cooldowns;      - ...

Games Studies Exercise 1 The ultimate fusion of "heartbeat gaming" and "role-playing" to build a dynamic narrative playground. 1. The dramatic tension of asymmetric confrontationThe drama of asymmetric confrontation       - In 1v4 mode, regulators (hunters) and survivors (escapees) have very different abilities, perspectives, and goals, which naturally creates a sense of oppression and a need for collaboration.      - Example: When the supervisor uses skills to chase, the survivor needs to create "terrain differences" by turning windows and looping around the boarding area, so real-time strategy adjustments are as full of improvisation as a stage play.   2.Narrative-driven role-playing       - Each character comes with a dark fairy tale background (e.g., "The Gardener" takes down chairs for revenge, "The Clown" is a chainsaw thriller), and the player completes the pieces of the character's story through manipulation....

Sptail Design II Task 01: For this assignment I chose the Holliday's Ultra Time Travel Store and beryl's Chocolate Factory Store for my research. The biggest difficulty I encountered in doing my homework was finding a floor plan for the store. I had initially chosen to do the m&m Chocolate Bean Shanghai store instead of the Goodwill store, but I couldn't find a floor plan for the m&m store, so I switched to the Goodwill Time Travel store. Because of this assignment my friend and I also visited beryl's chocolate factory store and bought a lot of chocolate.It was really cleverly designed my friend and I raved about it. Click  HERE  for the Powerpoint of PROJECT 1 This assignment focuses on retail space design and analyzes the cases of Holliday's Time Travel Store and Beryl's Chocolate Factory Store to understand how to create brand differentiation and competitiveness through thematic narratives, multi-sensory experiences and technological integration. In p...

Application Design II Task 01: App Design I Self-Evaluation & Reflection 1、Write a reflection on the outcome of App Design I's work 2、Determine what should be changed and updated Reflection: In this Brandy Melville style shopping app interface design, I completed the interface prototype of a whole set of processes from user login, homepage browsing, product details to customer service. The overall design reflects the brand's girlish and minimalist style, but in the actual display, I also found some areas that can be improved. For example, the color scheme and button styles of some pages lacked uniformity, the user navigation process was slightly complicated, and the information in the help center was too densely arranged, which affected the overall readability and efficiency of use. Through this design, I realized that the consistency of the UI, the simplicity of user operation, and the visual expression of the content are very critical to improving the user experience. In ...

Spatial Design I I Week 1/ Introduction to spatial design class Week 2/ Design as storytelling Week 3/ Highlighted key design thinking methods Week 4/ E motional score Week  Week 5/ Design as storytelling Week 6/ User Persona 1 Week 7/  Journey Map Week 8/ Physical installations and moodboard Week 9/ Sensory alchemy and draw sketches Week 10/ O utlined the final project Week 11/ Detailed the final project Week 12/  True spatial poetry Week 13/ refining our final projects Week 14/ Improve final project Week 1: Today, Mr. Zeon first asked us to follow the Instagram account @tu_bisd and enthusiastically recommended an exhibition taking place on May 4th. He emphasized that the knowledge taught in this course is highly practical, benefiting us whether we become employees or entrepreneurs in the future. By completing this course, we will develop the following four core competencies:   1. Design Knowledge & Technical Application 2. Leadership & Communication...