https://candiceyoo.cargo.site Candice Yoo Tue, 02 Aug 2022 18:48:34 +0000 https://candiceyoo.cargo.site en https://candiceyoo.cargo.site/Index Tue, 02 Aug 2022 18:48:30 +0000 Candice Yoo https://candiceyoo.cargo.site/Index 👋 Hi, I’m Candice Yoo, a Product Designer https://candiceyoo.cargo.site/MNTN Tue, 02 Aug 2022 18:48:34 +0000 Candice Yoo https://candiceyoo.cargo.site/MNTN MNTN Reporting UX Design UX Design: Candice Yoo Product Owner: Erik Gray Developer: Nick Ruiz MNTN provides advertising software for direct marketers, agencies, and brands of all sizes. It builds advertising software for brands to drive measurable conversions, revenue, site visits and more through the power of television. As a Senior UX Designer at MNTN, I was responsible for all things related to UX in the Reporting squad. I collaborated closely with the UX team, product managers, and engineers to maintain and update the Design System - Everest as part of the UX Guild. I spearheaded the ideation and successful launch of new products, using tools like Heap and Hotjar to validate designs. I managed and approved design tickets in JIRA and conducted interviews for UX Designer candidates. In addition to my design skills in Figma, I also brought UX research skills to the table, ensuring that our products met the needs of our users. Overall, my role at MNTN involved close collaboration with cross-functional teams and a focus on delivering high-quality UX design that met both business and user needs. Table &amp; Dashboard Builder Flow Variations The Table Builder project was a unique challenge presented to the Reporting Squad by the Product Experience Team (PEX). Our users had requested a new feature allowing them to manage their data solely in a table format without graphs and charts. This was a departure from our usual focus on portraying data through visualizations. I worked closely with the PEX team, Product Manager, and developer to define critical requirements for the project. From there, I developed a concept and collaborated with UX designers to determine the best solution and approach to this feature using the lean UX method and the double diamond theory. Our team focused on defining the goal and developing a prototype that met both user needs and business goals. It was a challenging but ultimately rewarding project that showcased our ability to adapt to new requests and meet our users' needs. MNTN&nbsp;Reporting Future Scope Concepts MNTN Styleguide - Everest https://candiceyoo.cargo.site/Innovid Wed, 24 Nov 2021 18:49:15 +0000 Candice Yoo https://candiceyoo.cargo.site/Innovid INNOVID MEASUREMENT/INSIGHT DASHBOARD AND PRODUCT DESIGNInnovid is an online advertising technology company that offers services used by advertisers and publishers for the distribution and management of digital ads. Learn more about what Innovid does. Role Product Design: Candice Yoo Product Management: Dan Cox, Raj Muhar, and Edmond Chan Front-End Dev: Daniel Ji, Jacob Worrel (Stack: React, Node) Duration: 2 years As the sole Product Designer of the Measurement Team at Innovid, I: 1. Improved usability and interactivity across the product. Established Measurement as its own power product upon launch. 2. Insitigated improvement of Measurement product user experience and resulting in increased customer satisfaction and rating. The product advanced significantly from being merely a poster-like single page spread to more than 6 different measurement tools to view and interact with their ad performance data. 3. Emphasized the importance of a design system across all LOB and teams. This reduced discrepancy across different LOB and improved overall understanding of UX decisions by all teams, not just Design. Business Goal Innovid wanted to build the next generation Measurement platform and tool that measures linear, CTV, and omni channel (Desktop &amp; Mobile) digital data for TV advertisers.&nbsp; We would also announce to the pre-existing users that we have expanded the analytics platform and now also offer measurement/insights.Personas Advertisers need always-on, actionable insights to evaluate the performance of both their media and creative. The product needs to encompasses a broad set of Key Performance Indicators (KPIs) that provides measurement flexibility. &nbsp; Challenges The main challenge we faced is that we had to build something from ground up while keeping in mind that this will live alongside the pre-exisitng Analytics platform based on the company’s assumption that this will best serve the customers. While Analytics and Measurement serve different needs (Analytics: campaign report Measurement: users will be able to take action based on insight provided) they needed to be conjoined. This may cause a lot of discrepancies and confusion for the user between two products. When the solution to something so important is decided upon by the stakeholders prior to reaching the UX designer, it’s difficult to overturn that decision. I needed data to prove that conjoining the two products was the best way for our users. The Process 1. Research and evaluate currently existing Analytics platform where Measurement Insights Product will be attached to and undertand the customer experience.&nbsp; 2. Define who the customers are and the issues they might be facing. Then documented usability issues in order of priority. Then decided where to make improvements or changes. 3. Determine if changes are feasible within time constraints with the developers and product managers. 4. Whiteboard ideas, create lo-fi wireframes, then present them to Product Managers. (repeat this until #5) 5. Create Hi-fi design concepts in sketch and export for Invision for developement. Whiteboarding &amp; Gathering Information <img width="1366" height="807" width_o="1366" height_o="807" data-src="https://freight.cargo.site/t/original/i/e1f45120ee25c6f256b1db577ac672334428860a0a776e3787dd68237e910454/innovid-whiteboarding-copy.png" data-mid="149588051" border="0" data-scale="52" src="https://freight.cargo.site/w/1000/i/e1f45120ee25c6f256b1db577ac672334428860a0a776e3787dd68237e910454/innovid-whiteboarding-copy.png" /> Understanding and Identifying the Problem (in order of priority) Navigation Left-nav: Discrepancies in how the navigation functions. Analytics uses left nav as page jumps and Measurement requires a left-nav in order to list a long list of different pages it consists of. Top-nav: Marketing team highly emphasized “Measurement” had to be showcased in the top main navigation front and center to entice our users that this is a new feature. This made the main nav cluttered if it lives alongside logo, icons, campaign names, and agency and brand names. Non-interactive Pre-existing rough measurement dashboard is barely interactive and poster-like. We need a tool that is functional and simple yet the customers should be able to drill deeper into these informational diagrams. Monumental data to work with&nbsp; How do I translate this to communicate this to our users visually without confusion and chaos? Solving the Problem Focused on 3 main areas to improve upon: Navigation Content Tools/Widgets Through our research, we found out that only about 15% of our Analytics users visited Measurement and view versa. This also mainly occured because they happened to click on our newsletter and not due to them discovering Measurement from the Analytics platform. These products were serving two totally different users and needs. With this information, (and to my glee) we decided to separate the two product which allows two products to function differently as intended. I moved the page-level navigation to the left-nav instead of the top where it is cluttered, improving the overall experience in navigating through pages. As for content, we needed to make sure this product doesn’t fall short of our customer’s needs. We made sure there were plenty of interactivity and ability to really drill into their data and allow our robust data science capability shine. Over time, we built important pages such as Audience, Reach Curves, Reach &amp; Frequency, Data Lineage, and Demographics. Our initial goal was to improve and help advertisers find information they came to look for easily and quickly while allowing pre-existing users from Analytics Platform to visit and discover the Measurement product tool. Overtime, by recognizing the importance of research and data, we were able to deliver a product that better serves our users. This humble experience taught me how to be agile in an ever changing environment and reminded how I must think though all scenarios in my research from the very beginning. Wireframing <img width="1646" height="1022" width_o="1646" height_o="1022" data-src="https://freight.cargo.site/t/original/i/58743686838930cc930ad94c798b795be691ca5f06fbd90f2b31c0846be19bac/Screen-Shot-2022-07-28-at-10.51.35-AM.png" data-mid="149592087" border="0" data-scale="50" src="https://freight.cargo.site/w/1000/i/58743686838930cc930ad94c798b795be691ca5f06fbd90f2b31c0846be19bac/Screen-Shot-2022-07-28-at-10.51.35-AM.png" /> <img width="2880" height="3468" width_o="2880" height_o="3468" data-src="https://freight.cargo.site/t/original/i/421451cc74bdb6a98a08fe606875eaf5413e6b31deb7878af0a80c3a05dd40e2/TimeSeries-V2-Crosschannel-1a.png" data-mid="149602065" border="0" data-scale="46" src="https://freight.cargo.site/w/1000/i/421451cc74bdb6a98a08fe606875eaf5413e6b31deb7878af0a80c3a05dd40e2/TimeSeries-V2-Crosschannel-1a.png" /> <img width="2880" height="2294" width_o="2880" height_o="2294" data-src="https://freight.cargo.site/t/original/i/94fe363037c8091452d9d746bd5f0c200d558e3e5d386000a0f042367fc2b184/Insights-1.png" data-mid="149602163" border="0" data-scale="46" src="https://freight.cargo.site/w/1000/i/94fe363037c8091452d9d746bd5f0c200d558e3e5d386000a0f042367fc2b184/Insights-1.png" /> https://candiceyoo.cargo.site/Connectivity Thu, 07 Jan 2016 00:42:55 +0000 Candice Yoo https://candiceyoo.cargo.site/Connectivity CONNECTIVITYACQUISITION PRODUCT DESIGNConnectivity is a SaaS platform in which it provides businesses with customer intelligence solutions including services such as comprehensive customer list, controlling online reputation, automated campaigns to promote visibility among competitors. Learn more about what Connectivity does. Role Senior UI/UX Designer: Candice Yoo Previous Designer: Chea ThaingProduct Management: Reza Dawood, Gabe Huerta, Paul Jennings, Detlef Uecker Front End Dev: Jordan Acosta, Ian Graham, Igor DubinskiyDuration: 1 year As a Senior UI/UX Designer at Connectivity, I:• Collaborated with other designers in brainstorming and develping both Enterprise (larger businesses) and Customer Insights (smaller businesses) products. • Spearheaded the mobile app design project from start to finish.• Established better communication and improved ticket hand-off with developers through regular syncs and standups.• Took ownership of all graphic design-related materials such as marketing and business development collaterals. Business Goal Connectivity will continue to thrive in marketing data industry.&nbsp; It’s a priority to build products that will make it easier for businesses to understand that their customers reach them in intelligent ways to grow. The tools should always be designed to be simple and intuitive so one can start using them right away. In this particular Acquisition project, as part of “Get More Customers” campaign, the users will create either a Google or Facebook ad through the Customer Insights platform so it can provide customer data, behaviors and feedback into conclusions that can be used to improve product development and customer support. PersonasCustomers want to create, manage, and monitor their Google and Facebook ads in one platform. They should be able to: Sync their facebook page with Connectivity Edit their ads and preview how they would look Set a budget for their ads Manage all their active/inactive ads Monitor the performance of active ads Understanding and Identifying the Problem It needs to be a step-by-step guide process. Facebook and Google sync alone is a multi-step process and therefore can easily lose user’s interest alopng the way. Needs to be visually engaging yet simple. It’s not easy to tell where the user is on the page if there are too many steps and pages and this too can scatter the attention of the user. Solving the Problem Defined steps and what they should include. How many steps does this take for one to get to the finish line? All the possibilities and scenarios were provided by the product management team so wireframing kicked off pretty smoothly. When it comes to determining how many steps we need to cap&nbsp; Applied the same structure and style that the previous designer implemented in other products for similar “step by step” sign up widgets which indicated where the user was along the Ad creation process so that they’re engaged. Included the “save” feature so they can pick up where they last left off, anytime.&nbsp; User Flow and All Scenarios Google Ad<img width="1468" height="1507" width_o="1468" height_o="1507" data-src="https://freight.cargo.site/t/original/i/05ba187da92a4bdf45262a36189a0435c587da0a914816055568ca0cf1515429/Connectivity-Google-Flows-copy.png" data-mid="149664596" border="0" data-scale="52" src="https://freight.cargo.site/w/1000/i/05ba187da92a4bdf45262a36189a0435c587da0a914816055568ca0cf1515429/Connectivity-Google-Flows-copy.png" /> Facebook Ad <img width="1400" height="1198" width_o="1400" height_o="1198" data-src="https://freight.cargo.site/t/original/i/33255882c98d98bd4bb13d3e7dcc70ce3bbef69f32a627db9687f174f0070c45/Connectivity-Flows-copy.png" data-mid="149657987" border="0" src="https://freight.cargo.site/w/1000/i/33255882c98d98bd4bb13d3e7dcc70ce3bbef69f32a627db9687f174f0070c45/Connectivity-Flows-copy.png" /> https://candiceyoo.cargo.site/Connectivity-Mobile-App Wed, 06 Jan 2016 03:12:20 +0000 Candice Yoo https://candiceyoo.cargo.site/Connectivity-Mobile-App CONNECTIVITY MOBILE&nbsp;APP CREATION Role Product Design: Candice Yoo Product Management: Reza Dawood Front End Dev: Jordan Acosta, Ian Graham, Igor Dubinskiy <img width="1200" height="7800" width_o="1200" height_o="7800" data-src="https://freight.cargo.site/t/original/i/e9e3847905c2b0a350049f1a7154547124f6a4ef7dbc4593e71655a7403e79c5/mobile-portfolio.jpg" data-mid="148547315" border="0" src="https://freight.cargo.site/w/1000/i/e9e3847905c2b0a350049f1a7154547124f6a4ef7dbc4593e71655a7403e79c5/mobile-portfolio.jpg" /> https://candiceyoo.cargo.site/Connectivity-Customer-Insights Thu, 07 Jan 2016 08:05:40 +0000 Candice Yoo https://candiceyoo.cargo.site/Connectivity-Customer-Insights <img width="1200" height="6500" width_o="1200" height_o="6500" data-src="https://freight.cargo.site/t/original/i/fb213c14bdaeb45e5c73921b773f7738ac7d55136278b88244f4091636e93b26/ringcentral-demo.jpg" data-mid="148547313" border="0" src="https://freight.cargo.site/w/1000/i/fb213c14bdaeb45e5c73921b773f7738ac7d55136278b88244f4091636e93b26/ringcentral-demo.jpg" /> https://candiceyoo.cargo.site/Adopt-Don-t-Shop-Campaign Wed, 25 Feb 2015 20:54:42 +0000 Candice Yoo https://candiceyoo.cargo.site/Adopt-Don-t-Shop-Campaign “ADOPT DON’T SHOP” CAMPAIGNIn an effort to spread the word and grow awareness in the importance of adopting pets from shelters instead of purchasing them from pet stores and puppy mills which are legal but aren’t regulated, I created a website narrating a story about two shelter dogs. Role Website Design, Art Direction: Candice Yoo Since this is a personal project, I had a lot of fun from storyboarding to illustrating and to eventually coding. I intend to send this to the humane society. <img width="1000" height="5761" width_o="1000" height_o="5761" data-src="https://freight.cargo.site/t/original/i/9fd9d8e2443903a628bbaf538cc11ecc43d806c28d5f23ebed4f2b80a857a2c0/parallaxpage.jpg" data-mid="148547319" border="0" src="https://freight.cargo.site/w/1000/i/9fd9d8e2443903a628bbaf538cc11ecc43d806c28d5f23ebed4f2b80a857a2c0/parallaxpage.jpg" />