Project 1: Website Redesign
Look at the brief again to look at the Deliverables, Project Specs, and Objectives/Evaluation Rubric.
Next Tuesday, you are presenting your website and turning in your prototype and a multi-page PDF or Google Slides of your Case Study both linked to your Sandbox. You may also additionally turn in an animated video or embed it to demonstrate any movement/interactivity of your site. You are not required to code.
Case Study
What is it again?
Case Study Outline
Student Case Studies:
Resources:
Design Inspo Examples
Web Typography
Click to see resources:
Web Fonts
- Google Fonts (list of best ones on Awwwards.com)
- Typekit Web Fonts
Font Pairings
Type Tips
- Web Type Patterns Class Lecture (shows average sizes for body copy, headings, line height, line length, and so on)
- Typography is the New Black
- Tips on Web Typography
InVision Demo
- Sign up for Free
- Demos:
- Tutorials:
Figma Demo
- Sign up for Free
- Demos:
- Tutorials:
Due Next Class
Project 1 Checkpoint: Website Redesign
- Continue to revise all of your pages for both desktop and mobile and make them interactive in InVision or Figma (or Adobe XD), so you can conduct usability tests in class on Thursday.
- Upload link to prototype on #project1 Slack Channel
- If you want to get ahead, start working on your case study as well.