https://www.kaitlin.design/home daily 1.0 2020-12-10 https://www.kaitlin.design/product-design daily 0.75 2020-12-10 https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f763b28e022086e88c7043e/1603824162067/Share-Wizard-Cover.png Product Design https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f763f701251b158b95cedea/1603824174558/KUOW-Cover.png Product Design https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f7b939c3510c16a705d7726/1603824193959/kuow-df-cover.png Product Design https://www.kaitlin.design/uxresearch daily 0.75 2020-10-27 https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f6a861b9acd0718c11970ea/1603824211255/cheerleading19-9.png UX Research https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f6a85ba63e091272e8ee7c9/1603824225362/clinic.jpg UX Research https://www.kaitlin.design/kuow daily 0.75 2020-10-16 https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f6bb4d3dcae3e46d7ef69cc/1600894178564/Screen+Shot+2020-09-23+at+1.49.13+PM.png KUOW - Stories auto-play on all articles If you were already listening to a story and opened an article, the new story interrupts your audio. Even worse, it played regardless of mute settings! https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f890fdbb4f57a37a93395f2/1602818132449/facebook.PNG KUOW - Social media functionality was ineffective The social media integrations were just web views of KUOW’s pages. https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f89107a1bcbc2621b821e6b/1602818180732/lastest+playing.PNG KUOW - The audio controls didn’t allow for continuous streaming The share functionality completely overwhelmed the main audio controls. https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f8911961bcbc2621b8238ec/1602818479574/Blank+diagram+%283%29.png KUOW https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f6bc247f2c25f2f777c271c/1600897623274/kuow-app-user-personas.png KUOW - Persona research KUOW had recently been through a rebrand to appeal to a younger demographic. I was able to use their rebrand persona, Alisha as a starting point. Then I added a persona for their established listeners based on existing research. Inspired by Alisha’s listening habits, I did an audit of several popular podcasting and radio apps. This helped determine how to appeal to a younger audience. https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f890574d349c741382e6b57/1602815862629/screen696x696-3.jpeg KUOW Pocket Casts https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f8906f61a8ea23bbd6fd442/1602815850302/screen696x696-1.jpeg KUOW Today News https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f89075175c39b20d71df306/1602815854420/screen696x696+%281%29.jpeg KUOW BBC News https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f8905ed04e7d76683d683b2/1602815860732/screen696x696+%285%29.jpeg KUOW iHeartRadio https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f89068c8197e61be96e6781/1602815844015/screen696x696+%281%29.jpeg KUOW Apple News https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f8906271bcbc2621b80f8ba/1602815857179/screen696x696.jpeg KUOW BBC Radio https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f8905aaa92d70620468f1bb/1602815869524/screen696x696.jpeg KUOW Overcast Podcasts https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f8906cd7219cf2a9db08b6d/1602815847034/screen696x696.jpeg KUOW CNN News https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f8903a65c38b61f0fd093e8/1602814907813/_+Site+Map.png KUOW https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f6bc4c4f98ae83091f08a92/1600898254750/kuow-app-sketch-ia-2.png KUOW https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f7613c9be880f7f73e60aee/1601573870027/typography.png KUOW - Adapting to all stories A huge consideration for the app was adapting the design to the range of stories that KUOW produces. They cover gut-wrenching stories to light humorous articles. Jon White provided the lovely typography choices of More for headlines and PT Serif for body. From this starting point, I chose a black condensed face for headlines. This weight is both space efficient and capable of handling any content. https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f6bc5cff10d66697986dc63/1601573929361/kuow-app-sketch-swipe.png KUOW - Ease in consistency As I moved into wireframes I wanted to dial in the queue and listening experiences. I added swipe gestures for the Aspirational Listener and a more menu for the Dedicated Donor. This allows listeners to add, remove, favorite and share stories. My goal was consistency across all screens of the app. https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f7616e325313076997a1759/1601574880760/Queue.png KUOW https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f7615aab9186f684c3415ca/1601574874367/home-top.png KUOW https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f76166e90b13810209b853a/1601574886541/4a+Programs+-+KUOW.png KUOW The queue icon (right) is always present throughout the app. The live broadcast shortcut (left) appears at all top level screens. https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/5f7618e1dc3ed4794a5ac11c/5f761bb5a0a58b6959033ad0/1601575871311/4+Story_Detail-Fun.png KUOW https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/5f7618e1dc3ed4794a5ac11c/5f761bb5efc90d30143d082d/1601575887109/4a+Story_Detail-Slideshow-V.png KUOW https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/5f7618e1dc3ed4794a5ac11c/5f761bb5477f2d11f823d604/1601575896601/5+News.png KUOW https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/5f7618e1dc3ed4794a5ac11c/5f761bb55465b01d70135a08/1601575882914/6+Queue-Listening.png KUOW https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/5f7618e1dc3ed4794a5ac11c/5f761bbc9d4bf044bbe7d62a/1601575879707/8b+Discover-Authors.png KUOW https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/5f7618e1dc3ed4794a5ac11c/5f761bc5d80d662784786c87/1601575891834/8c+Discover-Author_Detail-Stories.png KUOW https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/5f7618e1dc3ed4794a5ac11c/5f761bc5d80d662784786c90/1601575886051/10+Profile-Subscriptions.png KUOW https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/5f7618e1dc3ed4794a5ac11c/5f761bcb1589a316b93093af/1601575888452/11+Create_Account.png KUOW https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/5f7618e1dc3ed4794a5ac11c/5f891242d271f95bafcb747f/1602818637473/2+Story_Detail-Emotional.png KUOW https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/5f7618e1dc3ed4794a5ac11c/5f891276acd2fc474d1ff922/1602818693080/1+Story_Detail-Normal.png KUOW https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/5f7618e1dc3ed4794a5ac11c/5f891293d271f95bafcb81c9/1602818713089/3+Story_Detail-No_Image.png KUOW https://www.kaitlin.design/contact daily 0.75 2020-10-06 https://www.kaitlin.design/donation-form daily 0.75 2020-10-06 https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f7b73eb1cdbcf7eef08b28d/1601926131532/1.png Donation Form - The monthly donation UI confused the users. The “make this donation monthly” checkbox was consistently over-looked. Sometimes supporters would accidentally sign up for monthly donations at huge amounts. https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f7b740c3b3af2492979b804/1601926383652/3.png Donation Form - No variant support for prizes. Each size or color variant had to be listed as a separate prize. https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f7b756e0ca3b604ea9243be/1601926518021/4.png Donation Form - Users could not dedicate their donation. They would use the comments field to dedicate their donation in honor or in memory of someone else. https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f7b8e005ec0ad374a7915b0/1601932898319/kuow-df-sketch-3.png Donation Form Sketches of the donation form. https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f7b8e265ec0ad374a7920e6/1601932876952/kuow-df-sketch-2.png Donation Form Sketches of the thank you page post-donation. https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f7b8e6a6befc806d064f92e/1601932918868/mission.png Donation Form - Impact giving The first up-sell of the page is the mission section. This was specifically designed to make content creation easy for KUOW and easily digestible for donors. This section introduced the concept of donation levels based on the services KUOW provides. https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f7b54efbf4e4a7b6fa6300e/1601918212367/gift-wires.png Donation Form - Functional gifts After the mission section are the gifts. The form clearly displays which gifts can be acquired at the current donation amount, while easily allowing donors to upgrade their amount to unlock new gifts. It also provides size and color selection to support t-shirts. https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f7b8f262e931c2ca4c86714/1601933104349/monthly.png Donation Form - Monthly call to action The final up-sell comes after the gifts. If the donor is making a single donation they see a CTA asking them to upgrade to a monthly donation. https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f7a870904f4b1678e0eb569/1601865528261/1+single+donation+-+small.png Donation Form Wireframes for the donation form. https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f7a871b08bd1c508b504148/1601865550158/6+Thank+You.png Donation Form Wireframes for the thank you page. https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f7b906d9dbe162dbf1ef643/1601933430321/textural-elements.png Donation Form - Applying the new style guide The brand style guide paired abstract textures next to street photography. I took those textures and used them as design elements throughout the form. The focus on a younger audience also allowed me to take some risks and have a point of view by using an asymmetrical design that translates into mobile. https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f7b9125a913e40d807549ff/1601935439050/dedications.png Donation Form The form has many moments of whimsy hidden in it. We know donors will often misuse the inputs to dedicate donations to other people or even their pets. I added a dedication input and a sticker carousel that allows donors to select a custom background that reflects their reason for dedicating their donation. https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f7a89504450c5069e7c4995/1601933856121/kuow-1-form.png Donation Form Page before form is expanded. https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f7a8985e213a156bb536412/1601933850984/kuow-2-expanded.png Donation Form Page after form has expanded. https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f7b916a7449dd1d4daa078c/1601933846398/kuow-3-thank_you.png Donation Form Thank you page post-donation. https://www.kaitlin.design/about daily 0.75 2020-10-06 https://static1.squarespace.com/static/5f447dd7db00724c4146d4e4/t/5f7bea995bae9344c29fe19f/1601957659386/profile-square.jpg About - This is me. I enjoy working with companies that grow and learn from experience. Self-reflection is a critical skill for turning mistakes into lessons. Starting from a baseline of patience gives the space and opportunity to grow. I'm not perfect and I don't expect perfection from anyone. I have nothing but respect for people who meet challenges with professional integrity.