Task 1: Thematic Interactive Website Proposal [Advanced Interactive Design]
Task 1: Thematic Interactive Website Proposal
01.10.2024 - /Week 1- Week 6
Rafa Maritza Hertrian [0364958]
Bachelor of Design (Honours) Creative Media/ Taylor's
University
DST 60804/ ADVANCED INTERACTIVE DESIGN
INSTRUCTIONS
Thematic Interactive Website Proposal for Brand Engagement. A thematic
interactive website is a website that focuses on a specific theme or
concept with the aim of incorporating interactive elements to interact
with users. Most such websites utilize multimedia such as videos,
animations, interactive graphics displayed on the page, or other
clickable elements which have interactive components that provoke the
user. This dynamic experience is meant to keep the user interested in
addition to the thematic concept. Themes in such websites vary from
educational, cultural, promotional campaigns to product launch. For
example, a thematic interactive site could be a museum. Users can go
through a virtual exhibition space through interactive tours, games
simulation, or questionnaires. In the event that it is a movie, the
site can simulate movie universes offering virtual tours through time
and space, or any other subject previously created in the movie. The
aim of any such site is to keep the user engaged in the medium through
interactive exploration.
Requirements
Students are required to create a thematic interactive website
proposal with the topic of their choice that can be based on:
-
A specific product of a particular brand launch/special (i.e.:
Nike brand new shoe), Beauty product launch (i.e.: Sephora compact
powder,
- Movie promotion
- Game release promotion.
- Gallery/Museum exhibit launch
- Band/Artist latest release.
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 posted in your E-portfolio as your
reflective studies.
RESEARCH
To start on this project, Mr. Shamsul gave the instruction below
Instruction:
- Research 5 themes that you will possibly use
- 10 visual reference (Poster, interface)
- 10 Websites
Potential Themes
1. Canon's new camera release
https://www.usa.canon.com/newsroom/2024/20240717-camera?srsltid=AfmBOoq4mOrlapro_KlswnbMFv9U473bXcPo7BfeAqmqqwM_MYcNMz-5
Bachelor of Design (Honours) Creative Media/ Taylor's University
DST 60804/ ADVANCED INTERACTIVE DESIGN
Thematic Interactive Website Proposal for Brand Engagement. A thematic
interactive website is a website that focuses on a specific theme or
concept with the aim of incorporating interactive elements to interact
with users. Most such websites utilize multimedia such as videos,
animations, interactive graphics displayed on the page, or other
clickable elements which have interactive components that provoke the
user. This dynamic experience is meant to keep the user interested in
addition to the thematic concept. Themes in such websites vary from
educational, cultural, promotional campaigns to product launch. For
example, a thematic interactive site could be a museum. Users can go
through a virtual exhibition space through interactive tours, games
simulation, or questionnaires. In the event that it is a movie, the
site can simulate movie universes offering virtual tours through time
and space, or any other subject previously created in the movie. The
aim of any such site is to keep the user engaged in the medium through
interactive exploration.
Requirements
Students are required to create a thematic interactive website
proposal with the topic of their choice that can be based on:
- A specific product of a particular brand launch/special (i.e.: Nike brand new shoe), Beauty product launch (i.e.: Sephora compact powder,
- Movie promotion
- Game release promotion.
- Gallery/Museum exhibit launch
- Band/Artist latest release.
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 posted in your E-portfolio as your
reflective studies.
To start on this project, Mr. Shamsul gave the instruction below
Instruction:
- Research 5 themes that you will possibly use
- 10 visual reference (Poster, interface)
- 10 Websites
Possible contents:
-
features of the camera
-
product detail
-
sample photos
2. Garfield movie promotion
https://www.imdb.com/title/tt5779228/
Possible contents:
-
Movie release info
-
Tagline
-
plot synopsis
-
characters and casts
-
official trailer
3. Wosado magnetic eyelash
https://wosadobeauty.com/?srsltid=AfmBOopOF6zh9lhV-wzZdVEnpyhpO01QE8aq5SvAKVseF4v47NU2XATq
- features of the camera
- product detail
- sample photos
- Movie release info
- Tagline
- plot synopsis
- characters and casts
- official trailer
Possible contents:
-
Intro to Magnetic Eyelash
-
how to use
-
types of eyelashes
-
how it looks on people
4. Dress to Impress Update Promotion
5. Flower Knows Butterfly Cloud Collar collection
https://flowerknows.co/collections/butterfly-cloud-collar?srsltid=AfmBOoq9fQIACWEHmZ1aRuaEvaAxHGe7D3mZIXI1--z8mw1lGJXL7AeU
- Intro to Magnetic Eyelash
- how to use
- types of eyelashes
- how it looks on people
Possible contents:
- products on the collection
- pricing
Visual References
I am currently very interested in this Japanese-retro commercial
style that also looks somewhat like Japanese comics. I find it
very engaging and unique if I apply this style to my
website.
.jpeg)
.jpeg)
Websites
https://zentry.com/
https://composeitprod.fr/
https://www.frost-snow.com/
https://www.cosmos.studio/
https://www.outreach.space/
https://www.hellokuya.co/
https://www.cleo.show/
https://www.flyplatoon.com/
https://rocani.studio/work/highsnobiety-x-coke
After a discussion with Mr. Shamsul, I have decided to have the
origins of Garfield as the theme of my thematic website. Hence, I
did research to make the content of the website that I will
make.
1. Main Page Title: The Rise of Garfield
2. Jim Davis' Background
-
Davis’ early life and influences (growing up with cats on a
farm).
-
Career before Garfield, including work on other comic
strips.
3. Creation of Garfield
-
Why Davis focus on a cat (seeing a gap in comics centered
around cats).
-
Garfield’s initial character concept: lazy, cynical, and
food-obsessed.
- The inspiration behind Jon Arbuckle and Odie.
4. Garfield’s Debut
- Launch of Garfield on June 19, 1978.
- Initial reception and how it grew in syndication.
5. Evolution of Garfield
-
Changes in the art style and character development over
time.
PROCESS
- products on the collection
- pricing
.jpeg)
.jpeg)
1. Main Page Title: The Rise of Garfield
2. Jim Davis' Background
- Davis’ early life and influences (growing up with cats on a farm).
- Career before Garfield, including work on other comic strips.
3. Creation of Garfield
- Why Davis focus on a cat (seeing a gap in comics centered around cats).
- Garfield’s initial character concept: lazy, cynical, and food-obsessed.
- The inspiration behind Jon Arbuckle and Odie.
4. Garfield’s Debut
- Launch of Garfield on June 19, 1978.
- Initial reception and how it grew in syndication.
5. Evolution of Garfield
- Changes in the art style and character development over time.
Flowchart
Finding Color palette
Creating the Wireframe
FEEDBACK
Week 3Mr. Shamsul suggested that I should proceed with the concept of garfield but instead of focusing on the new movie, I should create a website about the history of Garfield
SUBMISSION
Link:
https://drive.google.com/file/d/13UxLZbItGj4jF93isZ9SQpMkKCgCHA3n/view?usp=sharing
REFLECTION
Experience
Observation
Findings
Comments
Post a Comment