Mocks of the redesigned website overlap the image of a confident little girl sitting in school with her hand raised. Mocks of the redesigned website overlap the image of a confident little girl sitting in school with her hand raised.

Client

American Book Company

Industry

Publishing

Our Role

Information Architecture, UX Design, UI Design

ALL SOLUTIONS

American Book Company Website

The client

American Book Company (ABC) creates innovative print and digital educational resources that help students achieve success in and out of the classroom.

The challenge

While ABC has grown within the education marketplace over the last 20 years, their e-commerce platform has fallen behind. Leadership identified the crucial need for a modern, streamlined purchasing experience to stay competitive and boost the efficiency of their fulfillment process. Because the education industry is governed by strict standards, lengthy approval times, and an ever-changing educational environment, the new purchasing experience had to accommodate several user stories at various levels of the education system; such as a district administrator vs an individual educator. In addition, educational content standards are set at both national and state levels, with specific requirements for each state, grade level, and subject matter, making product filtering complex.

Our response

Skyward began by creating flow documents and user stories of the current ABC website to help us interpret customer motivations, and better understand the existing purchasing funnel. We found that ABC's products— E-books, printed workbooks, and online testing, appeared to be available à la carte on the website, but were actually being sold as a bundle, leading to confusion. We recommended altering the presentation of products to help customers understand their purchasing options while utilizing location awareness to elevate only products and sales representatives available in the customer's state.

Pop-up with the selected book on the left and purchasing options and buttons on the right. Pop-up with the selected book on the left and purchasing options and buttons on the right.

There are often multiple stakeholders involved in making purchasing decisions for schools, so we crafted a wishlist to purchase pathway so that product selection could be collaborative. The experiences for submitting purchase orders and checking out through the shopping cart were enhanced with new features and connections into customer accounts.

We then reimagined the content across the site, tailoring it to support desired user action or impression. For example, the original “About ABC” page had a brief company history and mission statement, but lacked a clear purpose. There was an opportunity to shape the company public image and strengthen customer confidence by dividing the page content into three stages:

  1. ABC expressing who they are as a company
  2. Supporting evidence of company values with stats and examples
  3. Customer testimonials
About page hero shows two smiling female students on the left overlapped by company stats, and a company description on the right. About page hero shows two smiling female students on the left overlapped by company stats, and a company description on the right.

The result is a complete story that begins with ABC relaying their value as a company, and ends with validation of that value through customer praise.

Finally, the ABC design team had been working to create a new company look and feel that had already been deployed across marketing materials, but had not been applied to the website. This made the brand feel inconsistent. We took inspiration from their work to design imagery and iconography that's cheerful and inviting. Overall, the new customer experience is simple, intuitive, and unifies the ABC brand.

Collage of the ABC shopping and purchasing experiences. Collage of the ABC shopping and purchasing experiences.