• Product Design + Strategy
  • Brand + Creative Direction
  • Writing
  • About

Brooke Ginnard

  • Product Design + Strategy
  • Brand + Creative Direction
  • Writing
  • About

Target: Early & Exclusive Access

North Star Vision: Redefining Goodreads

This design-led, 6-month project’s mission was to envision a bold new direction for Goodreads that would re-center our product on our passionate customers. As 1 member of a 3-designer project team, I dove deep into customer research and analysis, organized cross-functional design thinking and ideation sessions, created wireframes and high-fidelity UX designs, and created and presented a prototype that ultimately swayed our organization to shift our roadmap.

Goodreads Book Page

I created the first iteration of Goodreads’ new book page as a part of Goodreads’ north star vision project.

[DETAILED WRITE-UP WITH DESIGN VERSIONS IN PROGRESS]

Kindle e-Reader App: Vision + Prototype

Design System: Chips Pattern

Design System: Typography Scale + Usage Guidelines

Design System: Iconography Style + Usage Guidelines

Discovery Experiences: Audit + Opportunities Mapping

Book discovery is the rationale for Goodreads’ existence as a company, and it’s important to customers and the business.

I audited the Goodreads discovery experience across desktop and iOS, while another designer audited Android.

Our goal was to create a comprehensive visual archive of discovery experiences to help identify themes emerging from patterns of pain points and opportunities within 3 different modes of discovery:

  1. Direct discovery: I’m looking for a specific book

  2. Indirect discovery: I’m not looking for a specific book, but there are genres, topics, or other characteristics that are guiding my search

  3. Unexpected discovery: I hope to stumble across an interesting book

Target: Early & Exclusive Access

— view —

exclusive cover photo.png

North Star Vision: Redefining Goodreads

— view —

north-star-vision.png

Goodreads Book Page

— view —

BPpreview.png

Kindle e-Reader App: Vision + Prototype

— view —

Level 2 - V2.png

Design System: Chips Pattern

— view —

Chips preview image.png

Design System: Typography Scale + Usage Guidelines

— view —

north-star-vision.png

Design System: Iconography Style + Usage Guidelines

— view —

Design Guidelines  Copy@2x.png

Discovery Experiences: Audit + Opportunities Mapping

— view —

Frame 1.png