Posts

Showing posts from November, 2023

Application Design II /Task 2

Image
29.08.2023 - 08.12.2023 / Week 1 - Week 14 Chai HongHong / 0354211 Application Design II / Bachelor of Design (Hons) in Creative Media Task 2 /  Mobile App Interaction Design Task 2 Mobile App   Interactive Design Todo: Create a prototype that presents all the animations the final app should have Process App Flow Mapping 1. splash screen: I used bubble elements and a gradient background on the startup page to clarify the theme and style of the app and visually attract users. 2. Login page: If you are an old user, you can log in directly on the login page. There are two registration interfaces for new users, one is to bind email registration. Another is that users with Google accounts can directly bind Google to enter. Since most users have Google accounts, this can improve the convenience of user registration. 3. Side panel of the main page: After logging in, a side panel will pop up on the home page, which contains the user’s basic information and the app’s setting functions....

ADVANCED INTERACTIVE DESIGN // TASK 2

Image
31/08/23-0/0/23(Week 1 - Week 14 ) Chai HongHong/0354211/Bachelor of Design (Honours) in Creative Media Advanced Interactive Design // Task 2 Task 2 Reflective Studies Proposal I want to make a website about hair color products and will design the look of the product myself, since it will be a product I create myself, the branding and logo of the product will be named after me. This website is relevant to my filter. I used the four hair colors that the filter uses: purple, pink, blue, and green. The name of the filter I made is "See Your Diverse Beauty", and I will quote this sentence as my product slogan. Logo This logo uses the HONG in my name. I designed the strokes of these letters to be curved, like flowing hair. Fig.1.1.Logo 1 Products The hair dye comes in two capacities, 250ml and 300ml. Customers with short hair can choose 250ml, and customers with medium and long hair can choose 300ml. Fig.1.2. 250ml Fig.1.3. 300ml Wireframes Wireframes consist of three pages: Home...