Advanced Interactive Design Task 2 Interaction Design Planning and Prototype

-

Jason Antony

0356335

BDCM

Advanced Interactive design


Task 2 Interaction Design Planning and Prototype


Instructions

Students are required to work on their visual
design and start planning their website’s interactive design elements and
features. Unlike traditional static websites, when it comes to interactive
design where animations are present, the plan not only should include the layout
visuals but also the animation example or reference. Students can build
their animation or user-reference animation to demonstrate the intended idea.


Requirements:

  • Walkthrough Video presenting the plan and
    showing the animation examples and/or references.
  • Online posts in your E-portfolio as your
    reflective studies with links to any resource involved in creating the
    plan. (i.e.: Figma link, Miro link, etc.)

Figma Link


I finished my prototype in Figma without animations before moving to Adobe Animate. The animation flows for each section and elements are labeled in the figma file using the comment function. this allows me as the designer to keep track of my thoughts and plans for the animations in a separate canvas from the normal designing space. 

I will explain the thought processes and ideation in depth in the presentation video. 

Animation references. 

Most of the animation references are from the selected website references that were mentioned in the project proposal. 

Landing Page Hero Section Animation, About Page Animation, Card animations
https://www.eseagency.ch/en

Menu animation
https://ohodesign.ch/kontakt

Micro Animations, Product page animations
https://studio-rethink.webflow.io/contact


Video Presentation


Comments

Post a Comment

Popular posts from this blog

Final Eportfolio - Games Development

-
Image
 Exercise Week 1 Adam's Nightmare  The concept of this game is similar to Limbo, by using silhouettes, and dreamlike design elements. The game is designed so that the users interpret their own stories. This creates a mystery that can be a profound experience for gamers. However, the gameplay could be drastically improved. For instance, the game basically revolves around jumping over obstacles and pushing or dragging different elements to progress within the "nightmare". However, the physics of the jumping is not responsive enough for the obstacle courses within the levels. the dragging and pushing are also designed in a way that causes the game to feel unrealistic. for instance, when the user tries to pull a box, the character seems to have the "force", so it could pull objects without actually touching them. The difficulty of the game is also a problem. Usually, difficulty levels scale within the game in a way where easier levels are
Read more

EXPERIENTIAL DESIGN - TASK 3 : CREATIVE EXPERIENCE DESIGN PROJECT PROTOTYPE

-
Image
EXPERIENTIAL DESIGN - TASK 3 : CREATIVE EXPERIENCE DESIGN PROJECT PROTOTYPE Jason Antony / 0356335 / Bachelor of Design in Creative Media Experiential Design Task 3 : Creative Experience Design Project Prototype November 5, 2023 TASK Instructions The prototype will enable the students to discover certain limitations that they might not have learnt about before. They’ll have to creatively think about how to overcome the limitations to materialize their proposed ideas. The objective of this task is for the students to test out the key functionality of their project. The output may not necessarily be a finished visually designed project. The students will be gauged on their prototype functionality and their ability to creatively think of alternatives to achieve the desired outcome.  Progression I started the project by looking at some 3D models for the cells on sketchfab, but then I found out there is a sketchfab plugin on unity. I then exported the 3d model into the AR Scene.  Once I exp
Read more

EXPERIENTIAL DESIGN - Final Task

-
Image
EXPERIENTIAL DESIGN - Final Task Jason Antony / 0356335 / Bachelor of Design in Creative Media Experiential Design Task 4: Creative Experience Design Project December 15, 2023 Coming from the prototype I've improved several parts of the app. **1. AR Scene:**    - In the AR scene, I experienced the heart of our educational AR app. Here, I harnessed the incredible capabilities of Unity's AR Foundation to bring cell biology to life. By simply tapping on the screen of my mobile device, I was able to place a 3D model of a cell into my real-world environment. It was awe-inspiring to see the cell model seamlessly blend with my surroundings. I used Sketchfab to import the 3d model and create the labels. Then I made the object able to rotate, zoom, and move using a plugin called Lean Touch.  **2. Notebook Scene:**    - The Notebook scene was like opening a digital textbook on my mobile device. It was designed to be viewed in portrait mode, offering a comfortable reading experience. The
Read more