BookSluts

BookSluts's Project Hero Image
Overview

A book club with as much sass as the characters in the books we read. In 2020, my friends and I started a book club as a coping mechanism during the pandemic, and to our surprise, it has not only endured over three years but continues to thrive.

Project
  • Branding
  • Web Design
  • Web Development
  • Locomotive-Scroll
  • GSAP
  • BarbaJS
Thumbnail for undefined's project
Colours & Typography
Thumbnail for undefined's project
Logo Mark
Thumbnail for undefined's project
Wordmark
Thumbnail for undefined's project
Book Sluts Gang
Thumbnail for undefined's project
Bookmark mockup
Thumbnail for undefined's project
T-shirt mockup
Strategy

I wanted the brand to be bold and memorable, while also conveying a sense of inclusivity, and community. I drew inspiration from the club's contemporary book selection and created a visual language that with as much sass as the characters in the books we read.

The web design experience for the website is heavily inspired by print magazines and editorial design. The large contrasting type, big use of white space, horizontal scroll and bold colours are all characteristics I was inspired by when designing the site.

Thumbnail for undefined's project
Webpage Highlights
Thumbnail for undefined's project
Webpage Highlights
Thumbnail for undefined's project
Section breakdown
Thumbnail for undefined's project
Detail Hero Section
Thumbnail for undefined's project
Tote Mockup
Thumbnail for undefined's project
Highlights iPad Mockup
Experience

One of my goals was to develop a unique experience that was delightful to use and encouraged readers to swipe to learn more. In addition to that I also wanted to try out different libraries and expand my development skills. In this project I’m using GSAP for animation tweens and timelines, Locomotive Scroll to handle the page scrolling and parallax, and BarbaJS to handle the page transitions.

Thumbnail for undefined's project
Homepage Hero
Thumbnail for undefined's project
Animation Transition
Thumbnail for undefined's project
Open Menu
Thumbnail for undefined's project
Development Breakdown