Hello, dear friend, you can consult us at any time if you have any questions, add WeChat: THEend8_
FIT2902 - Interactive Media Studio
ASSIGNMENT 1 INDIVIDUAL PROJECT [30%]
2D WEB PROJECT
Brief
This is an individual assessment task. Your website will be based on the research and
pre-productionwork demonstrated in the Assignment 1 Presentation assessment.
Task
Working individually, design and develop a single-page desktop website that makes
use of full-window sections to present key scenes about your chosen literary fiction in
an engaging way.
The website must have 5-6 full-window sections, each serving a different purpose
● 1 header section that introduces users to the site
● 3-4 sections that communicate important story information, such as characters,
setting and story events
● 1 footer section that includes a web form
Full-window sections must be as wide as the browser viewport, and at least as tall as
the browser viewport. Section may be taller than the browser viewport to allow
additional scrolling.
Your website should consistently apply a specific branding style and art direction that
you have researched and created, while making use of a providedMoNaSH brand logo
assets.
Each section in the website must make use of original/edited media assets, CSS,
animation and JavaScript techniques to present information in an attractive and
engaging way.
Implemented animations and interactions in each section should be listed in your
documentation, as well as all references.
1
FIT2902 - Interactive Media Studio 2
2023 Semester 2
Website Requirements
Your website will present a few key scenes from your chosen literary fiction. Keep in
mind that you do not need to re-tell the entire story. You may use short excerpts from
your selected literary fiction.
Your website production must take into account the following technical considerations:
● The website will be tested at desktop resolutions of 1366 x 768px and 1920 x 1080px.
● Organise your website files using sub-folders and sensible file naming.
● Media assets must use appropriate file formats for use on the web.
● Media assets must be appropriately optimised to minimise file sizes.
Each of the the 5 required page sections must:
● Completely fill the browser viewport to offer a full-window experience.
● Have a unique layout design, different to other sections.
● Animation created using CSS or JavaScript.
● JavaScript interaction that controls an animation.
● JavaScript interaction that triggers audio playback.
You may have additional CSS animation and JavaScript interaction that is applied
globally through the entire site to create consistency between sections. For example,
CSS and JavaScript that are used for a navigation menu that is visible in all sections.
The final section of the website must also include an HTML web form that uses
JavaScript to check values entered into form fields. For example, a form could be:
● Newsletter signup
● Quiz question
● Site feedback
● Contact form