GiveShop App

PROBLEM

· Create the personalization illustrations for the website that represent users

· Evaluate the accessibility of the website

· Simplify the color palette to make a cohesive design system 

PERSONAS & COLLABORATION
Persona #1
Sarah.png

We used inspirational characters based on the personas that the team of UX research designers provided.

illustration_edited.jpg
Persona #2
Don.png
Persona #3
Pauline.png
CREATING STORY BOARD
Scenario1.png

The cross-functional team worked on animation to use for marketing purposes in social media. We designed two scenarios. 

  1. The inspirational scenario is more general to focus on any one cause or any one way to contribute.

  2. The instructional scenario represents the user story using GiveShop from discovery by friend's recommendation to using it. 

Scenario2.png
ILLUSTRATIONS

Creating sketches for the website that represent the ideas and values of the company and discuss them with the design team and CEO.

GS_moodboardai-small-02.png
illustration_edited.jpg
Illustration-progress_edited.jpg
COLOR PALETTE

I created Illustrations that would use for

the website and animated ads about the GiveShop platform applying a new

color palette.

ILLUSTRATIONS FOR AN ANIMATION
scene2a.png
Scene-3.png
Scene_11.png
scene2b.png
ILLUSTRATIONS FOR THE APP & CONCEPT
All_Illustrations_Sketch-01.png
All_Illustrations-02.png
ACCESSIBILITY AUDIT
Accessibility Audit.png

Before the audit, the homepage had a background with a green gradient. While checking the contrast ratio, I discovered that white text and green from deepest to light has a low contract.
The action button has a yellow background and black text, which may be too strong and harsh for the viewer.
The home page has different buttons, such as white with the pink outline and pink text with a low contrast ratio.
Also, these are not consistent usage of the color, which may confuse the user.

PROPOSED SOLUTION
Website_Concept.png
Recommendations
daisy-avatar.jpeg

Daisy Tam

Co-Founder & CMO at GiveShop.app

Ex-Facebook Program Manager 

"Tanya is a super talented designer.  We recruited Tanya to join the GiveShop team after seeing her portfolio and her amazing work on Instagram.  As soon as Tanya joined the team, she jumped in to help evaluate the accessibility of our website and made proposals to help improve our user experience.  She also helped create a portfolio of illustrated characters based on our user personas, portraying the beauty in diversity.  Her illustrations are playful, fun, and provide a unique perspective.  She also partnered with our animator to create and bring these characters to life in our GiveShop User Journey video.  We are so thankful to have been able to work with such great talent!"

Daria.jpeg

Daria Ivanova

Brand Designer at Grammarly 

"Tanya is a talented designer with an understanding of user experience design. I had an excellent experience working with Tanya in the GiveShop on creating a promotional marketing video. She guided us in visual design to apply to the website and incorporate it into a marketing video. Tanya has excellent communication skills and is a great storyteller, so her presentations with stakeholders were engaging and influenced our design strategy. Tanya created original illustrations that made personalized and exciting experiences for users. She used research data to improve the visual design and accessibility of the website. Tanya is self-motivated with the ability to work independently and deliver high-quality work on tight schedules. I would love to collaborate with Tanya in the future!"