https://annaatiagina.com/able-mobile-app daily 0.75 2022-04-01 https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579672788773-KJNEEJA1ATZ4UZU5F822/mockups.jpg Able, Mobile App - Able, Mobile App Able is a smartphone app aimed at connecting volunteers with organizations and making volunteering easy and satisfying. It is designed for busy people and people who are not very comfortable with mobile apps. I worked on the interaction design, UX/UI of the app. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579673464617-F5Q0A5Z4AVJ04JS6JP4M/part-of-flow-for-web-4.jpg Able, Mobile App Flow for a new customer (fragment). https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579997733731-H5EYR4U4AGRUMOR78V23/userflow-map-5.png Able, Mobile App Flow for a new customer. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579064361984-0XAM1NKEYZE8GM5N4WEJ/customer-journey-marcus-0526-4.jpg Able, Mobile App https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579672901960-6L3YGDJB6H7DEKA77OOE/customer-journey-helen-0605-5645.jpg Able, Mobile App https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579673370820-UNCNWGS99LQKIIBL4GSK/whiteboarding-able-5694.jpg Able, Mobile App Defining our scope and whiteboarding the MVP feature. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579673899281-HYCE8F0WEMXR4QAY69KC/grid-ui.jpg Able, Mobile App https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1580336981173-EQ1HAVT88AW4GV09T93K/Screen+Shot+2020-01-29+at+2.29.29+PM.png Able, Mobile App Design system that became the base for the UI. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579673638739-A21KXT5Z0478VNDR1MDR/process3-5863.jpg Able, Mobile App https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579674012987-W24PQ1TI3PQQZS0JGGLB/ABLE-Scroll2-minified-5722.gif Able, Mobile App https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579063545761-0IPI1O1KCRGXBNM1M3BX/ABLE-with-background.gif Able, Mobile App https://annaatiagina.com/scca-portshowlio daily 0.75 2020-01-29 https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579669493130-XIWSVPS7F4TJHVDTYXBM/portshowlio2018scroll-6227.gif SCCA Portshowlio'18 Website Some of Home page animations and hover effects. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579671463328-30VM63TM2MN6HFJ83HNZ/studentdashboard-6352.jpg SCCA Portshowlio'18 Website Student Dashboard view. It was created and designed with less tech-savvy students in mind. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579671007176-I4KJ25CLIWAUFY1YQLDA/mobile_portshowlio-6232.gif SCCA Portshowlio'18 Website Mobile version. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579669402922-O4DSKDEROGF9HRV3Y9J4/portshowliocover.jpg SCCA Portshowlio'18 Website - Portshowlio’2018 Every year SCCA graduates create a Wordpress website to showcase their works. Web teams are always of different sizes, 2018 year the team had five members. I took the role of a lead web developer, and was responsible for major coding decisions, implementation of effects (animation, etc), and all PHP and JavaScript development. 2018.portshowl.io https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579998694795-UYRF7TF8RPK0ZBR9SEN4/portshowlio-page.jpg SCCA Portshowlio'18 Website Home page. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579671483617-L8FUN93SQPP5GCI6DBWY/pageexample-6344.jpg SCCA Portshowlio'18 Website Example of the Student page. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579669155578-6VB4DZR80LFBN5BA78ZM/portshowliocover.jpg SCCA Portshowlio'18 Website https://annaatiagina.com/nat daily 0.75 2020-01-26 https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579678211954-MXTQHQW1J3MAFI9MC2RY/manual-1.jpg Nat, Conversational Robot Front page, setting up Nat. Click to enlarge. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579996188597-AQS07SO8SRK3O1A2YQYC/nat_gif-2.gif Nat, Conversational Robot https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579678360551-X3TKVLY8FW3A8A1VXDDW/main-cover-5527.jpg Nat, Conversational Robot Front of the box. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579997168039-OVY1PU4SJ6SWRLJX5LKX/Conversation_Long.png Nat, Conversational Robot Full VUI flow. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579678243799-JZTPIM66RHW6A126H9VJ/manual-2.jpg Nat, Conversational Robot Some out-of-the-box help for customers new to VUI. Click to enlarge. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579676945388-YDWT2082UKH98GBWFSSV/personas-5444.png Nat, Conversational Robot All our personas. Click to enlarge. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579677015185-QYZW2EQK07LZHHQL6VMY/customer-journey-5505.png Nat, Conversational Robot Sharon’s customer journey as we imagined it. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579676591576-D1M045XLIHN829QPT7MK/nat_new_dimensions-6481.jpg Nat, Conversational Robot Some of technical details of the design. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579677168023-LFXLBN17O7LMD9PA23VK/flow-2.jpg Nat, Conversational Robot Fragment of the VUI / multi-modal flow. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579678381105-68MJXPOSM9VAXWSL9GCD/nat_box_2.jpg Nat, Conversational Robot Packaging and user manual in real life. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579997321757-UHQWEFUW4MMFER3OMF7K/nat_show.jpg Nat, Conversational Robot https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579676473217-OV9AFJ1P7TRYVF7HL87D/nat-history-6485.jpg Nat, Conversational Robot We were testing these images with actual kids. AT some point we got requests to add the ears. I did that but soon decided to take them off since it was against our idea of making Nat look more like a robot than a living creature. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579996034882-JHO6HLAVO30EOOCVW0AD/storyboarding+for+nat.png Nat, Conversational Robot https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579677680259-Y5FCS7G6BEC6ORE6RXEL/nat_landing_page-6524.gif Nat, Conversational Robot Nat’s Landing Page. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579675517837-93LVEC8XP8TBWR8JJR5P/nat2-6505.jpg Nat, Conversational Robot - Nat, Conversational Robot School project in Voice and Multi-Modal Design at SCCA. As a group of two (with another designer Amanda Welch) we created the concept of the product, conducted user interviews and designed the toy itself, VUI flows, promo animation and parents onboarding dashboard. I did all the illustrations, and additionally worked on the landing page, packaging design and user manual. meetnat.atiagina.com https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579678532183-NIOXVAYBNK3K3JXG5TY4/nat-features.jpg Nat, Conversational Robot https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579676893553-4NB5RQXW88LZ7A9BEDYZ/journeywhiteboard-5745.jpg Nat, Conversational Robot Whiteboarding the journey of one of the Mom’s that we interviewed. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1648662712479-7JKMT6EPHF4ZICOFZYLR/nat.jpg Nat, Conversational Robot https://annaatiagina.com/green-lake-park daily 0.75 2020-01-26 https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579984465098-OYJE3N009OGCIQA7A69P/kids.gif Green Lake Park: Signage Redesign https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579997482743-8Q3QVJQCXL7HIEWA73K9/greenlake_redesign_4.jpg Green Lake Park: Signage Redesign https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579983006173-CQDTW71BI9656URKTC40/personas4.jpg Green Lake Park: Signage Redesign https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579985030586-14QYPAKEGUSYT1CKD5HG/AquaTheatherBackside.jpg Green Lake Park: Signage Redesign https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579985816731-K9VTP5KC563DGDNRSA3C/mural_big.jpg Green Lake Park: Signage Redesign https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579983458989-C3XL5MF5QDDENO4M0O36/park1-1.jpg Green Lake Park: Signage Redesign https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579982012434-TOO5TLBSZDUGOHB5MPDS/Screen+Shot+2020-01-25+at+11.51.42+AM.png Green Lake Park: Signage Redesign - Green Lake Park, Seattle Green Lake Park is on the oldest and most beloved Seattle parks. It was built as a part of 1903 Olmsted plan, and became famous for its boathouse, beach, bathhouse, trails, tennis courts and baseball fields. In the 1960’s The Green Lake Aqua Theater held concerts of such bands as The Grateful Dead and Led Zeppelin. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579997514064-U4MU0MC1GB4ZJGNC5IWN/greenlake_reesign_3.jpg Green Lake Park: Signage Redesign https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579997579491-HDL9I89DIKUZ11DX4LW9/greenlake_redesign_2.jpg Green Lake Park: Signage Redesign https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579985390704-V35NBGC6ER9GT3U2MAI3/styletile.jpg Green Lake Park: Signage Redesign https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579983171035-ALLRYNPNAQ96KPA2TVDM/icons.jpg Green Lake Park: Signage Redesign Book with the methodology that we used for our Design Sprints. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579981967511-L617CXOGD0DP6DS4Q7RO/Screen+Shot+2020-01-25+at+11.51.42+AM.png Green Lake Park: Signage Redesign https://annaatiagina.com/history-of-synths daily 0.75 2020-01-25 https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579994688152-5JEYET7DK2OAHF0VTTV1/roland_big.gif History of Synths https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579994632781-1HKJ9YPQDMHGP7AYX1GP/synths_grid_final.jpg History of Synths https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579995771221-3ZX51Z6JV35NEH59DMDO/fairlight.jpg History of Synths Newer redesign of the synth card: more white space, different typefaces. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579994799983-NRZU6DLUK7GW8ENW5L37/scroll+history.gif History of Synths Scrolling from the top of the webpage. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579995639271-IC472WP3HYLL3OKOPH3A/dx7_animation.gif History of Synths Early version of the website: Fairlight CMI visited by Bob. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579995511341-JXXL50FJ85OA9PV5989I/Bobchanges.gif History of Synths https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579995449012-STRX138F4MJ337UY1FU7/bobs_personalities.jpg History of Synths Different eras, different outfits. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579993498037-76N9LRY603OQGRSJ85ZV/Screen%2BShot%2B2020-01-25%2Bat%2B2.55.18%2BPM.jpg History of Synths - Hystory of Synths Illustrated interactive website that tells the history of synthesizers from the early 20th century until the 21st century. historyofsynths.com (currently desktop only) https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579993241722-MVPX3RLAXQS83PFGB4N2/Screen+Shot+2020-01-25+at+2.55.18+PM.png History of Synths https://annaatiagina.com/illustration daily 0.75 2022-04-01 https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/de92a9ea-45ba-46e4-8a4e-a983a178fe62/illustration12.png Illustration Illustration for a school project. I still sell a few of these prints monthly on society6. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/d05977a5-b8ab-46bf-8b91-eab861dcbe07/illustration2.png Illustration - 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/5be46bc55cfd79ac04837b96/1626978428075-CZ1A49Q60ZRRUSUBWYSZ/Beaverangelo.jpg Illustration - 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/5be46bc55cfd79ac04837b96/1579999526456-UPCUZ3IE1OUHO1YT9QT1/sidestreetdrawing.jpg Illustration https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/4c7b9213-b5ac-4fab-b15d-be9039fd1e12/illustration7.png Illustration - 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/5be46bc55cfd79ac04837b96/93cb8361-b385-42b6-b334-36fe5f7718aa/illustration9.png Illustration - 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/5be46bc55cfd79ac04837b96/1579998999834-TOVIRJP9MBNZ2RZ8SVFR/illustration0502.jpg Illustration Illustration for my personal branding: back of my business cards. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579999715241-P5NXGAM39OS1JL5F3FA1/sidestreetcups.jpg Illustration https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/ac45f632-f351-4973-9fc4-f4da4a7a3ebf/illustration6.png Illustration - 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/5be46bc55cfd79ac04837b96/8d23e258-5aa0-4edf-b358-c46d3cab66c5/illustration8.png Illustration - 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/5be46bc55cfd79ac04837b96/f8e03468-d618-40cf-976e-76671da850fa/illustration5.png Illustration - 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/5be46bc55cfd79ac04837b96/f2f21c48-2b34-4fe5-a2b0-c2c2c0642d13/illustration10.png Illustration - 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/5be46bc55cfd79ac04837b96/c82c5c1c-50a4-419b-9ef9-d743a0064755/illustration11.png Illustration https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/670b0d0a-430c-42e1-a30e-979f414fcd5f/illustration4.png Illustration - 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/5be46bc55cfd79ac04837b96/1579999589183-5LIPTEXGTYSNCJ4PICS6/sidestreet_2.jpg Illustration https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/3360d4dd-bafc-4daf-9480-0623b1225a54/illustration3.png Illustration - 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/5be46bc55cfd79ac04837b96/114808f9-00d8-4d80-878e-ed3b3d3bc1ff/illustration1.png Illustration - 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/5be46bc55cfd79ac04837b96/1579999037441-6ZHDRBD9THZJ8H6DQERR/personalbranding.jpg Illustration Personal branding in real life. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579999555506-IPZ0KHDOM57E3GLQDZYX/sidestreetcoffee_main.jpg Illustration https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1646723115735-3ANVSTUI7NQELH3UW3M2/covid_kraken_color.jpg Illustration https://annaatiagina.com/about-1 daily 0.75 2025-09-29 https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/7d0220b4-5aa1-49c5-a596-cf8506478396/avatar2024.jpeg About - My name is Anna Nice to e-meet you! https://annaatiagina.com/student-work daily 0.75 2022-04-01 https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579996188597-AQS07SO8SRK3O1A2YQYC/nat_gif-2.gif Student Work - Nat, conversational robot for kids End-to-end feature design, including product concept, VUI flows, packaging design, user manuals, promo website and more. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579674179366-7ZFG8UYT8JXGLKRL3S6P/ABLE-Scroll2-minified-5722.gif Student Work - Mobile app design Able is a mobile app to search for volunteer experiences in your area. Product design, interaction flows, wireframes, high-fidelity mockups and prototypes. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579994688152-5JEYET7DK2OAHF0VTTV1/roland_big.gif Student Work - History of Synths Interactive website with custom illustrations, sound samples and animation. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/1579675517837-93LVEC8XP8TBWR8JJR5P/nat2-6505.jpg Student Work https://annaatiagina.com/new-page daily 1.0 2025-10-21 https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/2669d5a4-0185-4a3a-8875-58f931d39799/Screenshot+2025-10-21+at+3.39.46%E2%80%AFPM.png ABOUT - ASOR designs on the main stage of Workday Rising’25 Gerrit Kazmaier, President, Workday, and Charles Lamanna, President, Microsoft, presenting ASOR at Workday Rising’25. https://images.squarespace-cdn.com/content/v1/5be46bc55cfd79ac04837b96/7d0220b4-5aa1-49c5-a596-cf8506478396/avatar2024.jpeg ABOUT - 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/5be46bc55cfd79ac04837b96/1579991444282-2WCS7PQK7HVF9ZIPZN8Q/guestconnect.jpg ABOUT - Make it stand out Dave Limp, Senior Vice President, Amazon, announcing Alexa Guest Connect feature in September 2019. https://annaatiagina.com/new-page-1 daily 0.75 2025-10-21