top of page

Open Books

Rebrand Case Study

NL_Reads.png
web-design-brush-icon.png

Role

Web Design

Prototyping

ruler-triangle-icon.png

Tools

Figma

clock-line-icon.png

Timeline

April 2025 - June 2025

Photopea

Storytelling

Content Strategy

Project Overview

What is Open Books?

Open books is a Chicago-based literacy nonprofit organization founded in 2006 that aims to transform lives through reading, writing, and the power books. It is one of the largest used book resellers in Chicago, which has four locations around the city. Their programs were created to push beyond barriers in order to provide invaluable learning material for individuals of all ages.

Achievements of Open Books

book-line-icon.png

Since their debut in 2006, Open Books has given away over 1.37 million books to children, educators, and partner organizations.

pencil-outline-icon.png

In recent years, the nonprofit has been serving roughly 5,000 K-12 students annually through both in-school and after-school programs

speech-bubble-icon.png

Open Books’ instructional programs (one-on-one Reading Buddies, early childhood

Storytimes, etc.) have served nearly 47,000 students

Brand Analysis

The brand of Open Books is a perfect example of an organization with a strong mission statement. It is a book store that doubles as an organization to improve literacy in the local area was a perfect fit for our efforts. Moreover, the team knew its brand identity and website layout could benefit from a complete reformation of the visual elements and other aspects.

To gain a deeper understanding of the content and visuals being reformed, their interface layout had been analyzed in terms of how Open Books appeals to learners through its website and social account.

Web.png

Header has cluttered arrangement of components

Homepage does not clearly indicate that users can scroll down

OpenBooks_1.png

Poor color contrast between text, buttons, and backgrounds 

OpenBooks_5.png
Screenshot.png

Lack of a consistent brand identity and style across platforms

Wall of text significantly decreases user engagement

Opportunities

➤  Expand on environmental Appeal​

​

➤  Have authenticity & Transparency

​

➤  Allow for flexible engagement

​

➤  Enhance online storytelling: blogs, video testimonials, and outcome-driven narratives.

​

➤  â€‹â€‹â€‹â€‹Create compelling infographics showing books donated, programs launched, and volunteer hours.

​

➤  â€‹â€‹Implement strategic digital marketing via social media platforms and influencer partnerships.​​​

Rebranding

Logo Redesign

Original design possesses a hand drawn style to represent the quirky and playful tone of Open Books

Open Book's logo was extremely effective at portraying their brand identity. The hand drawn logo conveyed the fun and hope that comes from learning how to read. Our group wanted to significantly alter the logo; however, we aimed to introduce a vibrant yellow to highlight its playful elements and align it with the rest of the branding.

logo-1.png

Old Logo

OpenBooksLogo_New2.png

New Logo

New design enhances the logo through the addition of another color that depicts the brand identity

Style Guide

The selection of fonts from Open Books was particularly strong or in line with the character of the brand. The serif headings are a strong indicator of a literacy-related brand and Lora Bold was a great fit for headings and large call outs.

NewFonts_OB.png

Each color from the website is diverse, but was not properly used across the rest of the brand. A consistent color palette with additional accent colors had been added to enhance the user experience across all forms of written and verbal communication on the website layouts.

ColorPalette_OB.png

Wireframe Layouts

A complete overhaul of the web design had been implemented to ensure it has a more cohesive brand identity and streamlines the process of reaching certain goals for users.

 

The following alterations have been made to the website layout:

 

➤  Improved header/footer layout to strengthen site resource arrangement.

​

➤  Discarded the “Buy Books for Kids” tab to reduce unnecessary space.

​

➤  Scaled down visual elements to reach features or information more quickly.

​

➤  Added more stylistic shapes andicons to strengthen visual appeal.​​

Homepage_Portfolio.png

Homepage

About_Portfolio(1).png

About

Programs_Portfolio.png

Programs

Bookstores_Portfolio.png

Bookstores

NLReads_Portfolio.png

North Lawndale Reads

Final Version

The improvements made to the final interface screens of the website arranges each visual and interactive element neatly to streamline how user's navigate to specific pages and utilize distinct features, reinforcing the foundation of Open Books' design system and brand identity by the following changes:

​

➤  Organized header/footer layout to simplify site resources.

​

➤  Discarded the “Buy Books for Kids” tab to reduce unnecessary space.

​

➤  Scaled down graphics to reach features or information seamlessly and quickly.

​

➤  Added more stylistic shapes and icons to heighten visual appeal.​​

Homepage_F_Portfolio.png

Homepage

About_F_Portfolio.png

About

Programs_F_Portfolio.png

Programs

NewBookstores.png

Bookstores

NL_F_Portfolio.png

North Lawndale Reads

Next Steps

The rebranding project gave me a more in-depth comprehension on how to redesign various concepts surrounding a brand identity. Knowing how to properly redesign elements such as the purpose and meaning behind an organization has led the team and I to acquire crucial research insights.

Moving forward, I will utilize distinct techniques to approach rebranding projects in the future and ensure those are modernized for many platforms and applications. This project has allowed me to better understand what serves as effective and efficient design centering on informational and visual content of a website layout.

Skillbytes

User Research Case Study

Autumn Grill

UX/UI Case Study

© 2025 by Ferris Elghazzaowi - All Rights Reserved
bottom of page