Time: 5 months
Company:Everfi
Team:
Overview
Impact Edge is a social impact storytelling platform. It aims to help businesses better understand and communicate their social impact. The Charity page is designed to give a more in-depth view of their charity impact.
Overview
Card game is a multi-faceted component used in Everfi courses to have students quickly apply their knowledge of particular material in a fun and interactive way.
Challenge
Everfi is currently going through a codebase migration. With React being the new language being leveraged for front-end dev, it offers us more flexibility to build components and empowers our Product designers on the course side to utilize a card game that works well for the but also to make migration easier we had to make sure the components were backwards compatible.
Solution
We refreshed card game that with the ability to add features as we the needs arise, to better meet student needs.
Approach
Card Game behavior research
To begin this project I began by looking into similar components and the behavior of those components. I took account of the context they were used in, and how they functioned.
Approach
Internal User Interviews
Since course product designers are the ones who build with this component I reached out to the team conducted interviews to gather pain points, positives, and also a wish list of what they would like the component to be.
Approach
Building the foundational components
We have such a robust atomic design system so there was no need to build the minor components from scratch. With that in mind I built out the components in a way that they would be used and refined the behavior.
Final Design and Next Steps
I was able to redesign the card game to be more modern and easier to use for the Course Product Designers. We weren't able to implement all of our additional wants but as a project that is ongoing we decided to implement the must needed functionality.
