Advance Interactive I Task 2: Thematic Interactive Website

 Khansa Raudlatus Syahiidah / 0374511

Course: Bachelor of Design (Honours) in Creative Media

Module: Advanced Interactive

Task 2: Thematic Interactive Website

Table of Contents:

  1. Lectures
  2. Instruction
  3. Themtic Website
  4. Feedback
  5. Reflection
1. Lectures
    For our task 2, we focused on executing what we planned to Adobe Animate. We started creating our assets, pages in Adobe Animate, and the web interactions. As we have planned and made our wireframe in Figma, we had the idea on what we need to do in Adobe Animate. 
2. Instructions
3. Thematic Website

Sketches:



Page 1: Home page


Page 2: About page

    For my "about" page, I made it as a page to get to know more about scams. I came up with a sliding to the side interaction through button. I made sure the design and layout was finalized before starting to animate it.

    As I wanted to make the button change color when hovering, I picked the color I wanted it to appear when hovering. I then connected it to the script I wrote in the "main_box" script.

    For all the animations / interactions in the "about" page, all script is put to one in the "main_box" script. So for both the sliding next and hover animation is put together here.

Page 3: Prevent page




Page 4: Cases page



Page 5: Damage Control page

Final Website Link: CLICK ME
4. Feedback
    The feedback I received from Mr. Shamsul after showing him my progress was on how I must keep everything consistent. 
5. Reflection

Comments

Post a Comment

Popular posts from this blog

Minor - Cooling the Heat, Healing the Mind [Group 10]

Image
Khansa Raudlatus Syahiidah / 0374511 Advanced Typography / Bachelor of Design (Honours) in Creative Media Module: Minor Table of Contents: 1. Links     2. Introduction 3. Project: Cooling the Heat, Healing the Mind 4. Feedback 5. Reflection 1. Links Figjam board Main Google Drive Figma app link  (view only) Group 10 final proposal 2. Introduction 3. Project: CHHM Weekly progress Week 1-2: We were proposed the assignment guidelines of the assignments throughout this module and we also formed groups. Then were given the google sheets for the different projects to choose from.  Topic chosen:  Cooling the heat, Healing the mind  Team members :   Khansa Raudlatus Syahiidah As-Sajad (0374511) (team leader) - UI/UX  Erin Samantha Fenner (0381696) - Graphic Design  Feilyc...
Read more

Design Principle TASK 3 - DEVELOPMENT & DESIGN

Image
Khansa Raudlatus Syahiidah / 0374511 Course: Bachelor of Design (Honours) in Creative Media Module: Design Principles Task 3: Development & Design Table of Contents: Lectures Instruction Task 3 Feedback 1. Lectures 2. I nstruction 3. TASK 3 - DEVELOPMENT & DESIGN Task 1 & 2 recap: On our previous task, we had to sketch 3 different ideas while still applying the design principles. These sketches also referred to our ideation based on the selected design poster we did. After we have all 3 sketches done, Mr. Fauzi gave us feedbacks on what's good and could be better. Through this session, we were then able to continue further to task 3 using the chosen poster my Mr. Fauzi. Task 3 recap: For our final task, we had to develop further / refine our chosen sketch  through colour exploration, composition, typeface, positioning  with design principles in mind. Task 3 design process:     -  Original sketch     -  Refine process Final De...
Read more

Design Principle TASK 1 - Exploration

Image
Khansa Raudlatus Syahiidah / 0374511 Course: Bachelor of Design (Honours) in Creative Media Module: Design Principles Task 1: Exploration  Table of Contents: Lectures Instruction Task 1 Feedback 1. Lectures Elements of Design 1. POINT A point dot is the simplest element of design. A point used as a repetitive mark forms a line. As the point moves in space, other two- and three- dimensional figures and forms are created. 2. LINE Lines can be active or static, aggressive or passive, sensual or mechanical. Lines can indicate directions, define boundaries of shapes and spaces, imply volumes or solid masses, and suggest motion or emotion. Lines can also be grouped to depict qualities of light and shadow and to form patterns and textures. 3. SHAPE Refers to the expanse within the outline of two-dimensional area or within the three-dimensional object. Becomes visible when a line or lines enclose an area or when an apparent change in value (lightness/darkness), color or texture sets an a...
Read more