In design thinking, one way of doing things called the "d.school" model from Stanford University. It has five steps:

• Empathize: This is like putting yourself in someone else's shoes. You watch, listen, and talk to people to understand who you're designing for and what problem you're trying to solve.

• Define: Once you understand the problem and the people involved, you write down a clear statement that describes the challenge. This statement guides your actions.

• Ideate: In this step, you and your team come up with as many ideas as possible. You don't judge them right away; you let your creativity flow to find new and creative solutions.

• Prototype: Now, you start building a version of your solution. It's okay if it's not perfect at first. You can make changes and try different things. This step doesn't need a lot of time or resources.

• Test: After you've made a prototype, you show it to the people who will use it. This helps you understand their needs better and make your solution even better. You keep going through these steps and making improvements until you have a good solution.

Remember, you can go back and forth between these steps, and they don't always have to happen in order. It's all about being flexible and finding the best solution by trying things out and learning along the way.

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.