Typography Comparison of Two Websites

Simon & Schuster
Fordham University

I chose to discuss the typography of these two websites because of their font choices to represent what are very traditional (book publishing and higher education) organizations.

I found that the combination of Serif and Sans-Serif fonts in the Simon and Schuster website helped to establish a hierarchy of information, conveying road signs to guide the visitor:


Simon & Schuster 1

The headline and section fonts repeat the font of the Simon and Schuster logo, creating a guiding continuity. The clear and simple San-Serif fonts in the book listings give the necessary information while not interfering the books, which are the stars of the website:


Simon & Schuster 2

I was interested in the Fordham University website because the school had recently decided on a rebranding, which meant changing the font and appearance of the school logo:

Here's the "old" logo:



Fordham Old logo

And, here's the new look:


Fordham New logo

The website, I believe, stays consistent with this updated typography. The San-Serif fonts (bold for headlings) are clear, accessible and provide great direction. It’s a sleek, modern look that gives information quickly. The use of color for the font reflects the school's color and is consistent throughout, providing a steady guide to the sections of the site:

Fordham Web Page

Both the Simon & Schuster and Fordham websites make effective use of type by relying on their logos to provide a consistent structure for display type, while using clear sans-serif type faces to convey the main content of the pages.


Also in this portfolio:

Photoshop and Animate Projects:

Photoshop Project: Digital Magazine Cover
Photoshop Project: Logo for Fictional Electric Vehicle Company
Animate Project: Digital Ad for Fictional Insurance Company
Animate Project: Infographic of Simple Electric Circuit

Color and Typography Project Pages:

Color Theory Article and Definitions
Color Themes
Color Use in Two Websites
A Definition of Typography with 10 Key Terms
Types of Fonts

Background:

My Resume
Home