The topic is quite hard to grasp and you are going to have to be able to write a clear set of requirements (what someting must do) and specifications (how exactly it's going to do it) for your project idea.

Watch the video to help get a good understanding of the topic and then complete the worksheet below. Make sure you make a copy of the doc and then have a go filling it out. All instructions are inside the document.

Low Fidelity: This is a simple and basic way of showing what something will look like or how it will work. It's used in different areas like designing products, making user experiences, creating software, and making early versions of things. In product or user experience design, low fidelity means making rough sketches, simple layouts, or basic models of how something will look or work.

High Fidelity/Mockup: This is a very detailed and polished way of showing what something will look like or how it will work. It's used in various fields like design, user experience, audio tech, virtual reality, and more. High fidelity is all about getting the details right, making it look very realistic, and showing exactly how the final thing will look, feel, and work.

Prototype: A prototype is like an early version of something, a kind of test model, created to try out the most important parts and how they work together. It's a hands-on way to see if an idea or design is good, and it helps designers, developers, and users understand how well it works. You won't be making a prototype right now; it's for later stages.

Create the high fidelity wireframe. Choose font and color options.The idea here is to start refining your design. Use what you learned from the feedback to make a more refined version of the wireframe using Figma, Inkscape or similar software. Take a look at several potential color palettes and fonts so you can get feedback from your stakeholders, teachers or classmates. Layout the structure of the page(s) of your site. Make sure users can see the alignment, proximity and flow of the layout so they can give you good constructive feedback. 

Congratulations on reaching the final stage of your website design! To create a polished and impressive final mockup, follow these steps carefully. Begin by thoroughly reviewing your wireframes and design concepts to ensure you capture all intended elements. Utilize a professional design tool of your choice, such as Adobe XD, Figma, or Inkscape, to bring your mockup to life. Pay attention to color schemes, typography, spacing, and overall layout consistency. Integrate high-resolution images and relevant content into each section. Make sure navigation is intuitive and functional. Don't forget to include hover effects or interactive components to showcase user interactions. Aim for a visually appealing and user-friendly mockup that effectively communicates your website's purpose and design.