This is a website I made in my web design class for Dieter Ram’s 10 principles of good design. On the home page, the user can click on any of the principles in the list to navigate to that page section, or they may scroll down to view them in order. The site uses snap scroll align to center on the correct orientation as the user scrolls through each principle. At any principle, the user can use the “home” button to go back to the top.

dieter rams website

 This is a website I made in my web design class for Dieter Ram’s 10 principles of good design. On the home page, the user can click on any of the principles in the list to navigate to that page section, or they may scroll down to view them in order. The site uses snap scroll align to center on the correct orientation as the user scrolls through each principle. At any principle, the user can use the “home” button to go back to the top.

This is a website I made in my web design class for Dieter Ram’s 10 principles of good design. On the home page, the user can click on any of the principles in the list to navigate to that page section, or they may scroll down to view them in order. The site uses snap scroll align to center on the correct orientation as the user scrolls through each principle. At any principle, the user can use the “home” button to go back to the top.

 I wanted each number to bleed into the next section to suggest a connection between the principles and create a more interesting typographical image. I needed, however, to show enough of each number to make sure the form was clear enough to suggest the number itself.

I wanted each number to bleed into the next section to suggest a connection between the principles and create a more interesting typographical image. I needed, however, to show enough of each number to make sure the form was clear enough to suggest the number itself.

Screen Shot 2019-08-05 at 2.55.32 PM.png
Screen Shot 2019-08-05 at 2.55.51 PM.png
Screen Shot 2019-08-05 at 2.56.10 PM.png
Screen Shot 2019-08-05 at 2.56.29 PM.png
Screen Shot 2019-08-05 at 2.56.48 PM.png
Screen Shot 2019-08-05 at 2.57.05 PM.png
Screen Shot 2019-08-05 at 2.58.23 PM.png
Screen Shot 2019-08-05 at 2.58.41 PM.png
Screen Shot 2019-08-05 at 2.59.10 PM.png