# S, M, L, XL

Create a 1 page experience website that is adaptable for different mediums and screens. The website should be adaptable for 4 different sizes (ideal for projector, desktop computer, laptop and mobile phone). The website should create a series of prompts for another person to use. Your website should ask your audience to use different types of screens throughout the experience. The audience should interact with your website in an active way.

# Goal

  • Fluent in HTML and structure of a page
  • Fluent in CSS and how to style multiple elements at once
  • Understanding of the different media and screen size
  • Create a fluid layout that adapt in different size
  • Visual storytelling
  • Advance UX/UI
  • Simple JavaScript and Jquery library

# Reference

# Due Date(s)

May 5
Final Critique Group 1

May 7
Final Critique Group 2

# Schedule

Week March 23—29
Personal research and concept development

April 2
Concept presentation: be ready to present a defined wireframe for at least 2 possible directions. We will choose together one direction to move on.

April 7
HTML + CSS Structure page (L)

April 9
HTML + CSS Structure page (S)

April 14

HTML + CSS Structure page (M)

April 16
HTML + CSS Structure page (XL)

April 21
HTML + CSS + JavaScript + Jquery + (S, M, L, XL)

April 23
HTML + CSS + JavaScript + Jquery + (S, M, L, XL)

April 28
Keep Working

April 30
Keep Working

Last Updated: 3/19/2020, 11:21:21 PM