https://www.korrin.co/portfolio daily 1.0 2021-07-09 https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/602bdc12ab0deb12bbcb15fa/1620247092164/K_Brand%252B4.jpg Home https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/6092ebf59ac7ac7891f19ca1/1625837929702/iPhone-XS-cc-Clay-Mockup.png Home - ContactCode A sustainable solution to the paper business card. Strategy Ideation Branding Mobile Design View Prototype GIF https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/601d8e237050527e470b7b57/1620494367521/Gif_Kasie_Mock+new1.gif Home - Kasie Makes A groovy small business rebrand. Strategy Ideation Branding Web & Mobile Design https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/601d900670e7aa457c1a3387/1620494375386/be%252Bclay%252Bmockup.jpg Home - Be Be is an innovative company offering time-traveling packages to the public. A case study for UXA DesignLab. Strategy Ideation Branding Web & Mobile Design https://www.korrin.co/about daily 0.75 2021-09-03 https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/5fde22b22629b066abac79d9/1608393409657/K_Brand%2B2.jpg About https://www.korrin.co/be-case-study daily 0.75 2021-06-05 https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/5fe3acebd7f9576536da7087/1612018096165/Screen+Shot+2020-12-23+at+3.41.47+PM.png Be Case Study Be | Time Travel E-Commerce | UXA DesignLab https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/5fe010b27f4e6a33674a9b4c/1608677478670/AdobeStock_341153194.jpg Be Case Study https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/5fdfe2dcf5f64226566b1dcf/1608677468370/Screen+Shot+2020-12-20+at+6.47.54+PM.png Be Case Study https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/5fe0229efb7de13a64849cba/1608677488468/persona+be.png Be Case Study https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/5feabff038ca4e1d35eeb912/1612018096179/sitemap.jpg Be Case Study - Sitemap After analyzing my data from the card sort I was able to layout the site. From the home page I knew I had to have the option to book a trip, packages ready for purchase, about, search & a profile. My main focus was the goal: easy checkout with user in mind. https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/5ff3e540f90c08416ce27542/1612018096182/sketches%2Bbe.jpg Be Case Study - Sketches I began with a simple flat site that the images would really be the focus. Then I thought of telling a story of uncovering the past for the user. I wanted the user to imagine how they would feel by choosing BE... whatever experience that was available. https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/5feabe1556bb3124d93396dd/1612018096176/ Be Case Study - Card Sorting I had 6 participants for my sort on OptimalWorkshop.com. Two of those participants organized cards geographically while the others did both geographically and by theme. I found to meet user’s needs I must filter by location, event, year & price. https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/5fe35550c2474155bd58e134/1612018096185/be+user+flow.jpg Be Case Study - User Flow I created a user flow for my persona, Pasquale. Creating this flow allowed me to really think like my user. The user’s thoughts & feelings guide their decisions. I tried to created different paths the user could take without the user fighting their thoughts or emotions that would ultimately lead them to the checkout page. https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/5fe35ee79932444ddc4eefc5/1612018096188/be+wireframes+this.png Be Case Study - Wireframes For this case study my main focus was the checkout process. The landing page is interactive with the hero image correlating with the text “Be… a pirate”. The call CTA under the text leads the user right to a “pirate package”. Other frames are categories, product details and about page. https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/5ff09b802fb5c129f20bdc4a/1612018096195/be-branding-mockup.png Be Case Study https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/5ff09fe72fb5c129f20c6b28/1612018096198/be-ticket.jpg Be Case Study https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/5ff1fdd30493bd2827463c02/1612018096201/ui-kit-shadow.jpg Be Case Study https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/5ff20f322fb5c129f238ed68/1612018096204/insta.jpg Be Case Study My initial research findings through competitive analysis lead me to design a sleek site with colors associated with space. I also utilized the same UI patterns I found on travel sites & clothing sites to give the user a familiarity within the unknown concept of the site, time travel. I took the direction away from a super “techy” space site and added more humanity into the design with a softer san serif & collage interactions. https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/5ff214fbfc8ee327dd3b18ee/1609812450176/Affinity%2BMap.jpg Be Case Study Participants (3) Age 36-45 Interested in travel & book all travel online Wins CTA on landing page Visually pleasing Checkout flow easy & understood Improvements Replace Be drop down with slide show Add book trip to every page Require all fields filled for forms Increase hit spots for hamburger Replace Be drop down with slide show https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/5ff41d1f45753c614226ab5e/1612018096223/South+America.jpg Be Case Study Reviewing my heat maps from the test I noticed most of my participants going to the hamburger menu or header to book a trip but not utilizing the search? I decided to add a booking option to my header so it is accessible on every page. The small booking tab slides in when book is clicked. I know this is an unusual booking interaction & I am not sure if it would be complicated for the developers. This was an interesting way for me to solve the problem & look forward to how or if users will find this an easier path to checkout. https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/5fe8bd85b6901b29b8d02e26/1612018096213/Screen+Shot+2020-12-27+at+11.59.17+AM.png Be Case Study Users found the drop down option on the landing page confusing. It was intended for the user to select and explore different experiences from drop down that would change the hero image. https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/5ff3a30a08f85a4b4ea476c6/1612018096216/be+1+copy.gif Be Case Study I kept the same concept and deleted the drop down option. Instead I created a few hero images that changed when hovering & the CTA for each image lead the user to a product page that correlated with the image and also other offerings similar to the original hero image. https://www.korrin.co/contact daily 0.75 2021-07-24 https://www.korrin.co/kasiemakes daily 0.75 2021-05-06 https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/601d93cc5c833033fc77f71b/1616736759804/kasie-clay-all-.png Kasie Makes Case Study Be | Time Travel E-Commerce | UXA DesignLab https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/601da23a78a1067166ee01be/1616736759814/Gif_Kasie_Mock+new1.gif Kasie Makes Case Study https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/601ff72c268c6a7b9740053a/1616736759823/Kasie+Persona+copy.png Kasie Makes Case Study https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/6020c1e383459e1ff559a304/1616736759827/Screen%252BShot%252B2021-02-06%252Bat%252B2.30.55%252BPM.jpg Kasie Makes Case Study User Interviews & User Surveys #1 Pain Point - After reviewing my data and interviewing participants I can confidently say that consumers do NOT feel shipping costs are their responsibility (#1 reason they prefer amazon) #2 Pain Point - Poor representation of product. Users want detailed pictures and descriptions. Pictures of product alone, on a person (showing size + length) and a 360 view or video. Consideration - Not one of participants has an intention of buying jewelry. The purchase just happens and is discovered during the shopping process. 80% of participants go to a social platform for fashion/style inspiration & will by products through instagram from unknown brand https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/601fef367febbd1794ec6d93/1616736759820/Competitor+Analysis+Chart.png Kasie Makes Case Study https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60200b75cc03965c07397297/1616736759834/process-deliverables-by-korrin-dougherty%2B%25281%2529.jpg Kasie Makes Case Study - Sketches I began with a clean layout making the products the focus. The landing page will be more colorful and illustrative introducing the brand. https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60217eef42387134a6b9a5fc/1616736759831/kasie%2Bmakes%2Bsitemap.jpg Kasie Makes Case Study - Sitemap The sitemap I kept super simple. I knew from my research I needed the nav bar to be visible on all pages to allow the user to access any category and cart at anytime. My main focus was branding and an easy checkout with user in mind. https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60201632cc2902327d1329ee/1616736759841/kasie+makes+wireframes.png Kasie Makes Case Study - Wireframes My main focus was the branding and checkout process. The landing page is interactive with a looping illustrative gif defining the brand right away. From my research I discovered that a jewelry purchase is not the initial intent but rather an organic purchase that happens during the shopping experience. The call CTA linked to the .gif hero image takes the user to the gift page to spark that intent of gifting someone a jewelry piece. Other frames are categories, product details and about page. https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60259887988ee63e2bb2c7f9/1616736759837/user+flow+kasie.png Kasie Makes Case Study - User Flow I created a simple flow for discovering products and checkout. This flow guided me with the UI design. https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/6022b112feeb7a09fd789549/1616736759860/kasie+makes+pallate.png Kasie Makes Case Study https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/6021889e88388337f46dbf12/1616736759869/Instagram%2Bpost%2B-%2B2%2Bkasie.jpg Kasie Makes Case Study https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/6021871bb560ee5f23fe8b3e/1616736759863/Instagram+story+kasie.gif Kasie Makes Case Study https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60218dd811be8d3f5d6c4820/1616736759872/Instagram%2Bstory%2B-%2B1.jpg Kasie Makes Case Study https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/6020d0e9dbf9e00c73a1e8a2/1616736759848/Kasie+toteorange+and+yellow.jpg Kasie Makes Case Study https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/6020d1a63cfe453321d402d3/1616736759852/Paper%2BBox%2Bkasie.jpg Kasie Makes Case Study https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/6021890973bbde452f1b7374/1616736759866/Instagram%2Bpost%2B-%2B1%2Bkasie.jpg Kasie Makes Case Study https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60218127121cd07b5eac178c/1616736759856/Kasie_Makes_yellow+logo.gif Kasie Makes Case Study https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60218cba2d83b51782d6d683/1616736759888/Slide+16_9+-+6.jpg Kasie Makes Case Study https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60218ea7bb4f5a677a455ad0/1616736759879/Slide+16_9+-+2.jpg Kasie Makes Case Study https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/602225c255fdbf5e4e4c2072/1616736759891/kasie+frames.png Kasie Makes Case Study https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60218bb5caaff826bd807074/1616736759885/Slide+16_9+-+3.jpg Kasie Makes Case Study https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60218c861ee5037755722f94/1616736759882/Slide+16_9+-+4.jpg Kasie Makes Case Study https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/6024b2a787d7df2a609c68a1/1616736759902/kasie-before.png Kasie Makes Case Study Testers did not notice email capture for free shipping at the top. Testers also used the CTA shop button to shop for all products. https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/6024b218b724883f0bea38ba/1620318473751/kasie-after.png Kasie Makes Case Study I changed the CTA to make it more clear from Shop to Shop Gifts. I also added the Free Shipping button at top to lead user to submit their email to receive free shipping on their order. I am not sure if the free shipping button will be effective or how users will feel about the option. My client clearly stated no pop ups so this was another alternative that I will test when the site is live. https://www.korrin.co/home-quick-prototype daily 0.75 2021-05-06 https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/6092f47a9e7a426a97f0cad4/1620244290545/ContactCode+quick+prototype+5+kDougherty+copy.gif Home Quick Prototype https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/609368fccfc68c588c4d9078/1620274611843/be+clay+mockup.png Home Quick Prototype - Be Be is an innovative company offering time traveling packages to the public. A case study for UXA DesignLab. Strategy Ideation Branding Web & Mobile Design https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/609366f2a2528904c1799ef3/1620274096202/Gif_Kasie_Mock+new1.gif Home Quick Prototype - Kasie Makes A groovy small business rebrand. Strategy Ideation Branding Web & Mobile Design https://www.korrin.co/contactcode-case-study daily 0.75 2021-09-03 https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60bafae7802465770444cae8/1620144146323/iPhone-XS-cc-Clay-Mockup.png contactcode https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60bafae7802465770444caeb/1620331993845/ContactCode+quick+prototype+5+kDougherty+copy.gif contactcode https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60bafae7802465770444caf1/1624469723950/Competitor+Analysis+Chart.jpg contactcode - Competitive Analysis One insight that came out of the competitive analysis was the realization that all the products were designed for a vast market, and thus, aren’t serving anyone particularly well. Some quick personas that come to mind are sales reps vs. personal business referrals. This realization led me to ask… https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60bafae7802465770444cafd/1624469235481/80.png contactcode - Multiple CRM tools are their biggest pain point for managing their connections https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/61325bc1e71b6f7b03eec236/1630690245325/ContactCode+Persona.jpg contactcode - Persona Who is our target? After researching the existing product our initial persona changed. ContactCode’s target audience is Gen Z sales professionals & small business owners. Young professionals who care about building relationships in a progressive sustainable way. Findings: Provides value An intuitive & visually appealing product A tool that allows user to be more productive The product aligns with user’s values & beliefs https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60bafae7802465770444caf7/1624469264919/101.png contactcode - State that referrals & personal client relationships are highly Important https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60bafae7802465770444cafa/1624594974875/4.5.png contactcode - Average time spent tracking emails, calls and meetings https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60d5618b33491017c7ed79eb/1624596927524/existing+flow+cc.png contactcode - Existing Flow I evaluated the existing flow of sharing contact information on the ContactCode App. I also tested the app with a small test group to gain more insight. Based on this research, it was clear that the current state causes users confusion and uncertainty. One critical issue the lack of a clear CTA to share. The share icon was easy to miss. The language used to describe filter options left the test group with many questions. https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60bafae7802465770444cb06/1620250271276/Contactcode+wireframe+sketches.png contactcode https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60d56a04f4e5d7451024bb3d/1624599086051/CC+email+flow+user+-+nonuser.jpg contactcode https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60bafae7802465770444cb0f/1620324979201/Contactcode+wireframe+v2.png contactcode - Version 2 Version 2 https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60bafae7802465770444cb0c/1620250240916/sketches-ux.jpg contactcode - Quick Sketches What were we missing? I went over my recorded test sessions and really listened to the feedback. The participants’ priority was who they needed to follow up with, who was a hot lead, and they didn’t want to see their own card on their home screen. https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60bafae7802465770444cb15/1619629993523/all+brand+cc.png contactcode https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60f9a652b7ec59702aa93a6e/1626973796946/ui+contactbcode.png contactcode - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60bafae7802465770444cb12/1619581722297/cc+colors.png contactcode https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60bafae7802465770444cb1b/1620330867857/cc-email-flow.jpg contactcode https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60bafae7802465770444cb1e/1619892336914/test+1+pic.jpg contactcode https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60bafae7802465770444cb21/1624631310756/Contactcode+user+test+mod.png contactcode https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60bafae7802465770444cb27/1626976318106/cc+home+proto+2+copy.gif contactcode - New Filter Category Names From my usability tests, it was evident that the tabs were not completely understood. New and Recents could mean the same thing and participants had so many questions with each category. I referred back to my video footage of each usability test and noted any comments made of the filter. Questions the participants asked or comments of what their exceptions were. 60% of the participants were looking for the words Leads & Deals. 100% of participants highly valued the Follow Up category. https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60bafae7802465770444cb24/1620250742016/Contactcode+next+steps.png contactcode https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/t/60f9aab93316d17024e34f55/1626976115750/ContactCode+new+card+kDougherty.gif contactcode - New Home For Cards From my usability tests it was evident that the tabs were not completely understood. New and Recents could mean the same thing and participants had so many questions with each category. I referred back to my video footage of each usability test and noted any comments made of the filter. Questions the participants asked or comments of what their exceptions were. 60% of the participants were looking for categories titled Leads & Deals. 100% of participants highly valued the Follow Up category. https://www.korrin.co/gallery-1 daily 0.75 2021-07-24 https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/60fc448864fa7144c2005a5a/60fc45b4735d6f7990a8cc19/1627145652525/black.jpg Fun https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/60fc448864fa7144c2005a5a/60fc471d7ec3671672776621/1627146013572/Sweet_moon.jpg Fun https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/60fc448864fa7144c2005a5a/60fc465769a9102339942160/1627145815812/FLORA+INVITE.jpg Fun https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/60fc448864fa7144c2005a5a/60fc4732e1ace74264b977ad/1627146034364/party%2Bink%2B5x7.jpg Fun https://static1.squarespace.com/static/5fdb9a165a39d609a6fab2f4/60fc448864fa7144c2005a5a/61325655d3d57811870dc764/1630688854007/Taco.jpg Fun