Labels

Advanced Interactive Design | Final Project: Completed Thematic Interactive Website

19.11.2024 - 08.01.2024 / Week 9 - Week 16
Khu Ying Ying / 0357306
Advanced Interactive Design / DST60804 / Bachelor of Design (Honours) in Creative Media
Final Project: Completed Thematic Interactive Website

TABLE OF CONTENTS





INSTRUCTIONS

<iframe src="https://drive.google.com/file/d/1FmQhAShEGNyPvuPQGyPve22qjwbLwxgL/preview" width="640" height="480" allow="autoplay"></iframe>

FINAL PROJECT: COMPLETED THEMATIC INTERACTIVE WEBSITE

Week 14 (27/12/2024)

Requirements:
    1. Students will create integrated visual assets and refine the prototype into a complete working and functional product experience.

    Submissions:
    1. Upload the website to Netlify, then provide the link to the website in your e-portfolio.
    2. A walkthrough video presenting the website.

    Progress:

    Progression

    Loading Page:
    I implemented a fade-in and fade-out effect for the text, added a loading bar below the page, and created an interactive "Click to Explore" button that navigates to the next content page, the Homepage.
    Figure FP.1: Loading Page, Week 14 (27/12/2024)

    Homepage:
    I reduced the homepage content from three sections to two by removing the video trailer, as it felt overwhelming for me. However, the title page still includes a "Next" button and a synopsis for the homepage content.
    Figure FP.2: Homepage, Week 14 (27/12/2024)

    Character Profiles:
    I made the character buttons interactive, allowing users to navigate to their respective pages.
    Figure FP.3: Character Profiles, Week 14 (27/12/2024)

    Logan's Life Journey:
    I made the year buttons interactive, so clicking on them triggers a pop-up displaying information relevant to the selected year.
    Figure FP.4: Logan's Life Journey, Week 14 (27/12/2024)

    Disclaimer:
    I added a disclaimer to clarify that this is a fan page, not an official site.
    Figure FP.5: Logan's Life Journey, Week 14 (27/12/2024)

    Week 15 (03/01/2025)

    Final Submission of Final Project: Completed Thematic Interactive Website

    Website: Link.
    Figure FP.6: Final Submission of Final Project - Walkthrough Video (MP4), Week 15 (03/01/2025)

    REFLECTIONS

    Experience
    I felt relieved after completing the interactive website. Overall, I highly recommend watching his videos, as they were incredibly helpful for this task. The tutorials provided clear guidance and made the process much easier to understand. Completing this project was both a challenging and rewarding experience.

    UICK LINKS

    Projects

    Labels:

    Comments

    Post a Comment

    Popular Posts