Web Design Phases
Rules of Layout Design
Useful Websites
Google Applications
Company Logos
100

This phase is about gathering info like the website purpose, website goals, and the target audience.

What is analysis?

100

This refers to whitespace or unfilled space that emphasizes different aspects while also not being too overwhelming. 

What is negative space?

100

On this website you can buy any product of your choice and it is one of the most competitive and popular markets. 

What is Amazon? 

100

This application is used to write documents, specifically used in school/work settings.

What is Google Docs? 

100

This logo uses contrast between a black background and an inner red letter, like a focal point. Hint: it's one of the most popular streaming services. 

What is Netflix?

200

This phase is the initial thinking of design and structure before actually building the website.

What is planning?

200

This rule deals with a consistent theme within colors, shapes, and graphics.


What is repetition?

200

On this website you can buy countless, high quality pieces of technology their first computer was released in 1976. 

What is Apple?

200

This application is used for presentations and slideshows.

What are Google Slides? 
200

This logo uses repetition because it is all over their website, on all of their products/shoes, and they use it in all of their advertisements. Hint: Just Do It

What is Nike?

300

This phase is part of determining visual styles, wireframe models, and determining the usability. 

What is design?

300

This rule deals with two different elements that are different in appearance and helps to create a focal point. 

What is contrast?

300

On this website you can watch endless videos while always being entertained and the red in their logo is the focal point of the website.

What is YouTube?

300

This application is used for communication between consumers and is used worldwide. 

What is Gmail?

300

This logo uses a focal point using a contrast between the black background and their focus, which is the green design. Hint: listening to music

What is Spotify?

400

This phase is about catering to the audience using writing, text, videos, or pictures that are specific to them. 

What is content?

400

This rule is how text, images, and other graphics line up within a website.

What is alignment?

400

This website brings information to the viewers attention while also having marketing and entertainment aspects. Hint: Their logo is black and white and in close proximity to Connecticut.  

What is The New York Times? 

400

This application is used to store all of the user's google files and is user friendly with negative space.

What is Google Drive?

400

This logo uses alignment with boxes and lines them up along with the words and circles/shapes. Hint: pizza company

What is Domino's?

500

This phase is about creating the website using different coding techniques (HTML or CSS) to make the website compatible. 

What is development? 

500

This rule is to grab and pinpoint the viewer's attention to a specific area of the website.

What is a focal point?

500

This website is solely used for entertainment with countless movies and TV shows. Hint: Most children grow up with their fantasy movies.  

What is Disney+?

500

This application is used for graphing and data collecting purposes and uses the grid/alignment method.  

What are Google Sheets? 

500

This logo uses repetition with the moving arrows and uses negative space to make the arrows seem like the letter S. Hint: their saying is "eat fresh"  

What is Subway?

M
e
n
u