Interview Presentation for Affirm: Senior Illustrator & Animator 

 

Project 1 : Custom Character Design and Animation

1. Concept

2. Modular Design

3. Animation 

Project 2 : Klue Product Animations

1. Context

2. Research

3. Design Process

4. Challenges & Solutions

5. Animation

6. Before & After

7. Applications

Project 1

Custom Character Design and Animation

1. Context

The goal was to create a modular illustration system, following atomic design principles. By breaking down each character into smaller components—such as heads, hairstyles, clothing, and accessories—each element becomes interchangeable, allowing for the creation of a variety of unique combinations and scenes. This modular approach ensures scalability and flexibility, enabling quick customization while maintaining consistency across the designs.

Rough sketches

2. Design

Affirm Character Illustrations_For Website-01
Affirm Character Illustrations_For Website-02
Affirm Character Illustrations_For Website-03
Affirm Character Illustrations_For Website-04
Affirm Illustrations-15s
Affirm Illustrations-07

3. Animation

Project 2

Klue Product Animations

1. Context

Klue was losing deals to its competitor

Win/Loss interviews found that people knew less about the product and trusted Crayon better because of working with human curators. 

Klue's product was superior in design, and they decided to showcase their product on their website. 

Context

2. Research

Interface Abstraction Spectrum

1. Full Interface

1.1
1.2
1.3
1.5

2. Scaled Interface

2.7
2.1
2.4
2.5

3. Scaled + Focused 

3.2
3.5
3.4
3.3

4. Scaled + Super-focused 

4.3
4.1
4.2

5. Abstracted + Interactive

5.1
5.3
5.2
5.5

6. Fully Abstracted

6.1
6.2
6.4
6.5

3. Design Process

Ideation

Static Design 

Create – Battlecards
Analyze – Reviewing Intel is Critical And Now Faster
Measure – Keep track of evolving landscape
Collect – Never Get Blindsided again

4. Challenges and Solutions

Figma to Illustrator Compatibility

File sizes and Formats

5. Animation

6. Before and After applying the Abstraction System

Before 

After 

7. Other Applicaitons

Product Feature releases

( Using the actual interface)

New Product annoncements

( Using Abstracted Interface) 

Thank you!