Interactive Design-Exercise1 to Project2

LI YANXI ( 0361436 )

Bachelor of Design In Creative Media 

                                                                                                                                            

INSTRUCTIONS

 

                                                                                                                                            

Exercise 1 -Web Analysis (week 1)

We need to choose 2 websites from the link that sir gave us, and write a brief report summarizing my findings and recommendations.👇

And we needs to use Google Slide.

This is the Google Slide.👇

https://docs.google.com/presentation/d/1e-DCHkFzZArIhyV2sgNrpFL-BE5d4g_HWdsmRy4Nmg8/edit?usp=sharing

Exercise 2 -Web Replication (week 2)

First i download two pages of websites.

website 1.

website 2.

Then i put it into AI and countinued to created the work.👇

So, i changed the pictures and the head title.Why i'm doing that is because i like to make the LOGO looks clearly.👇

And then that's the final 👇

website 1. final

website 2 . final JPEG

Project 1 - Prototype Design (week 4-week 5)

Part 1 Prototype Design – Digital Resume/CV

At calss , sir let us search the background and that's my background.👇

Then i create some code on DW , following with teacher.

Process

Then i create my work on Xd , with part 1. And with my personal introduction.

This is the final with part 1.👇

Part 1 Prototype Design – Digital Resume/CV final JPEG

Exercise 3 -Recipe card (week 6)

Sir let us to do a recipe card website with CSS, and first i found a picture for food to introduce.

Xiao Longxia picture from pexels

Code with recipe card 10.10.2023

                               

Exercise 3 Final - Recipe card JPEG . 10.10.2023

 https://exercise-recipecard-liyanxi.netlify.app/

This is the final with my recipe card.

Project 2 - Working Web Page (week 8-week 9)

So following the project 1 part 1 we create a web page on Xd and then now in this week we should make it working.👇

project 1 part 1

So i create html file on DW. This is part of it.

part 1 code

Part of image from “contact”

part 2 code

This is the final link with project 2 (22.10.2023)

https://liyanxi-project2.netlify.app/

                                                                                                                                            

FEEDBACK

Week 14 :

Add footer , design is not very interesting and looks very plain and dull.