Purpose
The purpose of this website is to create an interactive quiz that tests a user's knowledge of the Legend of Zelda series. Players will be able to choose a difficulty level and answer trivia questions about characters, locations, and gameplay. The goal is to provide an engaging and fun experience for Zelda fans.
Audience
The intended audience for this website is fans of the Legend of Zelda video game series. This includes both casual players who know basic information about the games and experienced players who want to challenge their knowledge with more difficult trivia questions.
Dynamic Elements
JavaScript will be used to dynamically display quiz questions and answer choices. The user will select a difficulty level on the home page, and the quiz page will load questions from arrays of objects. When a player selects an answer, JavaScript will check whether it is correct, update the score, and move to the next question. Event listeners will be used to react to button clicks and DOM elements will be updated to show the question, answers, and current score.
Logo
Color Scheme
| Primary | Secondary | Accent 1 | Accent 2 |
|---|---|---|---|
| #1f3d2b | #c6a539 | #6b4f2a | #f5f1dc |
Typography
Heading Font: Triforce
Paragraph Font: Sans-serif
These fonts were chosen to give the site a fantasy feeling similar to the style of the Zelda series while still keeping the text easy to read.
Content
Home Page
The home page will introduce the Zelda Adventure Quiz and explain how the quiz works. The user will see a hero image, a short description of the quiz, and buttons to choose a difficulty level such as Beginner or Expert. After selecting a difficulty, the user will click a button to begin the adventure and start the quiz.
Quiz Page
The quiz page displays one question at a time along with multiple answer choices. The user will select an answer and click a next button to continue. The page tracks the user's score and updates it as questions are answered correctly. At the end of the quiz, a results section will appear on the same page showing the final score and a message based on performance, along with a button to try again.
Site Map
Wireframes
Home Page
Header with logo and site title. Below the header is a hero image followed by a welcome message. Under the message are two difficulty buttons (Beginner and Expert) and a start button to begin the quiz. The footer appears at the bottom of the page.
Quiz Page
The quiz page contains the header at the top followed by the current question and several answer buttons. Below the answers is a next button and a display showing the current score. The footer appears at the bottom of the page.
