Advanced Interactive Design Task 1 Interactive Website Proposal

24th April 2024 (Week 1)  - 15th July 2024 (Week 13th)

Insha Thahirah Rajab - 0360671

Advanced Interactive Design - Section 04

Bachelor's Degree  in Creative Media (Honors) - Taylors University

Task 1

CONTENTS

Lectures

Instructions

Task 1

        Final Proposal

Feedback

Reflection

Further Reading

INSTRUCTIONS

TASK

Task 1 - Proposal

Thematic Interactive Website Proposal for Brand Engagement.

Requirements

Students are required to create a thematic interactive website proposal with the topic of their choice that can be based on:

1. A specific product of a particular brand launch/special (i.e.: Nike brand new shoe), Beauty product launch (i.e.: Sephora compact powder,

2. Movie promotion

3. Game release promotion.

4. Gallery/Museum exhibit launch

5. Band/Artist latest release.

6. Or anything else you have in mind (subject to the module coordinator’s approval)

Submission

1. Completed UI/UX proposal document.

2. All processes (concept, wireframes, mood-board, flow chart) have to be documented and posts in your E-portfolio as your reflective studies.

3. A video presentation or Class presentation (to be decided by the module coordinator.

: research

During week 1 we had to come up with ideas to present to Mr Shamsul during tutorial. I made a word doc with a rough idea of some of my ideas:

Mr Shamsul was not impressed and required something more specific as per feedback. I went back home and created new ideas which I sent to him:

He chose constellations and sleep as the final choice: 

So I came up with a basic concept to pitch to him during week 3: 

After gathering feedback, I was ready to polish up and make relevant changes to my proposal. He advised I change the website to 5 main constellations and focus on informing audiences on this.

: final proposal

This was my final proposal:

ADVANCED INTERACTIVE PROPOSAL by Thahira Rajab

FEEDBACK

Week 1

Specific Feedback: Absent

General Feedback: Make sure to download Adobe Animate for next class. Brainstorm ideas to present to me next class for feedback. you are to create an animated interactive website based on a topic of choice.

Week 2

Specific Feedback: Your ideas feel too generic and are some consist of pre-existing websites. Try to think outside the box with an idea that is not only visually pleasing, but informative to audiences; something people are willing to read about and interact with. Show me more ideas within this week.

General Feedback: Draw object using Adobe Animate. Make sure to get your idea finalized before working on the project proposal.

Week 3

Specific Feedback: Simplify your concept further and focus on only constellations as your main topic, taking only 5 man constellations. Talk about their history, origins, myths, where to find them etc.. Sketch out your visualizations and come up with a dynamic homepage as well as subpages.

General Feedback: Make sure your concept has a clear direction and design. Don't overcomplicate. Focus on content for now, and aesthetic later. Practice Animate to be able to do your final animations for your interactive website.

Week 4

Specific Feedback: Include a visual description of your concept to go with your moodboard. Include one more drawing for your wireframe. Add a flowchart. You can include some of your content on the slides too, doesn't matter if it takes up space.

General Feedback: Include wireframes that tell the story of how your pages will appear, acting somewhat like a storyboard, which you can also add to your proposal. Practice paths for your animation to flow and make sure your points match up with the guides created.

REFLECTIONS

Experience: Task 1 was very research based. Classes were extremely helpful when getting feedback from Mr Shamsul. I enjoyed researching multiple topics for Mr Shamsul to choose from. I preferred the face-to-face feedback, and with each lesson on Adobe Animate, I understood further on what was to be expected of our final website.

Observations: Through observing real life examples, I learnt the importance of flowcharts and wireframes when building a website. By looking through my classmates work, I was able to confirm that my wireframe design was suitable and understand its purpose. 

Findings: I found that consistent feedback and approval improved the clarity of my output. I found myself struggling with the flowchart as I didn't have many pages/ subpages and it felt one-dimensional.