Visual Design

Balance usefulness with aesthetics, make sure visual design is in the service of user experience

Team Onboarding Graphics

When the team members joined the GoTeam, they were sent to a "Merge Account" page. Through testing, we learned that this page looked confusing, users did not understand the "Merge" VS "Keep Existing" account options. We tried to solve this problem by fine-tuning the visuals. 

mergebefore
BEFORE
We tested the graphics with users: "What do you think each option means?", "What do you expect to happen?"
mergeafter
AFTER
New graphics tried to illustrate clearly what happened to your files after the "Merge"
ITERATIONS
mergeversion2

Web App Illustrations

A series of illustrations were created using Vyond's assets and characters. I applied Vyond's color palettes to the illustrations to reflect the brand. They were designed to educate the users and guide them on what to do next.

illust
sketch
Quick sketches for discussions

Onboarding Animation

Subtle animation was created to prompt users to start making videos, while not being too distracting. 

empty_laptop
Animation for user onboard
spec_empty-state
Reuse: I tried to turn the design into a reusable component whenever possible.

Email Template Design

The original emails had no design at all. It was in plain text and came with different versions. I did a content audit, studied the current email trend, and redesigned an email template that standardized all transactional emails. 

email
AFTER
Clear call to action. Vyond brand. Mobile friendly. Simplified copies. Reusable template.
email_before
BEFORE
No clear call to action. Not mobile-friendly. Inconsistent design
email_study2
Study on Email Design
How to prevent email from becoming spam?

Promotional Banners

I was also responsible for creating banners on the company website. They needed to be both creative and comply with the company's diversity guidelines. I made sure characters of different ethnicities, body shapes, skin tones, ages, and genders were well represented in the banner design.

banner1
An assortments of promotional banners for GoAnimate.com and Vyond.com

© 2021 Joyce Wong