Posts

Showing posts with the label Interactive Design

INTERACTIVE DESIGN/FINAL PROJECT: DESIGN, EXPLORATION & APPLICATION

Image
12/06/2024 - 24/07/2024  /  Week 8 - Week 14 Marsya Arisa Binti Mahmud / 0359684 Interactive Design / Bachelor of Design (Hons) in Creative Media / Taylor's University Final Project: Design, Exploration & Application INSTRUCTIONS Design and develop a single page microsite centered around the theme of lifestyle. Craft and immersive and visually appealing microsite that effectively communicates the chosen theme and engages users through thoughtful design and interactive elements. Requirements: Introduction Featured Content Photo Gallery Expert Interviews and Testimonials Get Involved or Subscribe Photo Gallery <iframe src="https://drive.google.com/file/d/1I_tFKVYqeYWZXvayHqHDwuFyF7y5CHsu/preview" width="640" height="480" allow="autoplay"></iframe> PROCESS WORK Figure 1.1: Content Structure of Website Figure 1.2: Visual Reference Figure 1.3: Mood Board INTRODUCTION Figure 1.4: Introduction Section FEATURED CONTENT Figure 1.5: Fea...

INTERACTIVE DESIGN/PROJECT 2: WORKING WEB PAGE

Image
29/05/2024 - 12/06/2024  /  Week 6 - Week 8 Marsya Arisa Binti Mahmud / 0359684 Interactive Design / Bachelor of Design (Hons) in Creative Media / Taylor's University Project 2: Working Web Page INSTRUCTIONS Transform the static prototype from Project 1 into a fully functional and interactive web page. Use HTML and CSS to translate the design into code. <iframe src="https://drive.google.com/file/d/1I_tFKVYqeYWZXvayHqHDwuFyF7y5CHsu/preview" width="640" height="480" allow="autoplay"></iframe> PROJECT 2: WORKING WEB PAGE For my Project 1, I designed a prototype of my resume using Adobe XD. I then had to code this prototype in HTML and CSS. Figure 1.1: Project 1 Prototype Mood Board Figure 1.2: Mood Board HTML <iframe src="https://drive.google.com/file/d/1BWLee7M1M1V2aZlpTqS436Qace-9iss9/preview" width="640" height="480" allow="autoplay"></iframe> CSS <iframe src="https://dri...

INTERACTIVE DESIGN/PROJECT 1: PROTOTYPE DESIGN - DIGITAL RESUME/CV

Image
15/05/2024 - 29/05/2024  /  Week 4 - Week 6 Marsya Arisa Binti Mahmud / 0359684 Interactive Design / Bachelor of Design (Hons) in Creative Media / Taylor's University Project 1: Prototype Design - Digital Resume/CV INSTRUCTIONS Create a prototype for the digital resume using Adobe XD or Figma. The prototype should showcase the layout, visual elements and user interface interactions. Requirements: Content and Structure Layout and Visual Design Sections and Organization Visual Elements Prototype Presentation <iframe src="https://drive.google.com/file/d/1I_tFKVYqeYWZXvayHqHDwuFyF7y5CHsu/preview" width="640" height="480" allow="autoplay"></iframe> PROCESS WORK To begin my work process, I prepared the content that includes my personal details, work experience, skills and other relevant projects. This helps me plan out the hierarchy of the information when creating my layout.  <iframe src="https://drive.google.com/file/d/1KuKXAw...

INTERACTIVE DESIGN/EXERCISES

Image
24/04/2024 - 12/07/2024  /  Week 1 - Week 8 Marsya Arisa Binti Mahmud / 0359684 Interactive Design / Bachelor of Design (Hons) in Creative Media / Taylor's University Exercises INSTRUCTIONS 1. Web Analysis  Analyse an existing website and identify areas for improvement. 2. Website Replication Replicate an existing website using softwares such as Photoshop or Adobe Illustrator. 3. HTML and CSS Document Development 4. CSS Layout <iframe src="https://drive.google.com/file/d/1I_tFKVYqeYWZXvayHqHDwuFyF7y5CHsu/preview" width="640" height="480" allow="autoplay"></iframe> EXERCISES 1. EXERCISE 1 - WEB ANALYSIS (24/04/24) Choose two websites from the given links. Review the website taking note of its design, layout, content and functionality. Identify the strength and weaknesses as well as consider how they impact user experience. Write a brief report to summarise your findings and recommendations (less than 500 words).  The Happy Few by F...