https://dianatu.me/work daily 0.75 2023-07-20 https://dianatu.me/work/ava-fitness monthly 0.5 2023-07-20 https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/8b3c8360-c19f-4eff-9eb5-f65a97c94b91/Screen+Shot+2023-05-16+at+9.03.56+PM.png UX Projects - AVA Fitness - Make it stand out I took an iterative, or agile, approach between steps, creating the MVP as soon as possible so I could test my prototype and iterate based on user feedback. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/7a942c25-8d7b-4f5e-86d8-3ccf061fc5b5/Screen+Shot+2023-03-28+at+11.33.27+PM.png UX Projects - AVA Fitness - Make it stand out These larger components made up of smaller molecules contain real imagery of AVA students, staff, and instructors—something the original app was missing. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/8904ada7-a0ff-4b1a-b554-1cd30eef57c2/Screen+Shot+2023-03-28+at+10.24.19+PM.png UX Projects - AVA Fitness - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/062ecd5d-973a-42e1-bbd0-3a65665d5986/easeofuse-gif.gif UX Projects - AVA Fitness - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/1683699439526-TMZSJ8KU4R8GUR1MFXTQ/ava_mockup_1.png UX Projects - AVA Fitness https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/1683699439802-3L9B2WGD40E3PGNKSZ29/ava_mockup_2.png UX Projects - AVA Fitness https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/1683699440694-SXOQYZPYTKZJAQOUXDZG/ava_mockup_3.png UX Projects - AVA Fitness https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/82e7686a-cecd-4585-b9e1-6fc58ba49847/affinitymap UX Projects - AVA Fitness - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/0062d27d-7f90-46e0-a151-cb2470d159eb/usertest2.png UX Projects - AVA Fitness - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/145c5885-8802-428a-ac3f-40ff36cc46cf/Screen+Shot+2023-04-12+at+7.37.59+PM.png UX Projects - AVA Fitness - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/f7210fbe-c43a-4e17-b939-cfbe8c0d0fdb/Screen+Shot+2023-04-13+at+5.30.32+PM.png UX Projects - AVA Fitness - Make it stand out I combined the primary and secondary colours along with the selected typeface to create reusable components that are customizable with variants. Since accessibility is important to AVA’s mission statement, all colour contrasts meet WCAG AA accessibility standards. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/af001867-4f8a-4ccd-8af7-6429f612507c/avaoldlogo.jpg UX Projects - AVA Fitness - Make it stand out Original logo https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/dfbcbd6f-7354-4d7f-abc8-2a3de960e715/Screen+Shot+2023-04-12+at+7.39.09+PM.png UX Projects - AVA Fitness - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/36f3d680-7707-4ff1-92a3-6a3672593b2c/Screen+Shot+2023-04-12+at+7.33.50+PM.png UX Projects - AVA Fitness - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/7c7ef5d8-a4ca-48c3-b761-e699dd640cac/Screen+Shot+2023-04-12+at+7.30.11+PM.png UX Projects - AVA Fitness - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/8d3daa45-f91b-427d-bc35-6cef602530e4/Screen+Shot+2023-04-12+at+8.41.49+PM.png UX Projects - AVA Fitness - Make it stand out The primary colour, magenta, represents positivity and femininity. The secondary colour, purple, is both sensual and uplifting. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/bbe516cd-f230-4497-8cfc-5e100d2b212f/inclusivity-gif.gif UX Projects - AVA Fitness - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/35731eed-a6ea-4ff5-8293-3a76ed70324f/loadinganimation-gif.gif UX Projects - AVA Fitness - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/467a3c23-2f59-45bc-8a28-d7d8222116c1/Screen+Shot+2023-04-12+at+8.42.09+PM.png UX Projects - AVA Fitness - Make it stand out The font, Modern Era, is utilized due to its circular letterforms and curvy tails that lend a friendly and stylish appearance. It is also sans-serif for easy legibility, which is important for mobile users who are on the go. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/e7f1bbab-eab6-4853-8f9f-92ebfe415577/avanewlogo.png UX Projects - AVA Fitness - Make it stand out New logo https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/25962397-9f05-4ea3-b7a9-08ac817d1e5f/Screen+Shot+2023-04-13+at+8.50.24+PM.png UX Projects - AVA Fitness - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/88a3da1b-2438-479d-b18d-3b374af5ef83/PERSONA.png UX Projects - AVA Fitness - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/df770b2a-4c49-4192-8bec-e30959f97c6c/Ava+Mockup+FINAL.png UX Projects - AVA Fitness - AVA Fitness Solo project 4 months (Jan-Apr 2023) ️ Figma, FigJam, Adobe Illustrator https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/5298c5f6-d09f-46dd-ac42-19ea72d7f541/Screen+Shot+2023-04-12+at+7.42.29+PM.png UX Projects - AVA Fitness - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://dianatu.me/work/pygg monthly 0.5 2023-07-20 https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/1684295379821-LTS11K9V0YPRC441XXV4/pygg_app_1.png UX Projects - Pygg https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/1684295379823-39JXESSC41D5D9X2O8CQ/pygg_app_2.png UX Projects - Pygg https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/0f1ccd96-76ee-4add-9ff0-f7e4b51127ae/designsystempygg.png UX Projects - Pygg - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/619b5bf9-84a5-4522-996a-185cbb4f6fca/pygg_group_2.png UX Projects - Pygg - Make it stand out Team Ctrl+S (Sydney, Diana, Carmen, Jancis) https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/99f6c318-b083-4ec6-935c-b5b73b597c4d/Screen+Shot+2023-02-20+at+8.47.08+PM.png UX Projects - Pygg - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/f9f238bd-ca94-44a4-abab-8a6d9ee514e9/pygg_group_3.png UX Projects - Pygg - Make it stand out Team Ctrl+S, but fun! https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/a2c6383f-2719-4455-8aec-fe62c08307e1/Pygg+Mockup+XS+Final.jpg UX Projects - Pygg - Pygg Winner of the Mento Design Award Role: UX Designer Team: “Ctrl+S” (Carmen T, Jancis W, Syd B) 45 hours (Feb 2023) ️ Figma, FigJam, Adobe Illustrator https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/fdb4511c-524f-4104-bd35-1ab4549e235a/Screen+Shot+2023-02-18+at+4.20.23+PM.png UX Projects - Pygg - Make it stand out Task Flows (click to enlarge) https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/0263d4f7-b418-4bca-836d-aff0b385feef/Screen+Shot+2023-02-20+at+8.52.39+PM.png UX Projects - Pygg - Make it stand out User Flow (click to enlarge) https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/26858cd2-edb7-4c68-a178-93b73360aafe/Screen+Shot+2023-02-20+at+8.51.57+PM.png UX Projects - Pygg - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/b095fcde-2e82-4a00-ac87-8375f2d0066b/Screen+Shot+2023-02-20+at+8.57.23+PM.png UX Projects - Pygg - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/16324543-b327-429f-828d-55fe7642ac6c/Screen+Shot+2023-02-20+at+7.53.44+PM.png UX Projects - Pygg - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/277b1ec5-b2d9-4a15-8a5c-d866889a53fc/un+goals.png UX Projects - Pygg - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/f186a97f-21ad-44ee-8e01-b1d41c1d905d/anna.png UX Projects - Pygg - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://dianatu.me/work/eduspace monthly 0.5 2023-07-20 https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/8d86a2fc-d8f9-4af6-9da1-ce096d0ee701/us.png UX Projects - Eduspace - Make it stand out Our team hard at work during ideation https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/540d2bc0-5f0a-4a59-9942-6332732e6b6a/Screen+Shot+2023-05-24+at+5.34.40+PM.png UX Projects - Eduspace - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/5ae00a92-43ab-4f4f-b328-fd80e7503e51/Screen+Shot+2023-05-23+at+6.33.24+PM.png UX Projects - Eduspace - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/186b9224-6258-42dc-b2ff-3b7449666fb1/designsys2.png UX Projects - Eduspace - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/358c3f7d-5eac-4245-835a-3a7156c1520a/Mia+Persona+Eduspace.png UX Projects - Eduspace - Make it stand out Special thanks to Alireza Yazdani & Kathryn Barton for their input with UX Research and persona creation. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/e87e4915-0af1-4509-bebe-0d3ad5707da5/Screen+Shot+2023-02-19+at+9.45.14+PM.png UX Projects - Eduspace - Make it stand out Initial sketches https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/b7f3e745-f2d3-4601-84a0-a343901677e8/Eduspace+wireframe.png UX Projects - Eduspace - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/6a70aa72-b02d-4a54-8b01-62450bfd661d/Carmen-Usability-Testing.png UX Projects - Eduspace - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/8866e1a1-36d2-4e89-8a25-a1a0822bbd22/designsys1.png UX Projects - Eduspace - Make it stand out Click to enlarge https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/71fe6e37-248d-4317-9fe8-30f5c56a8808/eduspaceprocess.png UX Projects - Eduspace - Make it stand out Discover — What needs and pain points do students with learning disabilities have? Define — How can we clearly identify a solution by conducting research with our target users? Develop — What are the key features of our MVP? Deliver — How can we test our product? Based on user feedback, how can we improve and iterate? https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/f9be9004-46d1-40e4-86d3-c3852b629cb9/Screen+Shot+2023-02-19+at+10.14.10+PM.jpg UX Projects - Eduspace - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/1684977083031-NCTTB3FZK3WHMU2758ME/hifi1.png UX Projects - Eduspace https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/1684977101495-5V5V1P5WD61XO8XRX6C4/hifi2.png UX Projects - Eduspace https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/11cfb27e-c97c-4746-ab55-c1a3f476df23/eduspace_mockup1_small.jpg UX Projects - Eduspace - Eduspace Role: UX Designer & UX Researcher Team: Hannah M, Leslie S, Sally C 2 months (Nov - Dec 2022) ️ Figma, Miro https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/163bc9d4-9542-4655-9f64-d371e76adcca/aldea+%281%29.jpg UX Projects - Eduspace - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/19903d7a-394e-4d30-a6f0-8109f4affc9c/eduspace+micro+gif.gif UX Projects - Eduspace - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://dianatu.me/work/category/Solo+Project monthly 0.5 https://dianatu.me/work/category/4+Months+%28Jan-Apr+2023%29 monthly 0.5 https://dianatu.me/work/category/Tools%3A+Figma+%2F+Adobe+Illustrator monthly 0.5 https://dianatu.me/home daily 1.0 2024-07-23 https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/08ecc59e-b4f4-49f0-adfb-2b439041c10c/diana_portrait_white.png https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/1f5ef262-6c28-439e-8af7-bfca002ea2fc/avamockup.jpg https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/e3bd7f68-4ec1-4f5e-98ae-46a60df3f68c/Pygg+Mockup+XS+Final.jpg https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/78cac6f1-2c69-4348-a635-b5ede5ae435b/eduspace_mockup1_small.jpg https://dianatu.me/about daily 0.75 2023-06-19 https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/30c612fe-9c2b-4e96-92d7-edc7f98f1e8e/aboutme-2.jpg https://dianatu.me/about-1 daily 0.75 2023-04-25 https://images.squarespace-cdn.com/content/v1/6438d91194582e0e6d7db9e5/10bfee39-2700-4cdf-a2c0-7eb4e0d2145d/Ava+Mockup+FINAL.png https://dianatu.me/contact daily 0.75 2023-05-25