Case Study
Jennifer Egan

Experimental, Immersive Experience

To promote her new book, Manhattan Beach, author Jennifer Egan wanted a new website that immersed visitors in the scenery, setting and conceptual mood of the book. Under my UX/Design shop, Team Eight, our team of three were excited to take this on. It was not a typical request and it challenged much of our approach to user experience on the web. But we had worked with Jenny before and there was a lot of trust there.

experience the site

As much of the book takes place under the waters around Manhattan in the 1940’s, we knew we wanted to create something that provided a rich sense of space, but remained murky and mysterious. We went through an abnormal amount of exploration, prototyping and testing to hone in on a concept and approach. We decided against using WebGL as it would leave out much of the Jenny’s target audience. Instead we built the experience around a hybrid of HTML5 canvas, CSS3 perspective and javascript that allowed us to include over 90% of Jenny’s historical site visitors including viewers on android and apple phones, or in chrome and safari. Visitors on any non-supported browser or device still get the full website, but with a limited version of the bonus underwater experience.

Jennifer Egan site on a laptop screen

    Deliverables delivered

  • Custom author website featuring strange, immersive experience
  • High-concept project based on unusual project objectives
  • WordPress for the normal CMS parts
  • Javascript, CSS perspective, HTML5 Canvas for the experimental stuff

    My contributions

  • Project/client management
  • Creative Direction, Visual Design, UX/UI
  • HTML, CSS, javascript, php, WordPress

screen captures of home screen

Jennifer Egan Home page - Screen 1
Jennifer Egan Home page - Screen 2
Jennifer Egan Home page - Screen 3
Jennifer Egan Home page - Screen 4
Jennifer Egan Home page - Screen 5
Jennifer Egan Home page - Screen 6
Jennifer Egan Home page - Screen 7
Jennifer Egan Home page - Screen 8
Jennifer Egan Home page - Screen 9
Jennifer Egan Home page - Screen 10