Cover (3).png

Art Direction

Digital Art in online education

 

visual design for amplify science

Upon arrival in 2022 joining the Science production team, I was tasked with a team of designers and illustrators to build an art style guide for print and digital lessons that supported Texas standards. I dove into competitor analysis, scoping science print and digital educational materials from notable companies, collecting visual data to present to our larger design group, where we were able to dream of what our own science product might be. We talked through iterations of color palettes, banner styles, cover arts, illustration styles collaged together in slide decks, drawing inspiration from the excitement of color in our natural world. The Texas science adoption got dropped end of the year, however I savored a few concepts that were presented during pre-production and planning—emphasizing gradients, pattern, supergraphics, and whimsical scale.

Banner and cover designs for units covering chemical reactions and thermal energy in Science Grades 6-8. Style choices: gradients (to represent gradation of color in our natural world), pattern (to characterize the natural movement of atoms), supergraphics (to emphasize fluidity), and scale (to reimagine our relation to space).

 

K-12 amplify math art direction & visual design

2022–23

As Amplify Math was integrating with Desmos, we began to utilize a web tool dubbed the Desmos graphing calculator. Amplify merged as K-12 Amplify Desmos Math (ADM), where we collaboratively explored and reimagined old Desmos math lesson art, redesigning, drafting and reviewing iterations of existing work—brainstorming what kind of overall style enhancements would be adaptable in various use cases across the learning experience.

The K-12 ADM product needed to align with the existing print product with student and teacher editions. However, through exploration, many art assets used within the print product did not meet the screen accessibility standards. We worked with our parallel team of digital designers that focuses on the UX/UI of Desmos lessons to establish a 3:1 screen contrast ratio between art objects on screen. I initially aimed to be ambitious with a playfully bright color palette, our newly and loosely established style guide, which defined shape, perspective, and the uses of strokes.

Beta Phase 1 illustrations by Amanda Greiner

Beta Phase 1 illustrations by Mallory Clinger

Beta Phase 1 illustrations by Tim Chi Ly

Beta Phase 1 illustrations by Dillon Carson

Beta Phase 1 illustrations by Daniel Mok

Beta Phase 1 illustrations by Syd Weiler

 

K-5 math art direction

2023–24

After massaging over art styles and the National production timeline was defined, I settled into the K-5 Math digital production team with five illustrators: Emily Hendricks, Mallory Clinger, Dillon Carson, Daniel Mok, and Jagriti Khirwar.

We completed the National beta product scoped for 2026 publication and adoption by end of 2023, which led us through enriching exploration for what the Amplify Desmos Math team hoped the full commercial product to be.

While art directing a team of five illustrators, other managerial and production tasks take up my day-to-day activities. Working closely with the digital art produced for digital lessons, my main priority was to ensure visual alignment across the landing lesson pages that the student and teach user experience. My second priority is to ensure my illustration team sustained their creative individuality within their work. The main element to visual alignment across a diverse set of illustration styles is to mimic its foundations—color, shape, and perspective.

Art style guide

❇️

Art style guide ❇️

PURPOSE Amplify Desmos Math digital art helps students learn by bringing thoughtful and engaging visuals to exemplify the math goals in digital lessons. The art style guide remarks on key points for illustrators and designers to absorb into their practice of creating K-5 digital art for ADM.

illustrators workflow

An overview of the illustrators’ workflow for animations. Illustrators produce 10-40 second animations that provide context to that math lesson. Diagram is a basic summation of what the workflow might look like.

Illustration team works with the digital design team to determine best UI practices surrounding art. Clickable art assets are objects on screen to signify to students that specific styled objects are clickable.

I prompted the illustrators Amanda Greiner, Mallory Clinger, and Dillon Carson to imagine and recreate a school lunch tray interactive activity where students would be able to choose their tray items. Illustrators stylized their object shapes based on the grade bands assigned. The youngest grade band presenting a rounder and softened shape, whereas the older grade bands get more individuality in their detailed silhouettes or stroke-texture additions.

 

Art library for all

🌀

Art library for all 🌀

My focus for K-5 digital art was about adaptability and fundamental art philosophies. I established some foundational goals with our visual language—clear and definitive shapes that are scalable in perspectives that suit the math context, a color palette that is adaptable to create an array of compositions, and sufficient contrast between focused primary objects and secondary background objects, whether by color or stroke details. I initiated an internal open source library for production teams across Amplify that helped solidify the K-5 digital art visual language called the Global Art Library.

The Global Art Library serves as placeholder art or stock art that can be easily manipulated by anyone who can work a Figma file. Most importantly, this library displays clear samples of what objects may look like derived by our K-5 digital art style guide.

 

amplifying lessons

〰️

amplifying lessons 〰️

Illustrators worked independently within their teams mixed of developers, designers, editorial and content writers to create an enhanced and inspiring digital learning experience alongside the print products.

Illustrations by Emily Hendricks

Illustrations by Jagriti Khirwar

Illustrations by Mallory Clinger

Illustrations by Emily Hendricks

Illustrations by Daniel Mok

Illustrations by Dillon Carson

 

The ADM Math K-5 Digital landing page

Elements designed for various components of the digital experience

Assets that make up a lesson page include various icons, creative illustrations, and banners that capture a unit’s worth of math content.

Center Choice icons

Grade 1 lesson icons

Grade 5 lesson icons

Digital banners reflect the print product with collaged images and illustrations from the print cover arts.

A suite of banners across grades K-5

 

Designing, organizing, and leading an art team within multiple team environments, adapting to multiple communication and workflow styles, and maintaining creative passion independently is complex to juggle, yet has demonstrated how far a simple vision with foundational art philosophies can gain momentum to visually support an explorative and inviting environment for students to learn in this digital sphere.