How do you go from book map to site map?

Complete Comprehension is a series of professional development books from Scholastic and author, Jennifer Serravallo. My familiarity with the instruction helped me connect the information architecture of the website to the visual design of the print program.

I created wireframes and high-fidelity prototypes to explain the author’s teaching blueprint for helping readers succeed and sell the books at the same time.

User Flow

Complete Comprehension Bookmap
Complete Comprehension User Flow

Wireframes

Complete Comprehension Home Page
Complete Comprehension Teach Fiction
Complete Comprehension Reading Strategies

Prototypes

Complete Comprehension Books
Complete Comprehension Introduction
Complete Comprehension Strategies
Complete Comprehension PopUp Screen