Tooltips

Creating a versatile and reusable pattern
The Problem
Across the many products that The Knot offered there were a number of different versions of tooltips created to solve different problems. I spearheaded efforts assess the product’s tooltip needs and propose a solution that would create consistency and clarity.
Tooltip Types
After meeting with fellow designers to take inventory of tooltip needs across the product. We agreed upon a global need for three primary types of tips.

Tour Tips



Tour Tips

Hover Tips
