The research phase focused on identifying existing interactive websites on Awwwards.com and analyzing their user experience. The research revealed that most interactive websites were not user-friendly nor easy to use. These websites had complex navigation, unintuitive user interfaces, and required high cognitive effort from people.

The analysis also showed that people often abandoned these websites due to frustration and the inability to navigate them. Furthermore, users found it challenging to engage with the content due to poor user experience, leading to reduced retention rates.

Based on these findings, it was evident that there was a need for a people-friendly and easy-to-use interactive website.

The ideation phase focused on developing design concepts that addressed the shortcomings of existing interactive websites. The goal was to create a website that provided an immersive horror experience while ensuring ease of use and user-friendliness.

To achieve this, the following design concepts were developed:

• Simple Navigation: The website's navigation would be simple, intuitive, and easy to use. This would ensure users could quickly access the content they were interested in, reducing cognitive effort and frustration.
• Interactive Elements: The website would incorporate interactive elements, such as animations and sound effects, to enhance the user's horror experience. These elements would be seamlessly integrated into the website's human interface, providing a seamless experience.
• Responsive Design: The website would have a responsive design, allowing it to adapt to different screen sizes and devices. This would ensure people could access the website on any device, improving accessibility.
• User Testing: The website would undergo user testing to identify and address any usability issues. This would ensure the website's user experience was optimized, reducing frustration and increasing retention rates.

The next step was to create wireframes to visualize the website's layout and structure which were done on paper. The wireframes showed the website's structure, layout, and functionality based on the research findings and aimed to provide a simple and easy-to-use interface for people.

We made sure every screen of the website answered the following questions which will improve how intuitive the website is:

• Where am I?
• Where can I go?
• What will I find when I get there?
• How do I get there?
• How do I leave here?

How do I leave here? Figma was the preferred tool for the design of the website. The Horror Vault website's overall design is scary and immersive with a black and red color scheme, clear typography, and easy navigation. The use of sound effects, Gifs, and videos creates a creepy atmosphere for an interactive horror experience. Progressive Disclosure was incorporated during the mobile design of the vault to reduce clutter.

The prototype was also designed using Figma.The prototype showed how the website would look and function. It included interactive elements such as buttons, menus, and links. The prototype was tested for usability by a group of users who provided feedback on its design and functionality. The feedback was used to refine the design and improve the user experience.

The development phase of the project involved creating a responsive design that would be accessible on different devices such as desktops, laptops, tablets, and mobile phones. The website was built using HTML, CSS, and JavaScript, and the Bootstrap framework was used to ensure the website was fully responsive. The developer used the latest web development technologies to ensure the website was optimized for speed, accessibility, and search engine optimization (SEO).

The website's interactive features were implemented using JavaScript, which included animations, hover effects, and pop-ups. The animations were used to add visual interest to the website and create a dynamic user experience. The hover effects were used to highlight interactive elements such as buttons and links, and the pop-ups were used to display additional information or content.

To test the website's usability and functionality, we conducted a series of tests that included:

• Usability Testing: We invited a group of individuals who had different levels of expertise with interactive websites to test the website. Participants were asked to perform specific tasks on the website, and their interactions were recorded.
• Focus Group: We invited a group of individuals who were interested in horror websites to provide feedback on the website's design, content, and overall experience.

Results: Based on the testing and feedback we received, we found that the website performed well in terms of usability and user-friendliness. Participants were able to navigate the website easily and complete tasks without any difficulties.

After several iterations of development and testing, the website was ready to launch. The team ensured that the website was search engine optimized, and all the necessary SEO elements were incorporated into the website's design. The website was launched on a secure hosting platform, and all the necessary security features were implemented.

The post-launch testing phase will involve a survey that will be sent to a sample of users who have interacted with the website.