<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:xhtml="http://www.w3.org/1999/xhtml">
  <url>
    <loc>https://www.gregpodunovich.com/home</loc>
    <changefreq>daily</changefreq>
    <priority>1.0</priority>
    <lastmod>2024-03-01</lastmod>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/7cb9d3aa-1ea4-4a8e-b871-3114a5641caf/Untitled+%284%29.png</image:loc>
      <image:title>Greg Podunovich - Senior Product Designer - Senior Product Designer</image:title>
      <image:caption>I specialize in ambiguous problems, dynamic collaborations and continuous learning.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1578587764491-JSAP1Q9CEPA0WFIVFGBL/greg-timeline-treated.png</image:loc>
      <image:title>Greg Podunovich - Senior Product Designer</image:title>
    </image:image>
  </url>
  <url>
    <loc>https://www.gregpodunovich.com/work</loc>
    <changefreq>daily</changefreq>
    <priority>0.75</priority>
    <lastmod>2024-03-19</lastmod>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1579658106414-IQ05D34AO3H7PN7INEI0/Mercer.jpg</image:loc>
      <image:title>My Work - Human Resource Self-Service Marketplace</image:title>
      <image:caption>View Case Study ➜</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1580789366476-UQVZRSVDJIUXQ8A9H6QX/Audience+Matters.jpg</image:loc>
      <image:title>My Work - Audience Monetization Tool For A Media Juggernaut</image:title>
      <image:caption>view case study (password required) ➜</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1585341802146-X6SYM7PONGLU9NDLF4YS/stryker.2.png</image:loc>
      <image:title>My Work - Hospital Data Collection &amp; Reporting Platform</image:title>
      <image:caption>view case study (password required) ➜</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1579658088485-KFG0LDJ5QGR6KKLHFEQ5/SITA.jpg</image:loc>
      <image:title>My Work - Flight Search &amp; Reservation Booking Platform</image:title>
      <image:caption>VIEW case study ➜</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1579660660197-PHWB9AIJSDJS5FPYS5NC/HNL.jpg</image:loc>
      <image:title>My Work - NHL Bracket Challenge Fan Engagement Platform</image:title>
      <image:caption>View Case Study ➜</image:caption>
    </image:image>
  </url>
  <url>
    <loc>https://www.gregpodunovich.com/about</loc>
    <changefreq>daily</changefreq>
    <priority>0.75</priority>
    <lastmod>2024-03-01</lastmod>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1578704677950-E1VYTYFIT64D2EH66WV8/ux-pin-prototype.png</image:loc>
      <image:title>About - One Tool To Rule Them All</image:title>
      <image:caption>Published on Medium on behalf of ExpandTheRoom</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1578701590803-GZ4Y0CDT8EPZUSI4M3CQ/download.png</image:loc>
      <image:title>About</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/a5e965e4-bc75-48b2-9594-04572eabcdd3/IMG_4814+2.jpg</image:loc>
      <image:title>About - Third grade</image:title>
      <image:caption>Third grade - Steamboat Springs, CO</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1578697373819-2L0HVFBDMTN4A3HT8EZB/1_jOrgwGySWeg7MxSFxEICOA.jpg</image:loc>
      <image:title>About - The Eight Principles of Purpose-Driven Design</image:title>
      <image:caption>Published on Medium on behalf of ExpandTheRoom</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1581209219174-515S510PPCVQC4TESRV8/Screen%2BShot%2B2020-02-08%2Bat%2B4.41.37%2BPM.jpg</image:loc>
      <image:title>About</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1578697464459-EEBL76EJM9BFTDZ0KQ94/workshop-cropped.png</image:loc>
      <image:title>About - How to Kick Off a Web Design Project</image:title>
      <image:caption>Written for ExpandTheRoom</image:caption>
    </image:image>
  </url>
  <url>
    <loc>https://www.gregpodunovich.com/project-sita</loc>
    <changefreq>daily</changefreq>
    <priority>0.75</priority>
    <lastmod>2024-03-20</lastmod>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582676166982-DL0CL2S6BYNS1XXRJQ1T/discovery.jpg</image:loc>
      <image:title>Project - SITA - DISCOVERY &amp;amp; UX RESEARCH</image:title>
      <image:caption>During the six-week UX research phase of the project, I spoke with scores of internal stakeholders and product end-users. My team and I even traveled to Istanbul and Mumbai to conduct an initial usability test and ethnographic field study of airline reservation agents. We were surprised to learn that reservations agents were resistant to an interface redesign that required them to use their mouse. However, once we observed them, we understood why. The speed and ease with which they can book even the most complex travel reservations using just their keyboard and a library of memorized shortcodes and quick commands were staggering. We realized we would need to design the interface to accommodate a nearly mouse-free use case.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582673631714-JLU80Z0YEZMOQZW9CSCX/collage-4737.jpg</image:loc>
      <image:title>Project - SITA - DEFINITION &amp;amp; CREATIVE DIRECTION</image:title>
      <image:caption>After distilling the key findings from our discovery effort, I led the team through the process of defining the scope and parameters of the project. The output of this process is called Creative Direction. For me, the Creative Direction refers to the overall vision for a project, and seeks to answer the following questions: What product or service are we going to design and for who? How are we going to design it? What specific user requirements must we meet for the product or service to be a success? How will it look and feel when it’s done? Once the whole team approved and ratified the Creative Direction, it became the framework and the rule-set that we used to guide our decisions as we move into the Design Phase of the project. More than that, the Creative Direction became the yardstick by which we measured our design solutions.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582676992001-CZB0IUCMN4NCCF09KVL8/lotus.jpg</image:loc>
      <image:title>Project - SITA - THE LOTUS BLOSSOM</image:title>
      <image:caption>This canvas, called a Lotus Blossom, is a powerful tool I use to collect relevant design precedents against a set of core design requirements. This helps us to know which of the core design requirements have already been solved and allows us to focus our ideation efforts towards the truly novel design problems within the project. No one likes reinventing the wheel…</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582679993213-C4GXX7Q09OUVSEJA48HS/wireframes.jpg</image:loc>
      <image:title>Project - SITA - SO MANY WIREFRAMES</image:title>
      <image:caption>We used a combination of Sketch, InVision, and UXpin for wireframing and interactive prototyping. These grayscale wireframes were pretty short-lived as we quickly compiled a UI component library with which to design in later sprints. Our first attempt at wireframes included a substantial amount of dummy data and Lorem Ipsum placeholder. We found that many of the project stakeholders were distracted by the absence of valid data, even in the lowest fidelity wireframes. We realized that we would need to populate all of our wireframes with content that mapped to their mental models in order to effectively communicate the interface design.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582680286022-KW0TOBTB35NQ4ABB9GWF/Screen+Shot+2020-02-25+at+5.24.24+PM.png</image:loc>
      <image:title>Project - SITA - WIREFRAME UP CLOSE</image:title>
      <image:caption>One of our biggest challenges was managing deliverables across several international timezones. Because we were collaborating with SITA’s development ops team located in Ireland and their developers located in India, we knew we needed to be extremely thorough with our documentation. We also wanted non-technical stakeholders to be able to refer to these wireframes free of the annotations. We designed these wireframes to allow stakeholders to toggle the annotations on and off so they could have a clear view of the interface designs.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1583271459609-WOFG9XIM6S4GI0O3YVSC/btn-load-4730_1.gif</image:loc>
      <image:title>Project - SITA - ANIMATED PROTOTYPE</image:title>
      <image:caption>We used a combination of InVision, Framer.js, and Adobe After Effects to create a range of animated and interactive prototypes throughout the project. Micro-interactions represented a significant evolution to the interface design for the Horizon platform. It was important that these animations do more than just decorate the experience. We used a thoughtful application of micro-interactions to let users know when something was happening in the background or to help them with wayfinding. In all cases, we wanted to ensure that animations were at the service of usability.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1583272887807-CSYHO003YX2YDGCGFO0G/Screen-Recording-2020-03-03-at-1.56.55-PM.gif</image:loc>
      <image:title>Project - SITA - INTERACTIVE PROTOTYPE</image:title>
      <image:caption>We created and tested several interactive prototypes during each of our two-week design sprints. We benefitted from the input and feedback from a consortium of airline IT experts as well as a testing group of airline reservation agents, and eCommerce end-users.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582680761230-F8RS42472PUY4F4NY5SZ/localization-1-1657.jpg</image:loc>
      <image:title>Project - SITA - INTERNATIONALIZATION &amp;amp; LOCALIZATION</image:title>
      <image:caption>One of the big design challenges of this project was accommodating seamless use by end-users all over the world. Our designs had to consider right-to-left and verbose language support. A common problem in multi-language support emerges when verbose languages like German cause layouts to break, especially in the mobile view. We had to implement a series of micro breakpoints to help mitigate this which required constant stress-testing of our interface designs.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582682509991-5AIW3X3W2IILBIL2DE93/responsive.jpg</image:loc>
      <image:title>Project - SITA - FULLY RESPONSIVE DESIGN</image:title>
      <image:caption>The Horizon platform required a fully responsive design that was optimized for desktop, tablet and mobile.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582735428023-OIBXHENWSNR8F5XMK9FI/sita_04.jpg</image:loc>
      <image:title>Project - SITA - DESIGN SYSTEM: CORE DESIGN PRINCIPLES</image:title>
      <image:caption>A final phase of this project was to create a core design system that SITA could use for future project initiatives. We named the system Altitude. Altitude strived to be more than just a UI component library. We wanted to root all of those components in the design principles we defined in the early stages of the project. Altitude is a repository with knowledge-share for not just how to use components, but why to use them.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582735433500-11IXNHDASPYUVAXORSKW/sita_05.jpg</image:loc>
      <image:title>Project - SITA - DESIGN SYSTEM: COLOR USAGE</image:title>
      <image:caption>Altitude provided a single source of truth for SITA with guidance around the visual design system we created for them.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582735439781-M59R653G7JRZK5CQ77BF/sita_06.jpg</image:loc>
      <image:title>Project - SITA - DESIGN SYSTEM: COMPONENT LIBRARY</image:title>
      <image:caption>Altitude also provided a UI component library with accompanying HTML, CSS &amp; JavaScript. The library contained a full range of standard UI components like buttons and inputs. It also held specialized components that were specifically germane to the airline travel industry, such as this seven-day date selector.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582735446881-30P1SNPDEWVKAUZ0KK1H/sita_07.jpg</image:loc>
      <image:title>Project - SITA - DESIGN SYSTEM: MOBILE</image:title>
      <image:caption>The Altitude design system provided SITA style and UI component guidance across desktop, tablet, and mobile.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582736717321-7QAX04YUKEL6AHAULSZS/Screen+Shot+2020-02-26+at+8.58.43+AM.png</image:loc>
      <image:title>Project - SITA - HORIZON IN THE WILD</image:title>
      <image:caption>The Horizon platform in the wild as used by Air India. The art direction we established allowed the interface to seamlessly absorb the visual identity of any of SITA’s airline customers. We used a system of thoughtful and limited color usage that leveraged a given airline’s primary and secondary brand colors.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582736931200-9NXGSKK7IY0NRRRR6EEL/Screen+Shot+2020-02-26+at+9.04.21+AM.png</image:loc>
      <image:title>Project - SITA - HORIZON IN THE WILD</image:title>
      <image:caption>The Horizon platform in the wild as used by Air Creebec</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582734710239-BPMHZCFJH14JPLSHM1ON/sita-mobile.png</image:loc>
      <image:title>Project - SITA - Flight Search &amp; Reservation Booking Platform</image:title>
    </image:image>
  </url>
  <url>
    <loc>https://www.gregpodunovich.com/project-nhl-bracket-challenge</loc>
    <changefreq>daily</changefreq>
    <priority>0.75</priority>
    <lastmod>2020-04-28</lastmod>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1583794437448-RM830RGLOTKIUZL8U78R/nhl-img3.jpg</image:loc>
      <image:title>Project - NHL Bracket Challenge - NHL Stanley Cup Playoff Bracket Challenge</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1583863122045-I904T2JGKHOARZ9RETC4/Flow+Diagrams.jpg</image:loc>
      <image:title>Project - NHL Bracket Challenge - Initial System Mapping</image:title>
      <image:caption>The Bracket Challenge platform was designed to roll out in several phases during the NHL regular season and playoffs. Each phase came with its own features, functionality, and complexities - all of which need to be accounted for in our information architecture.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1583800001819-15L2F3YLJSLEPIMA421N/nhl_bracket_challenge_flows.png</image:loc>
      <image:title>Project - NHL Bracket Challenge - Interaction Flows</image:title>
      <image:caption>These flow diagrams represent an evolution in our understanding of the platform’s system design requirements as well as the fidelity of the deliverable. Because we were collaborating so closely with the front-end and back-end developers from the very start, we piggy-backed the database object models they would need to implement the platform onto our UX flows. That’s what you call a cross-functional team!</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1583865656552-5210286UACLV6ZZLVXJK/Screen+Shot+2020-03-10+at+11.40.15+AM.png</image:loc>
      <image:title>Project - NHL Bracket Challenge - Dashboard Wireframes</image:title>
      <image:caption>Before we could set about the task of designing the central interactive elements of the platform, we had to make sure the surrounding infrastructure was in place. These dashboard design wireframes describe how users will move through the end-to-end touchpoints throughout the Bracker Challenge experience.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1583865764443-X8V6OUDQ9RM39X4MRI0U/Screen+Shot+2020-03-10+at+11.39.26+AM.png</image:loc>
      <image:title>Project - NHL Bracket Challenge - Bracket Creation Wireframes</image:title>
      <image:caption>At the heart of the experience is creating and managing playoff brackets. One of our main goals was to reimagine the experience of creating a tournament bracket on a mobile device. These wireframes describe our first iteration of thinking through how we could maximize the available real estate of the mobile device in portrait view.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1583799873817-BRVLD9UQUK2U19QKMX0J/user-test-2.gif</image:loc>
      <image:title>Project - NHL Bracket Challenge - Usability Testing</image:title>
      <image:caption>It was important for us to test our initial Bracket creation designs with real users as quickly as possible. The NHL helped out by getting us into a few NY Islander games at the Barclay Center in Brooklyn. There, we were able to test with real fans during the intermissions between periods. Our first attempt at the mobile design for Bracket creation (not shown here) featured a bracket designed for the landscape view of a device. To us, this was an intuitive design choice because it naturally accommodated the shape of a sixteen-team tournament bracket. However, our first round of testing made it very clear that users were not interested in turning their devices to create a bracket. That insight informed the next iterations of the bracket design featuring these nested, expanding bracket columns.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1583799925965-6R30V6BBNV6LRD8T0I6V/interactive-prototype.gif</image:loc>
      <image:title>Project - NHL Bracket Challenge - Interactive Prototype</image:title>
      <image:caption>Here, we can see an evolution of the interaction design that was a result of testing with actual NHL fans. This is also the point where the NHL branding began to be incorporated into the visual design.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1583800017229-4SAHV0KJ93GSPWDAE5RV/Pasted+image+at+2017_03_29+11_06+AM.png</image:loc>
      <image:title>Project - NHL Bracket Challenge - Bracket Creation</image:title>
      <image:caption>This desktop comp shows a playoff bracket in the state of being created by a user. The surrounding platform chrome was designed to be able to incorporate the branding of various NHL sponsors.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1583800009923-Z3ZO1M2JQLB0SJI5RVOO/Pasted+image+at+2017_03_24+05_39+PM.png</image:loc>
      <image:title>Project - NHL Bracket Challenge - Bracket Tracking</image:title>
      <image:caption>In this comp, we can see how users track the progress of their brackets during the Stanley Cup Playoffs. This, of course, fed a leaderboard system that was at the heart of the platform’s gamification.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1583800096981-WN8F0B668ZBZZQDNQZQ8/nhl-img3-1.jpg</image:loc>
      <image:title>Project - NHL Bracket Challenge - Mobile Designs</image:title>
      <image:caption>These comps show some of the central touchpoints of the Bracket Challenge mobile experience.</image:caption>
    </image:image>
  </url>
  <url>
    <loc>https://www.gregpodunovich.com/project-mercer-people-pro</loc>
    <changefreq>daily</changefreq>
    <priority>0.75</priority>
    <lastmod>2024-03-20</lastmod>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582744619535-SN00ZAQKUN0D0M9QQSLN/sita-mobile.png</image:loc>
      <image:title>Project - Mercer People Pro - Online Human Resource Services Marketplace</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582859065333-44VYG7S0XI3YHGMPOWIQ/mercer-kickoff.jpg</image:loc>
      <image:title>Project - Mercer People Pro - FRAMING THE BUSINESS PROBLEM</image:title>
      <image:caption>The Mercer Pocket Pro project kicked off with a day-long collaborative workshop designed to help us flesh out our collective assumptions about the platform’s end-users. We developed a set of personas for users on both the client and vendor sides of the marketplace platform. We also mapped the journey of those users through the various touchpoints of the experience as they sought to complete various tasks.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1583173327687-PPMX3U3P3U3J29CAT44Z/First+time+client+-+Consultation+with+Pro+-+7-2-15.png</image:loc>
      <image:title>Project - Mercer People Pro - A USER JOURNEY MAP</image:title>
      <image:caption>An example of a User Journey Map. Here, we’re considering the steps involved with an initial Client/HR Pro consultation on the MPP platform…The typos were left in for posterity… Different designers use Journey Maps for different reasons. For me, they provide the best outcome from creating Journey Maps is to reveal the important touchpoints that a user will encounter as they move from one end of a task to the other. In this way, we start to get a sense of how the system architecture will need to be designed in order to accommodate the pathways between those touchpoints.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1583175622215-ET7WZYYLBB84C30LE75S/Screen+Shot+2020-03-02+at+10.58.15+AM.png</image:loc>
      <image:title>Project - Mercer People Pro - UX INTERACTION FLOW</image:title>
      <image:caption>This interaction flow diagram is one of dozed that I mapped out in the system structure page of the project. This diagram describes how HR Pros register an account and submit themselves for access to the platform. Each of the blue nodes in this diagram indicates where the process is further described in its own flow diagram. For me, mapping the flow of a system is an important step in understanding how I’m going to organize the interactive spaces throughout an experience. This is often a moment that brings clarity into how many screens will need to be designed and how they will be interconnected.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1583175995069-NMW9UJIB1YFULYR7S343/Screen+Shot+2020-03-02+at+11.05.04+AM.png</image:loc>
      <image:title>Project - Mercer People Pro - WIREFRAME FROM THE EMPLOYEE SIDE OF THE PLATFORM</image:title>
      <image:caption>This annotated wireframe describes the default state of the home dashboard for HR Pros on the platform. One of the central concerns we heard from potential early adopters was around the ability to easily manage their time. We designed this dashboard to bring their schedule front and center upon login.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1583176792692-U3P6X4CTHTEKHA5SC87R/Screen+Shot+2020-03-02+at+11.19.30+AM.png</image:loc>
      <image:title>Project - Mercer People Pro - WIREFRAME FROM THE EMPLOYER SIDE OF THE PLATFORM</image:title>
      <image:caption>We learned from our discovery interviews with target end-users that the ability to schedule an initial consultation was going to be an essential ingredient in trust-building on a brand new hiring platform, even one created by Mercer. This wireframe describes how people are able to schedule an initial meeting with an HR Pro before deciding to hire them.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1583270026033-X4QDT6Z56JTH98G9AFQ4/Screen-Recording-2020-03-03-at-1.04.15-PM.gif</image:loc>
      <image:title>Project - Mercer People Pro - INTERACTIVE PROTOTYPE</image:title>
      <image:caption>We used UXPin for our interactive prototypes in addition to wireframes. This made it easier to centralize all of the design deliverables as well as the feedback that informed our revisions.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1583184299358-5TCV3SD1BCDQEU5NYR7E/Screen+Shot+2020-03-02+at+1.24.31+PM.png</image:loc>
      <image:title>Project - Mercer People Pro - MOBILE WIREFRAMES</image:title>
      <image:caption>We uncovered a compelling mobile use-case during discovery. This was something that the product team at Mercer has initially overlooked in their project scope. This caused us to realign the priority for designs that were optimized for mobile and desktop use.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1583182358373-93RQEJKHOS11OOFC21JN/Screen+Shot+2020-03-02+at+12.52.05+PM.png</image:loc>
      <image:title>Project - Mercer People Pro - ART DIRECTION APPLIED</image:title>
      <image:caption>It was important that MPP look and feel was inline with the larger Mercer branding. We took our visual design inspiration from their brand style guide. However, we also wanted the interface to have its own, more up-start visual identity. We did this by leveraging Mercer’s secondary and tertiary brand colors in lieu of their primary (more corporate) dark blue.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1583182437364-UT7CUQ6I2R0KJ9TI7022/Screen+Shot+2020-03-02+at+12.53.43+PM.png</image:loc>
      <image:title>Project - Mercer People Pro - ART DIRECTION APPLIED</image:title>
      <image:caption>As with many projects, the aim of the visual design was for it to be clean, simple, and modern. For us, that was articulated through a flat design combined with good use of spacing, simple geometric shapes, a limited color palette, contrast, clarity, and an “only-what’s-needed” focus.</image:caption>
    </image:image>
  </url>
  <url>
    <loc>https://www.gregpodunovich.com/contact</loc>
    <changefreq>daily</changefreq>
    <priority>0.75</priority>
    <lastmod>2024-03-01</lastmod>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1a9ef1f6-80f4-463d-9e9e-69b62fe72320/IMG_4454.png</image:loc>
      <image:title>Contact</image:title>
    </image:image>
  </url>
  <url>
    <loc>https://www.gregpodunovich.com/project-mosaic</loc>
    <changefreq>daily</changefreq>
    <priority>0.75</priority>
    <lastmod>2024-04-18</lastmod>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/245c41b0-4c94-418e-8aa5-4f1e456412fa/mockup.png</image:loc>
      <image:title>Project - Mosaic - AI Assisted Customer Onboarding Experience</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582679993213-C4GXX7Q09OUVSEJA48HS/wireframes.jpg</image:loc>
      <image:title>Project - Mosaic - SO MANY WIREFRAMES (Copy)</image:title>
      <image:caption>We used a combination of Sketch, InVision, and UXpin for wireframing and interactive prototyping. These grayscale wireframes were pretty short-lived as we quickly compiled a UI component library with which to design in later sprints.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582680286022-KW0TOBTB35NQ4ABB9GWF/Screen+Shot+2020-02-25+at+5.24.24+PM.png</image:loc>
      <image:title>Project - Mosaic - WIREFRAME UP CLOSE (Copy)</image:title>
      <image:caption>Fully Annotated Wireframe</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1583271459609-WOFG9XIM6S4GI0O3YVSC/btn-load-4730_1.gif</image:loc>
      <image:title>Project - Mosaic - ANIMATED PROTOTYPE (Copy)</image:title>
      <image:caption>We used a combination of InVision, Framer.js, and After Effects to create a range of animated and interactive prototypes throughout the project.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1583272887807-CSYHO003YX2YDGCGFO0G/Screen-Recording-2020-03-03-at-1.56.55-PM.gif</image:loc>
      <image:title>Project - Mosaic - INTERACTIVE PROTOTYPE (Copy)</image:title>
      <image:caption />
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582680761230-F8RS42472PUY4F4NY5SZ/localization-1-1657.jpg</image:loc>
      <image:title>Project - Mosaic - INTERNATIONALIZATION &amp;amp; LOCALIZATION (Copy)</image:title>
      <image:caption>One of the big design challenges of this project was accommodating seamless use by end-users all over the world. Our designs had to consider right-to-left and verbose language support.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582682509991-5AIW3X3W2IILBIL2DE93/responsive.jpg</image:loc>
      <image:title>Project - Mosaic - FULLY RESPONSIVE DESIGN (Copy)</image:title>
      <image:caption>The Horizon platform required a fully responsive design that was optimized for desktop, tablet and mobile.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582735428023-OIBXHENWSNR8F5XMK9FI/sita_04.jpg</image:loc>
      <image:title>Project - Mosaic - DESIGN SYSTEM: CORE DESIGN PRINCIPLES (Copy)</image:title>
      <image:caption>A final phase of this project was to create a core design system that SITA could use for future project initiatives. We named the system Altitude.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582735433500-11IXNHDASPYUVAXORSKW/sita_05.jpg</image:loc>
      <image:title>Project - Mosaic - DESIGN SYSTEM: COLOR USAGE (Copy)</image:title>
      <image:caption>Altitude provided a single source of truth for SITA with guidance around the visual design system we created for them.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582735439781-M59R653G7JRZK5CQ77BF/sita_06.jpg</image:loc>
      <image:title>Project - Mosaic - DESIGN SYSTEM: COMPONENT LIBRARY (Copy)</image:title>
      <image:caption>Altitude also provided a UI component library with accompanying HTML, CSS &amp; JavaScript.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582735446881-30P1SNPDEWVKAUZ0KK1H/sita_07.jpg</image:loc>
      <image:title>Project - Mosaic - DESIGN SYSTEM: MOBILE (Copy)</image:title>
      <image:caption>The Altitude design system provided SITA style and UI component guidance across desktop, tablet, and mobile.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582736717321-7QAX04YUKEL6AHAULSZS/Screen+Shot+2020-02-26+at+8.58.43+AM.png</image:loc>
      <image:title>Project - Mosaic - HORIZON IN THE WILD (Copy)</image:title>
      <image:caption>The Horizon platform in the wild as used by Air India.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582736931200-9NXGSKK7IY0NRRRR6EEL/Screen+Shot+2020-02-26+at+9.04.21+AM.png</image:loc>
      <image:title>Project - Mosaic - HORIZON IN THE WILD (Copy)</image:title>
      <image:caption>The Horizon platform in the wild as used by Air Creebec</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582679993213-C4GXX7Q09OUVSEJA48HS/wireframes.jpg</image:loc>
      <image:title>Project - Mosaic</image:title>
      <image:caption>View full size</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582676166982-DL0CL2S6BYNS1XXRJQ1T/discovery.jpg</image:loc>
      <image:title>Project - Mosaic</image:title>
      <image:caption>View full size</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1582673631714-JLU80Z0YEZMOQZW9CSCX/collage-4737.jpg</image:loc>
      <image:title>Project - Mosaic</image:title>
      <image:caption>View full size</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1587580007259-36GT1XTPQPAX7HF25KWW/lotus.jpg</image:loc>
      <image:title>Project - Mosaic</image:title>
      <image:caption>View full size</image:caption>
    </image:image>
  </url>
  <url>
    <loc>https://www.gregpodunovich.com/my-work-copy</loc>
    <changefreq>daily</changefreq>
    <priority>0.75</priority>
    <lastmod>2024-03-19</lastmod>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1585341802146-X6SYM7PONGLU9NDLF4YS/stryker.2.png</image:loc>
      <image:title>My Work (Copy) - Hospital Data Collection &amp; Reporting Platform</image:title>
      <image:caption>view case study (password required) ➜</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1580789366476-UQVZRSVDJIUXQ8A9H6QX/Audience+Matters.jpg</image:loc>
      <image:title>My Work (Copy) - Audience Monetization Tool For A Media Juggernaut</image:title>
      <image:caption>view case study (password required) ➜</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1579660660197-PHWB9AIJSDJS5FPYS5NC/HNL.jpg</image:loc>
      <image:title>My Work (Copy) - NHL Bracket Challenge Fan Engagement Platform</image:title>
      <image:caption>View Case Study ➜</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1579658106414-IQ05D34AO3H7PN7INEI0/Mercer.jpg</image:loc>
      <image:title>My Work (Copy) - Human Resource Self-Service Marketplace</image:title>
      <image:caption>View Case Study ➜</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5e1529e812d45307393fdba4/1579658088485-KFG0LDJ5QGR6KKLHFEQ5/SITA.jpg</image:loc>
      <image:title>My Work (Copy) - Flight Search &amp; Reservation Booking Platform</image:title>
      <image:caption>VIEW case study ➜</image:caption>
    </image:image>
  </url>
</urlset>

