https://www.kianasonnenfeld.com/about daily 0.75 2019-11-20 https://static1.squarespace.com/static/5dad21afb9438f1dd532b715/t/5dd4e7f66bae7d14c4465070/1574234112770/PortfolioPic.jpg ABOUT - Hello! I’m Kiana, a UX/UI Designer with a background in property management, TV broadcasting, and digital media. I enjoy solving core design problems and experienced in leading teams to complete projects on time and under budget. https://static1.squarespace.com/static/5dad21afb9438f1dd532b715/t/5ddb482181fab20e4f3b3578/1574651945897/Orange.png ABOUT https://www.kianasonnenfeld.com/contact daily 0.75 2019-11-26 https://static1.squarespace.com/static/5dad21afb9438f1dd532b715/t/5ddb4174b53adb35eaa15cbb/1574650251720/Blue+2.png CONTACT https://www.kianasonnenfeld.com/dsa daily 0.75 2019-11-25 https://static1.squarespace.com/static/5dad21afb9438f1dd532b715/t/5dd381e8f904181441dccc2c/1574143025546/DSA+-+website+Pic2.002.jpeg DSA The client's goals were to help people find affordable transportation through the site and to get them over to the downtown core. We ran a study to understand user needs.. One key finding was that 82% of customers said they usually use Google Maps to find parking instead of a parking app or site. Because of this, we decided to go with a map first approach for the site. https://static1.squarespace.com/static/5dad21afb9438f1dd532b715/t/5dd4d592e71f5a10612c3119/1574229418194/DSA-V1Prototype-Iphone.jpg DSA https://static1.squarespace.com/static/5dad21afb9438f1dd532b715/t/5dd39273c2af6160a08e361a/1574146808879/DSA+-+website+Pic2.001.jpeg DSA 1. Finding the shuttle section. Every user struggled to find the waterfront shuttle link on the homepage. The link was hidden on the top of the page and visibly hard to locate as the font was too small and font color too bright with a bright orange background. The shuttle link, shuttle information, and other links were stacked and did not appear as buttons or links. 2. Finding shuttle stops and shuttle tracker on the map. The shuttle stops on the map didn't have a specific label, so it was hard for users to notice the black dots as stops. The shuttle tracker was also hard to notice as it was labeled as “N/S, and “E.” 3. Navigating the full page with the map sitting in the middle. Most phones had limited space, causing users to get stuck on the map in the middle of the page. Once you finally bypassed the map then, the list of stops was available at the bottom of the page. https://static1.squarespace.com/static/5dad21afb9438f1dd532b715/t/5ddb2c1785e3643e17879a36/1574644779892/DSA+-+V2+-+Prototype+-+4Iphones+-+2.jpg DSA https://static1.squarespace.com/static/5dad21afb9438f1dd532b715/t/5dd4e12438ae5452a05468ae/1574233442484/SUS-Chart.jpg DSA - Site Usability Score (SUS) Current State SUS: 17.5 V1 Prototype SUS: 79.2 Final Prototype SUS: 87.5 https://static1.squarespace.com/static/5dad21afb9438f1dd532b715/t/5dd4c705feebed7bbb1cc926/1574225973921/JourneyM.jpg DSA To summarize customer experience, I created a journey map to illustrate each stage of the process. https://static1.squarespace.com/static/5dad21afb9438f1dd532b715/t/5dd4ca98f85d225a61628f3b/1574226595367/DSA-Wireframes.jpg.012.jpeg DSA https://www.kianasonnenfeld.com/portfolio daily 1.0 2019-11-25 https://static1.squarespace.com/static/5dad21afb9438f1dd532b715/t/5ddb2f53a46d122f383b4a9e/1574652526377/Prototype-8Phones.jpg PORTFOLIO - DSA Redesign of Downtown Seattle’s public transportation mobile website DowntownSeattleParking.com https://static1.squarespace.com/static/5dad21afb9438f1dd532b715/t/5dd5cfc7dda0127101aac987/1574652539482/GP-HeaderPic.jpg PORTFOLIO - The Grandpa Project UX / UI Case study to redesign a website for a one-person non-profit TheGrandpaProject.com https://static1.squarespace.com/static/5dad21afb9438f1dd532b715/t/5ddb4a119de5330a90cacb84/1574652447877/Yellow3.png PORTFOLIO https://www.kianasonnenfeld.com/pagegp daily 0.75 2019-11-25 https://static1.squarespace.com/static/5dad21afb9438f1dd532b715/t/5dd5d16a28602074cee16985/1574293879320/GP-HeaderPic.jpg GP https://static1.squarespace.com/static/5dad21afb9438f1dd532b715/t/5dd61e450e89843019e4c103/1574313563760/Afinity+Maps.png GP My teammate and I started the process by first completing an affinity map. The map helped us gather the site data, and after organizing the facts into groups, I was able to brainstorm and form my questions for the survey. The client's goal was to allow grandpas leave a lasting legacy for their grandchildren. What features could we add to support the goal on the homepage? https://static1.squarespace.com/static/5dad21afb9438f1dd532b715/t/5dd6283347de325530264ad7/1574316171895/Sketching.png GP https://static1.squarespace.com/static/5dad21afb9438f1dd532b715/t/5dd620ca8bcf197a9a4b4205/1574314214078/Survey1.png GP - Survey Results Survey results showed that 90% of users are interested in a program that allows grandparents to leave messages and pictures for grandchildren to receive in the future. Most users were not interested in paying a membership fee for such a program. Users did say privacy features were a must, and preferred leaving private messages for family members. 100% of users couldn't figure out what the current homepage or the business offered. They also had a hard time submitting stories on the site because at times the feature has an error message. https://static1.squarespace.com/static/5dad21afb9438f1dd532b715/t/5dd9b9c85fd0b302be0b76a9/1574549993466/Prototype+4.png GP - Time for user testing! After testing five users, I learned the digital voice message section was still a bit confusing for most users. I decided to move the card to the middle of the page and add more details about the feature. Users commented on wanting more options, such as articles and other reading material, so I added a "Resource" section. The “Tell Your Story” button is now located under featured grandpa stories. https://static1.squarespace.com/static/5dad21afb9438f1dd532b715/t/5dd9bf3d460bea394431c454/1574551379287/Prototype+5.png GP - Tell Your Story The “Tell Your Story” button links to a pop up page, or a separate page depending on which users prefer in testing. https://static1.squarespace.com/static/5dad21afb9438f1dd532b715/t/5ddb13b481fab20e4f34a25b/1574638570128/PresentationPicture.png GP - Conclusion: The Grandpa Project is an excellent program with a grand mission to help grandpas leave a lasting legacy for their children and grandchildren. To achieve this goal, the site needed added features and an overall upgrade. The new design allows grandpas to leave messages, pictures, and videos for their future grandkids by using the "Digital Capsule”. Users can easily find resources and articles to read to keep them active on the site. Users can also be featured on the site by submitting their stories. https://static1.squarespace.com/static/5dad21afb9438f1dd532b715/t/5dd9a777455f406d50b63c66/1574545306759/GP-Wireframes.jpg.001.jpeg GP https://static1.squarespace.com/static/5dad21afb9438f1dd532b715/t/5ddb16f3c040f62cf154c242/1574639373002/Mobile2.png GP - Mobile (TGP) Mobile version of the site has an hamburger menu on the top right. The page layout is exactly the same as the web version with the “Tell Your Story” button in the middle, and social media features on the bottom.