History of Sans Serif

Website

An interactive vertical timeline website for history of Sans Serif Typefaces

HTML5 CSS JavaScript Bootstrap Sketch

Project Date

2020-02-28 14:27:06

Project Type

Personal

Welcome to one of my current projects, a vertical scrolling webpage with well-thought visuals, motion designs, and animated transitions. Specifically, it is an interactive timeline that users can learn the history of sans-serif fonts by scrolling through multiple iconic typefaces from the 19th century to the 21st century.

Prototyping Process

This project will be a single page, vertical scrolling webpage with multiple sections. One of these is a timeline that locates on the center-right. It will be a fixed element, where users can click and visit the desired year. Also, each slide will have an intro animation and will autoplay as user exploring.

History of Sans Serif
History of Sans Serif

History of Sans Serif

History of Sans Serif

Features To-do List

Other than the content, the following features will be added to the website.

  • Scroll Snapping
  • Smooth Scrolling to sections (Year)
  • Autoplay transition and animation on visit
  • Parallax Scrolling images
  • Image click to enlarge
  • Interaction on click
  • Responsive

History of Sans Serif
Linkedin Github