A large visual banner to give an overview of the game artistry project

EGL Product Design Internship

Role

Product Designer Intern (Collaborated with another designer)

Duration

Jun. 2023 - Aug. 2023

Tools

Figma, Photoshop, Illustrator

Introduction

In the summer of 2023, I worked as a product designer intern at Elite Gaming Lives (EGL) which is an educational technology company. It believes in fostering educational opportunities through video games that also promote positive interactions and community support. My job was to turn the words-based learning content into webpages with engaging interactions and photos. The project I was handed was to introduce learners to what game artistry is and the career of game artists.

Problem

Numerous research studies have shown that American students’ reading proficiency has whoppingly dropped these few years. Reading has been more and more difficult for them due to a lack of concentration and motivation. However, most of the learning content nowadays is still word-based with extremely long passages.

Goal

Our team aims to design learning content that is more interesting and engaging by including visually appealing photos, UI designs, and cool animations. Incorporating the multimedia learning principle, we believe students are more likely to enjoy learning and absorb the knowledge.

Our Users

K-12 students are mainly the target users of EGL’s products.

Persona photo whose name is Josh. And he is a middle high school student
Goals
I hope the learning material includes fewer texts and is more concise so that I might remember all the content for a longer period.
Frustrations
“Once the reading content includes too many texts, I find myself easily losing concentration.”
“Even though I read through all the words, it just slips my mind really quickly.”
Persona photo whose name is Luna. And she is a high school student
Goals
Knowing different careers helps me choose which program to study for my university. Also, I hope the showcase can be more interesting.
Frustrations
“Deciding which program to study is hard since I have no time to explore my interests.”
“When we want to learn about a career, there are too many words shown in long and boring articles.”

Process

An infographic showing the design process: understand, learning design, visual design, validate, and final design

Wireframes

I read through the learning content carefully, broke the sentence and created some wireframes. Before fully developing the visual design of the lessons, I showed them to my mentors to see their feedback.

A few wireframe designs before adding more visuals

Final Designs

Multimedia Included

I always make sure to include corresponding pictures or videos along with the texts. By applying the multimedia design principle, it can create an engaging and accessible learning experience.

A few final web designs showing corresponding photos is included.

Information Visualization

Rather than showing data with texts, creating some infographics can help learners improve cognition.

A few final design web designs showing my effort of data visualization

Engaging Transitions

In order to boost the learning interests and engage the users more, we try to create diverse transitions besides clicking the continue buttons.

A few final design web designs showing interesting interactionsA few final design web designs showing interesting interactions about assessment A few final design web designs showing interesting interactions between four types of game artists

Future

Conduct Usability Tests

Our newly designed products have not gone through any usability tests from our customers. The process is important so that we can know what challenges the users face while using the product and further iterate our designs based on their feedback.

Continue to Improve Design

To follow through with EGL’s design system and continue to elevate the engagement of the designs.

Redesign NYU Course System
A right blue arrow which you can click to learn more