Please just give it your best attempt to try and create a website based on the parameters described below. For the business choice, I would like to do something simple such as an Xbox. Please make it believable and not too advanced for a basic web lab course. At the very least, just try to make as much of the framework as you can. Be sure to use CSS, JS, and jQuery. Please be as descriptive as possible for certain sections of the code (leave comments within the code to describe what that chunk of code is doing). Thank you.

FINAL WEBSITE PROJECT You've made it to the end of the semester. It's time to put all our coding skills to work so that you can create a final website. To get full credit for your final project make sure to submit the project link with all accessible code and the deployed project link (- 25 POINTS for error in providing both links). GRADING RUBRIC: 400 POINTS TOTAL. The final project will be either a website for a portfolio, a story, business or subject you care deeply about. The project is broken up into the following components: Creative Brief (50 Points) . Wireframes/Sketches (50 Points) . Website (300 Points) - Website Presentation (-50 points for anyone that misses this component) CREATIVE BRIEF (50 Points) . Look at the section below and answer all the appropriate questions (The more details the better!) List 5 portfolios/websites that are inspirations What's a creative brief? In the best cases, a creative brief is a document created through initial meetings, interviews, readings and discussions between a client and designer before any work begins. Throughout the project, the creative brief continues to inform and guide the work. A good creative brief will answer these questions: CREATIVE BRIEF QUESTIONS 1. Background Summary: Who is the client? What is the product or service? What are the strengths, weaknesses, opportunities and threats (or SWOTs) involved with this website product or service? Are there existing research, reports and other documents that help you understand the situation? 2. Overview: What is the project? What are we designing and why? Why do we need this project? What's the opportunity? 3. Drivers: What is our goal for this project? What are you trying to achieve? What is the purpose of this work? What are the top three objectives? 4. Audience: Who does the project speak to? What do they think of us? Why should they care? 5. Competitors: Who is the competition? What are they telling the audience that we should be telling them? What differentiates this site from them? 6. Tone: How should the content communicate? What adjectives describe the feeling or approach? 8. Visuals: Are you developing new images or picking up existing ones? If you are creating them, who/what/where are we photographing or illustrating? And why? 9. Details: Any mandatory information that must be included? List of deliverables? Preconceived ideas? Format parameters? Limitations and restrictions? Wireframes (50 Points) Create simple layouts for each distinct pages, scan or take pictures of your designs and place them in your project folder For 5 pages there will be 3 pages there will be 9 layouts. WEBSITE (300 POINTS) Proper HTML & CSS Syntax Usage (100 POINTS) Design/Responsiveness ensure that all elements on your website are responsive to the viewer device size through CSS Grid (CSS Grid small, medium and large devices and use of @media use auto-fill & auto-fit) (50 Points) JS/jQuery and jQuery Plugins JS Libraries (50 Points) Creativity of site design that includes minimum 3 website pages and uses minimum of 2 different layouts. also requires the use of images, google font & fontawesome(50 Points) Deploy Website to the web and provide a website link (you don't need a custom domain name) (50 Points) Minimum of 3 pages To avoid additional point reduction, please make sure to include include: Making sure your images and content express the intent of your site Use HTML structure and semantic tags to provide information hierarchy (meta tags title tags) Use CSS tags such as, colors, fonts, grid, etc to create a theme and design for your website. Use HTML and CSS tags to create professional design and layout for your project. Content quality - Clear message (what are you trying to saying) Use Jquery event listeners, JS IF/else statement and arrays to add thoughtful interaction to your website FINAL WEBSITE PROJECT You've made it to the end of the semester. It's time to put all our coding skills to work so that you can create a final website. To get full credit for your final project make sure to submit the project link with all accessible code and the deployed project link (- 25 POINTS for error in providing both links). GRADING RUBRIC: 400 POINTS TOTAL. The final project will be either a website for a portfolio, a story, business or subject you care deeply about. The project is broken up into the following components: Creative Brief (50 Points) . Wireframes/Sketches (50 Points) . Website (300 Points) - Website Presentation (-50 points for anyone that misses this component) CREATIVE BRIEF (50 Points) . Look at the section below and answer all the appropriate questions (The more details the better!) List 5 portfolios/websites that are inspirations What's a creative brief? In the best cases, a creative brief is a document created through initial meetings, interviews, readings and discussions between a client and designer before any work begins. Throughout the project, the creative brief continues to inform and guide the work. A good creative brief will answer these questions: CREATIVE BRIEF QUESTIONS 1. Background Summary: Who is the client? What is the product or service? What are the strengths, weaknesses, opportunities and threats (or SWOTs) involved with this website product or service? Are there existing research, reports and other documents that help you understand the situation? 2. Overview: What is the project? What are we designing and why? Why do we need this project? What's the opportunity? 3. Drivers: What is our goal for this project? What are you trying to achieve? What is the purpose of this work? What are the top three objectives? 4. Audience: Who does the project speak to? What do they think of us? Why should they care? 5. Competitors: Who is the competition? What are they telling the audience that we should be telling them? What differentiates this site from them? 6. Tone: How should the content communicate? What adjectives describe the feeling or approach? 8. Visuals: Are you developing new images or picking up existing ones? If you are creating them, who/what/where are we photographing or illustrating? And why? 9. Details: Any mandatory information that must be included? List of deliverables? Preconceived ideas? Format parameters? Limitations and restrictions? Wireframes (50 Points) Create simple layouts for each distinct pages, scan or take pictures of your designs and place them in your project folder For 5 pages there will be 3 pages there will be 9 layouts. WEBSITE (300 POINTS) Proper HTML & CSS Syntax Usage (100 POINTS) Design/Responsiveness ensure that all elements on your website are responsive to the viewer device size through CSS Grid (CSS Grid small, medium and large devices and use of @media use auto-fill & auto-fit) (50 Points) JS/jQuery and jQuery Plugins JS Libraries (50 Points) Creativity of site design that includes minimum 3 website pages and uses minimum of 2 different layouts. also requires the use of images, google font & fontawesome(50 Points) Deploy Website to the web and provide a website link (you don't need a custom domain name) (50 Points) Minimum of 3 pages To avoid additional point reduction, please make sure to include include: Making sure your images and content express the intent of your site Use HTML structure and semantic tags to provide information hierarchy (meta tags title tags) Use CSS tags such as, colors, fonts, grid, etc to create a theme and design for your website. Use HTML and CSS tags to create professional design and layout for your project. Content quality - Clear message (what are you trying to saying) Use Jquery event listeners, JS IF/else statement and arrays to add thoughtful interaction to your website