Posts

APPLICATION DESIGN 2 Assignment 3

Image
 Student id : 0379395 Name : He Kehua Public share URL link: https://app.flutterflow.io/project/text3-0sr0ko Presentation link:https: //youtu.be/iRTutC_IPm0 My app is called E LE MA Here you can see the first page you open this app. Then you can see the home page. Here are all type of things that you can edit. Of course,you can see the discount on the home page. And you can see the all pages i made. Here the story board SplashPage Function : App launch screen with logo and branding. Purpose : Builds recognition and provides a clean start. OnboardingPage Function : Introduction to app features. UI : Illustration with description and progress bar. Action : Next or skip to continue. LoginPage Function : User login. Fields : Email, password. Extras : Forgot password and guest mode options. SignupPage Function : Create a new account. Fields : Name, email, password. Extras : Guest mode and login redirect. ForgotPasswordPage Function : S...
Post a Comment
Read more

Spatial design 2

Image
 Week1 This was our first class, and the teacher first asked us to introduce ourselves, and asked us to talk about where we went to play some time ago, what we saw, and what interesting things we saw, and then told us about our plans for this semester. The teacher asked us to go to a sports brand store to take some photos of the design and find its interesting design elements.  Week2 Here are the project what we shuld do. 🧠 Assignment Overview: You are required to conduct a precedent study and analysis of two retail stores: One international (overseas) store – researched online. One physical store – that you can visit in person. This assignment is individual and counts for 20% of your final grade. 🎯 Objective: To apply design processes critically and creatively by analyzing real-world retail environments. You will propose innovative, context-specific solutions that improve spatial quality, customer experience, and brand identity. 📌 Analysis Areas to Cover: Store Overview Na...
Post a Comment
Read more

Exercise 2

Image
 HE KEHUA    0379395 Monopoly As a design student, I find the digital adaptation of Monopoly to be a compelling example of how non-digital games can evolve through thoughtful remediation. Monopoly, originally a tabletop board game developed in the early 20th century, has been successfully transformed into various digital formats, including mobile apps, PC games, console editions, and even online multiplayer versions. Visual and Interface Design Evolution Tabletop Version: Requires physical components — board, tokens, property cards, cash, dice, etc. The user experience depends on how organized the board is and the players’ memory of rules. Digital Version: All elements are visualized through a well-organized UI. The board is dynamic and animated, money is automatically counted, and property ownership is highlighted with clear colors and icons. The aesthetics are enhanced with sound effects, animations, and 3D environments that give a modern feel while preserving the gam...
Post a Comment
Read more

Exercise 1

Image
 HE KEHUA    0379395 Favourite Game: VALORANT  Game icon: Home page: As a design student, I find VALORANT to be my favourite video game because of its balance between competitive gameplay, strategic depth, and highly stylized visual and audio design. Developed by Riot Games, VALORANT is a 5v5 tactical shooter that blends precise gunplay with unique agent abilities. What Makes VALORANT Playful? 1. Strategic Diversity Each match is different because of team compositions, map dynamics, and tactical approaches. Players must think critically, adapt in real time, and communicate effectively. 2. Distinct Visual and Character Design From a design perspective, the agents are visually iconic and distinct. Their silhouettes, colours, and abilities are well crafted to help players quickly identify them, which is critical in fast-paced gameplay. This enhances immersion and usability, both key principles in good interactive design. 3. Tactical Gameplay with Room for Creativity Whi...
Post a Comment
Read more

Application 2 Assignment 2

Image
Assignment 2 Proposal Instruction Students are required to develop a comprehensive interaction design plan for their take-out mobile application "ELE MA". The plan should include complete wireframes, user flow diagrams, and prototypes of micro- and macro-animations that represent the dynamic interactions of the interface. The design should cover the complete operation chain from login and registration, homepage browsing, merchant selection, food adding, reviewing comments, to order management and payment process. The focus is to build a clear user navigation and interface feedback mechanism through visual and conceptual unification to enhance the overall user experience. Micro-animation should focus on the details of interaction such as button clicking, loading process, success tips, etc., while macro-animation can be used for page switching, order process advancement and other modules to help users intuitively understand the operation status and system response. This project...
Post a Comment
Read more

Spatial 2 assignment 2

Image
  The survey project I chose is Starbucks. Here is the link to my survey： https://forms.gle/pWFxP4FXd32xAS1A6 Below is the user persona and user journey map that I created： The interactive device I plan to develop for my Starbucks is called  “Swe et L oop” It is roughly the style of a fountain. When you put an empty cup into this device, the marshmallow will slowly rise from this device and the fountain will begin to flow. The fountain is made of some coffee. You can dip the marshmallow in coffee sauce to taste it. Programme / Functions of the Installation Interaction & Play The cup triggers the fountain and rising mechanism Visitors engage with it solo or in small groups Brand Experience Enhancement Turns a post-drink moment into an elevated ritual Builds emotional connection with the brand Sustainability Message Reinforces cup recycling through reward-driven interaction Encourages environmental awareness with a positive tone Social Engagement & Shareability Visuall...
Post a Comment
Read more