Words with Friends is a multi-player word game developed by Zynga. Words With Friends EDU is the educational version of the original game that brings the fun of Words With Friends into a classroom setting. Students learn new words as they play in a safe environment with their classmates, and teachers and parents can track students’ progress using custom teacher dashboards.
For this educational version of Words With Friends, we redesigned some part of the game experience for the younger audience. Not only we adjust UI scheme, we also introduce a new system of avatar builder and badge collector to encourage the student in participating the game. As the UI motion designer, I was in charge of creating illustrations that include the avatars, accessories, wallpapers and badges. I also created a motion library that go along with the new UI system.
Before we jumped on making these fun avatars, we had a number of meetings on the style, color, and theme. Once all the team members agreed on the direction, the fun part started. Here is a peak of what had been created for Words with Friends EDU. All the items are only partially free to the players, some of them need to be earned by playing hard.
Apart from the illustration, I also worked on the UI that includes the badge collector, the avatar builder and the relating dialogs and toasters.
After we finalized the UI, I worked on creating the motions. One is showcasing the moment when the players get their rewards. The other is the interactive toaster only shows up when the player’s cursor hovers over the badges.