INTERACTIVE DESIGN - PROJECT 2

-
 09/10/2023 - 23/10/2023 / Week 7 - Week 9
Thanaphorn Daensaad / 0350930
Interactive Design / Bachelor of Design (Hons) in Creative Media

Lists:
Instruction
Project 2: Working Web Page

Feedback
Reflection


Instructions




PROJECT 2: Working Web Page
The objective of this assignment is to transform our static prototype from Project 1 into a fully functional and interactive web page.

-Review your static prototype from Project 1 and analyze its layout, typography, colour scheme, and imagery.
-Use HTML and CSS to translate the design elements into code, ensuring a faithful representation of the original prototype.
-Aim for pixel-perfect precision while maintaining responsive design principles to ensure compatibility across different devices and screen sizes.


HTML based on Prototype
 



Final Outcome


Comments

Post a Comment

Popular posts from this blog

WORK COMPILATION

-
Image
Filmmaking Filmmaking - Lights, Camera, Murder! Phum V. Video Editing Animation   Action Animation Animatics - The Forgotten Spirit Animatics - Night’s Fright Motion Graphic Motion Graphic  Abstract    Composition Remix Motion Graphic - Channel Bumper 3D Modelling  3D Modelling - Wall-E  3D Modelling - Room Graphic Design/ Marketing Storycard Music Poster Design Grab Billboard Design (Concept) Grab Billboard Design (Concept) Audio Design/ Editing Audio Storytelling - Puss in Boots
Read more

MAJOR PROJECT 2 - FINAL COMPILATION & REFLECTION

-
Image
5.2.2026 - 29.3.2026 (Week 1 - Week 8) Thanaphorn Daensaad / 0350930 Major Project 2 / Bachelor of Design (Hons) in Creative Media Final Compilation & Reflection List Project Feedback Reflection Major Project 2 This module is a continuation from the previous module Major Project 1 which is where we execute what had proposed. Our group decided to stay as a team and move forward together. Assessment breakdown Since we chose to continue as a group, we decided on making the animation 3D. We started off with modelling the characters, environment and props needed for each scenes. In our first consultation, we discussed our final outcome and project timeline with Mr Kamal. We planned to finished the modelling by the 1st week and rigging to show on the 2nd week. Therefore, we all divided the tasks as we have 4 characters, 4 environments and some props. My task is to model and rig one character which is the Grim reaper then followed by modelling and setting the environment for backyard, Hel...
Read more

ADVANCED ANIMATION - PROJECT 3 / ACTION ANIMATION

-
Image
25/06/2025 - 30/07/25 (Week 10 - Week 14) Thanaphorn Daensaad / 0350930 Advanced Animation / Bachelor of Design (Hons) in Creative Media Project 3: Action Animation List Instructions Project 3: Action Animation Feedback Reflection Instruction Module information booklet Project 3: Action Animation In the final project, we are required to animate a 5 to 10 second physical action sequences. We have to choose an action sequence that involves physical movement, such as a fight, chase, or sports-related activity.  Reference Video First I found a reference video on YouTube from a Japanese channel that I can't read. At first I was thinking to do a parkour animation from one roof to another roof like a game vialled Vector. Then I rethinked how much I didn't like doing a spinning animation, esp...
Read more