GDS 46

Redesign Project

Redesign Extra Credit Project Instructions


Objective:

Requirements:

  1. Create at least 3 linked web pages from the original site.
  2. Do not use any of the existing code.
  3. You may use product images, body copy, or the logo from the existing site.
  4. Use Bootstrap OR Tailwind to make the site. See the main class instruction page for resources on Bootstrap and Tailwind.
    • If you use Bootstrap
      • Customize the bootstrap look and feel so it does not 'look like bootstrap'
      • Do NOT use bootstrap starter pages or templates, but instead create the page from scratch using bootstrap containers, grid, etc.
      • You CAN use boostrap code snippets and components.
    • If you use Tailwind
      • Do NOT use Tailwind starter pages or templates, but instead create the page from scratch using the utility classes in Tailwind.
      • You CAN use Tailwind code snippets and components.
  5. Use at least 1 web font using @font-face
  6. Make your pages responsive and deliver 3 different designs for typical phone, tablet and desktop resolutions.
  7. Please, do NOT use any template webpages found on the internet as a starting point. You can use our exercises and code snippets as components, but not whole pages or designs.