Interactive Design | Project 02

30/5/2024- 29/6/2024 / Week 06 - Week 10

Kerly Ooi / 0358726

Interactive Design / Bachelor of Design (Honours) in Creative Media / Taylor's University

Project 02 | Working Web Page


INSTRUCTIONS 

 

PROJECT 2 - Working WebPage 

In this second assignment, we needed to convert our previously generated prototype in Figma/Adobe XD into a professional web page using HTML and CSS. We needed to make sure it looked as similar to the original prototype as possible while being compatible across several platforms.




Comments

Post a Comment

Popular posts from this blog

Advanced Interactive Design | Task 1

Image
22/4/2025 - 13/5/2025 / Week 1 - Week 4 Kerly Ooi / 0358726 Advanced Interactive Design / Bachelor of Design (Honours) in Creative Media / Taylor's University Task 1 | Thematic Interactive Website Proposal TUTORIAL / PRACTICAL WEEK 2 - Introduction to Adobe Animate Card title swf/ html (create new file) html 5 canvas 25 - 30 frames per sec new project (save as index) - upload to Netlify preview (command + return) vector / bitmap - (see pixels) WEEK 3  Animation tutorial square/ rec to circle fluid brush - tool panel- point selection original brush ( limited settings) compared to Fluid brush tool delete everything - double click keyframe (starts / ends) exp to include keyframe select one of the frame / insert, keyframe double click - create shape tween ease out - Quad to loop - publish settings - more settings - loop animations / command + enter Play with timeline break apart text - command + b / modify →break apart Exercise (countdown 10 - 1 ) Adobe Animate WEE...
Read more

Minor Project

Image
23/4/2025 - 1/8/2025 / Week 1 - Week 15 Kerly Ooi / 0358726 Minor Project / Bachelor of Design (Honours) in Creative Media / Taylor's University Final Compilation | Yubari (Expedio) INSTRUCTIONS   TASKS TASK 1 | PROPOSAL Group Formation | Week 1  On the first week, Mr Mike gave us a briefing of the project we will be carrying out in the next 14 weeks. We were instructed to form a group with people from different specializations and choose a topic from given topic lists for the project.  Below are the topics to choose from: WarisanXR Digital Hologram Experience WayangMind – Mindfulness Solution EXPEDIO Project: Self-Watering Pot & Mood Light CONTINENTAL TIRES Project (for SOE groups) IMPACT LAB: Edu4All – The Night School Project IMPACT LAB: Food Security and Nutrition – Food Aid Foundation IMPACT LAB: Innovation and Technology for Sustainable Hospitality and Tourism After reviewing the options, we were required to form groups of 6–7 members. My group decided to c...
Read more

Advanced Interactive Design | Task 2

Image
20/5/2025 - 10/6/2025 / Week 5 - Week 8 Kerly Ooi / 0358726 Advanced Interactive Design / Bachelor of Design (Honours) in Creative Media / Taylor's University Task 2 | Interactive Design Planning & Prototype TUTORIAL / PRACTICAL WEEK 5  Modify - convert to symbol - make sure its graphic Graphic (colour in different keyframe etc) & Stage (change looping etc) Masking background (add frame & lock) / shape - two layers For shape - 20 keyframe - shape tweet right click layer 2 - choose mask   WEEK 6 (Online) - Button exercise  Ease out → Ease In (Quart effect) Movie Clip & Graphic (The differences) right click on the layer (new layer(actions)) - add wizard button → stop → this timeline →NEXT → with this frame → finish and add WEEK 7    INSTRUCTIONS   Students are required to work on their visual design and start planning their website’s interactive design elements and features. Unlike traditional static website, when it comes to i...
Read more