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](https://static.wixstatic.com/media/bd7dc3_55aab6c1d8ce42099d7de405eefbdfaa~mv2.png/v1/crop/x_0,y_124,w_1492,h_543/fill/w_600,h_218,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Sarah.png)
We used inspirational characters based on the personas that the team of UX research designers provided.
​
![illustration_edited.jpg](https://static.wixstatic.com/media/bd7dc3_19516c1aebf14af9a3b04786a20a6dc4~mv2.jpg/v1/fill/w_231,h_303,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/illustration_edited.jpg)
Persona #2
![Don.png](https://static.wixstatic.com/media/bd7dc3_1fb9756750a347eda08419f922c2f902~mv2.png/v1/crop/x_0,y_114,w_1458,h_586/fill/w_600,h_241,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Don.png)
Persona #3
![Pauline.png](https://static.wixstatic.com/media/bd7dc3_a134a6ddd8c84723aef6102af10d25eb~mv2.png/v1/crop/x_0,y_114,w_1454,h_620/fill/w_600,h_256,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Pauline.png)
CREATING STORY BOARD
![Scenario1.png](https://static.wixstatic.com/media/bd7dc3_58e1c27486324328ab98fc743912acb1~mv2.png/v1/fill/w_417,h_563,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Scenario1.png)
The cross-functional team worked on animation to use for marketing purposes in social media. We designed two scenarios.
​
-
The inspirational scenario is more general to focus on any one cause or any one way to contribute.
-
The instructional scenario represents the user story using GiveShop from discovery by friend's recommendation to using it.
​
![Scenario2.png](https://static.wixstatic.com/media/bd7dc3_cfcee3e69cd84a3ba54b84d667a5504b~mv2.png/v1/fill/w_400,h_312,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/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](https://static.wixstatic.com/media/bd7dc3_bea9d1fc4322417bb22794e868e83c10~mv2.png/v1/crop/x_0,y_508,w_1344,h_554/fill/w_551,h_227,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/GS_moodboardai-small-02.png)
![illustration_edited.jpg](https://static.wixstatic.com/media/bd7dc3_19516c1aebf14af9a3b04786a20a6dc4~mv2.jpg/v1/fill/w_170,h_227,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/illustration_edited.jpg)
![Illustration-progress_edited.jpg](https://static.wixstatic.com/media/bd7dc3_c13849b19f3d4aabb8acd6503846085c~mv2.jpg/v1/fill/w_600,h_463,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/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](https://static.wixstatic.com/media/bd7dc3_4fd414c4b249434796ff885d914573e6~mv2.png/v1/fill/w_412,h_412,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/scene2a.png)
![Scene_11.png](https://static.wixstatic.com/media/bd7dc3_292467832c9c45a99e051629f42a35da~mv2.png/v1/fill/w_247,h_392,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Scene_11.png)
![Scene-3.png](https://static.wixstatic.com/media/bd7dc3_3632347ca91642438d79ea2ee6c3a33e~mv2.png/v1/fill/w_347,h_344,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Scene-3.png)
![scene2b.png](https://static.wixstatic.com/media/bd7dc3_51019e4b9e0e420b873f2d800e74cf1e~mv2.png/v1/fill/w_368,h_272,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/scene2b.png)
ILLUSTRATIONS FOR THE APP & CONCEPT
![All_Illustrations_Sketch-01.png](https://static.wixstatic.com/media/bd7dc3_f463a2d62d974449bc0edfff522819aa~mv2.png/v1/fill/w_401,h_620,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/All_Illustrations_Sketch-01.png)
![All_Illustrations-02.png](https://static.wixstatic.com/media/bd7dc3_9f1188ae84f442c8b28c90d01380d58f~mv2.png/v1/fill/w_401,h_619,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/All_Illustrations-02.png)
ACCESSIBILITY AUDIT
![Accessibility Audit.png](https://static.wixstatic.com/media/bd7dc3_97ec0cb3c0844512962f8fe4d95d1755~mv2.png/v1/fill/w_599,h_438,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Accessibility%20Audit.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](https://static.wixstatic.com/media/bd7dc3_a84573be11c441869b5212438beb30d5~mv2.png/v1/fill/w_353,h_353,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Website_Concept.png)
Recommendations
![daisy-avatar.jpeg](https://static.wixstatic.com/media/bd7dc3_004b6c8e37e14a49aa324434efd676c9~mv2.jpeg/v1/fill/w_129,h_129,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/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](https://static.wixstatic.com/media/bd7dc3_9d1cf90f449541ef845c19afd5b91ff2~mv2.jpeg/v1/fill/w_129,h_129,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/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!"