(Illustration + Design)

Artboard 3@2x.png

Odell Education

Odell Education

Odell education is an organization that creates literacy curriculums for grades 6–12. I was brought onto this project to completely redesign their website and give it a more current and fresh feel that would help them stand out from their competitors. Odell Education also wanted to implement e-commerce on their site for the first time so that was also a part of the scope of this project. The team for this project consisted of Isaiah King (Creative Director), Danielle Rivers (Developer), and myself as designer.

 
  • UX Design

  • Visual Design 

  • art direction


Blue-Mockup.jpg

Asset 10@2x.png

The process

Rough sketches and sitemap trying to get at the core of what makes Odell Education different as well as trying to visualize some of their offerings. The process of working with the client on this project was very collaborative and cyclical since we had a lot of say in helping decide what content was relevant and necessary to include on the site. This was a great way of working because it required us to do a deep delve into what OE is all about and really get into their offerings and philosophy. 

Artboard 2@2x.png

Visual Approach

The fact that the product is for kids but marketed to parents and teachers really helped define a clean yet warm and friendly style. During my conversations with OE, we both agreed that we didn’t really want photos of diverse classrooms to be our leading visuals because the field is already saturated with that. Instead, I proposed a direction that would rely entirely on bold clean text and warm illustrations to set OE apart in their field.  

Artboard 1@2x.png
OE Illustration Color.png
Infographics that highlight OE's unique approach to literacy which is "reading to learn" instead of the tradition model of "learning to read"

Infographics that highlight OE's unique approach to literacy which is "reading to learn" instead of the tradition model of "learning to read"


Final Design

The design of this website took inspiration from and has nods to being like a workbook. The highlights, underlines, and hand-drawn sketches are elements that are used to emphasize and call out different features. The subtle background pattern gives it a tech-y and modern aesthetic while also helping ground and warm up this really clean and minimal design. Below is are a few select pages from the site.