The Witcher – Wild Hunt Web Page
This web application was developed as a collaborative project by a team of four during the Web Development course at the Informal School of IT. The central theme of the assignment was fantasy, and as passionate fans of The Witcher universe, we decided to design a multi-section website inspired by The Witcher: Wild Hunt game.
The project was built using HTML, CSS, and JavaScript, with each technology serving a specific purpose throughout the development process:
- HTML was used to structure the content of the website in a clean, semantic, and accessible way. Each section of the site was created using well-organized markup, following best practices for web structure and SEO.
- CSS was responsible for the visual styling of the site, including layout design, responsive adjustments for different screen sizes, typography, color schemes, and hover effects. We used Flexbox and Grid to ensure consistent alignment and responsiveness
- JavaScript was implemented to enhance interactivity across the website. While the overall project uses JavaScript sparingly, it plays a key role in features such as dynamic tab switching, animations, and scroll behavior.
My main responsibility in this project was the creation of the "Characters" section. This part of the site showcases the key protagonists from The Witcher universe, such as Geralt of Rivia, Yennefer of Vengerberg, Ciri, and others. I focused on both design and functionality:
-
I designed custom cards for each character using HTML and CSS, ensuring a visually cohesive and immersive experience that fits the dark fantasy aesthetic of the game.
-
To improve user interaction, I used JavaScript to add hover animations and transitions that reveal additional character information.
-
All content was optimized for responsiveness, ensuring the section looks great on both desktop and mobile devices.
The final result is a visually rich and interactive fan page that reflects both our technical progress and passion for the fantasy genre.
You can explore the full website here:
🔗 https://the-witcher-wild-hunt.netlify.app



