https://www.stephaniesportfol.io/apprentice-branding daily 0.75 2016-03-10 https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1459800606415-5B8BDTCZ866H7OTNQMYL/portrait-black.jpg Apprentice Branding https://www.stephaniesportfol.io/portfolio daily 1.0 2022-07-08 https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518327320754-LJO2XIBAJ40M7DLDBHPK/Single+email+campaign.png Portfolio If the user picks a specific email campaign to work on, he or she can use the interface to do the equivalent of an "SQL query" (without needing to know SQL) to predict the size of the audience available for the email campaign. This is important, because clients will ask for a certain size of audience (ex. "10,000 android tablet users in North and South America") and users need to be able to tell the client if there are enough emails in the "pool" for the day to fulfill that. If not, then they can renegotiate with the clients, or possibly rearrange the email campaigns that are pulling from the same "pool". For example, there may be another campaign with emails "allocated" to it that has more flexible constraints, and therefore can be prioritized lower when audiences are cut for it. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518402569130-SJ4WUG5RSM1VW8J2BYYY/Main+page+%28no+annotations%29.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518402569607-YA7CDEWB8DBD61OVL1OL/Multiple+audiences+multiple+campaigns+%28No+annotations%29.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518402569603-2OZNYICPWPZPAPFTDRC8/Single+email+campaign+%28no+annotations%29.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518402568963-UU8507YCRLQXI89XWA36/all+complete+%28no+annotations%29.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518401763224-4YBS1SY7M8P6FMZ6C4HW/Ripple+-+main+page.png Portfolio The user starts their day or session looking at what remains to be done. This page should answer questions like "What email campaigns are scheduled to go out today? Which ones aren't ready to go out and why? Which ones are the most urgent to work on?" https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518399906493-TJ552GWSKTSVJZW25DNB/Screen+Shot+2018-02-11+at+7.44.39+PM.png Portfolio - Version 1 Could be easier to read as sentences because of the lack of extra boxes and lines. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518401399852-W6KIJVUE9IDH7K6TCY9Q/Screen+Shot+2018-02-11+at+8.06.28+PM.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518401399899-8HTG8MBO11Z43BSQREFO/Screen+Shot+2018-02-11+at+8.06.49+PM.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518401400067-HARLI4DP3ANO1TIBH28H/Screen+Shot+2018-02-11+at+8.07.13+PM.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518401466828-UXJHGWW7B1A02VPWRPVC/Screen+Shot+2018-02-11+at+8.10.24+PM.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1517697172079-XU1PJ10BR7FKV1MIMM8Z/IMG_20150612_133920.jpg Portfolio Here's a flow diagram Ricardo and I hashed out so we'd both be on the same page on how the system would work, based on what we observed in user research. It's not pretty, but it is effective :) https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518400237465-OZW244JULE1TPMWEG2O0/Query+redesign.png Portfolio - Version 2 Could be easier to see what is a click target and what is not, as well as what row the user is hovering over. Has fewer visual indicators of the interactions that will take place when clicking on a target. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518402412895-OM5DQ3ZOWDWC68TAP9L6/Multiple+audiences+multiple+campaigns+%28No+annotations%29.png Portfolio - Ripple [Project Goal] Enable users to create, size, and allocate audiences for hundreds of email campaigns a month more efficiently and effectively than before. [Responsibilities] Leading and executing user research, product management, system conceptualization, UX, and UI (Aka sole and lead designer). [Collaborated with] End-users, developers, and stakeholders. [Result] Adopted by users immediately, praised for how enjoyable it is to work with, and used as an example amongst upper management for the strategic value of user-first design thinking and processes. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518327103728-JMEL6XS0JVMKM2MJXB1R/image-asset.png Portfolio Once a user has picked a day's email type to work on (in this case, the user has chose to work on "3rd party email campaigns going out on June 18th"), this is where the user can see what email campaigns already have audiences cut (in other words, which email campaigns already have users allocated from the "pool" of emails available for the day, since a user can't receive too many emails from Spiceworks in one day), which ones still need audiences, and which ones are "sent to mailbrain" (or in other words, queued up to be sent). https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519527846789-9UTUQYHC4I8GODMZQNW7/Agent+went+offline+after+a+scan+initiated.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519527927097-FKZTVRSARQQUEXOP4ZKJ/Column+Picker+%26+Freeze+Columns.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519354077270-837NW69XCKMDPQD6HNSE/story+mapping.png Portfolio This is one way to do Story Mapping. When done as a team, it helps bring a shared understanding of what the user's goals and activities are, as well as the tangible tasks they need to do. These are the tasks we want our solution to help them be able to complete. When I used this method for user research, I had the IT pros map this out with me, and order from left to right the activities they did most often and least often. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519360463170-YZT63XTHJ651O3K69NQF/Screen+Shot+2018-02-22+at+10.33.40+PM.png Portfolio Screenshot of me having a remote IT pro scan for devices on the network (a common task IT pros do) using my prototype. He wasn't able to use audio so we used chat instead. I was able to conduct user research in person with the IT pro, and via conference call and screen sharing most of the time. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518997804675-WXNVQXN8BDN02S30Z2OE/Screen+Shot+2018-02-18+at+5.49.26+PM.png Portfolio This is how I eventually documented and shared the patterns I observed from the Contextual Inquiries. This is in addition to, not in replacement of documenting personal stories from users. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519527480366-X5BU8Y7TCAPCY71KBH8H/Normal+Number+of+IP+Ranges.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519528199266-3G44WVF8D90SPBX1BJ3U/Cloud+Inventory+Selected+States+Copy.png Portfolio - Cloud Inventory [Project Goal] Research and find out what IT pros need in order to manage their devices, and design a product that fits into an ecosystem of tools to meet all the day-to-day needs of IT pros managing their devices for the next decade to come. [Role & Responsibilities] Lead designer. Strategizing and executing on user research, system conceptualization, UX, UI, copy, marketing assets, etc. [Collaborated with] Users, designers, developers, marketers, support specialists and stakeholders [Result] The MVP of the product was released in 2017 and the company continues to see it as strategically critical to the bottom line. Since then, I have helped turn this product into an integrated cloud-based suite of products! https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1612990936733-QO5T2HRPN6FNRX99056O/Cloud%2BInventory%2BSelected%2BStates%2BCopy.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1612990910921-ZUBSRGJ9LJ4V166WM4OX/%2528Not%2Blogged%2Bin%2529%2BNo%2Bscan%2Bdata%2BCopy.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1612990918241-WQPCJN6CQLYQL8KT585K/Modal%2Bgrows%2Bup%2Bto%2B5%2BRanges%2B%2528Max%2BHeight%2Bof%2B690px%2529.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1612990924687-1QVRONVWJD9SKG9CR071/Multiple%2BIP%2BScans%2Bswitcher.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1612990931109-05DY71F2RKUVBHNFUFHM/Cloud%2BInventory%2BSelected%2BStates.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519505411943-4I97CHNTA99DWTRABJAH/Cloud+Inventory+Selected+States.png Portfolio We ended up going with this theme and interaction design/structure. From a visual standpoint we weren't too keen on the "grey" theme, but that was something that was part of our design system at the time, and could be updated in the future. We did like the usage of the space and IT pros we tested this on found the interface really easy to pick up. Even the IT pros who didn't immediately like the layout were able to complete tasks without any guidance or trouble. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519506679816-EI90SWI3VN4J8ZR39WLN/Ember+App+%28Devices%29+Copy+12.png Portfolio We liked this idea more since it seemed to have the most room for getting the information the user needed, but we also didn't like how the entire right side ad-bar area was useless for the user, so we decided to see if we could argue for other revenue means, and change it to just one advertisement. We decided to move away from the bright blue bar on the left because we use blue throughout Spiceworks to indicate CTAs. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519505778717-W6C9XCBE7Y6NYOQPGOKF/image-asset.png Portfolio This was a prototype version that was heavily inspired by Zendesk as an experiment. At that point I had already decided to go full-width and only have the device table as well as navigation, but I decided to see how IT pros would behave if I moved more options to the left as icons. I didn't observe any conclusive information, but I did think the usage of space was much better since the IT pros could do separate scrolling, the ad could always be displayed, and this was much more tablet friendly. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519358499170-LL9AD238QD2Y8EEV225Y/Screen+Shot+2018-02-22+at+1.42.02+PM.png Portfolio IT pros barely glanced at this screen that I did very early on. Instead, they skipped directly to asking "How do I see all devices?". So I threw out this page and tried something more like below. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519528117935-RME11345WH3JR1FXWLJI/Cloud+Inventory+Hover+State.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519505902287-GCJKL9LOYVE6FX05N3K1/null Portfolio We threw out this idea when we realized that there would be four different separate scrolling sections if the user decided to create multiple groups, and we added more device attributes. It also felt like we were sacrificing clarity in both sections on the right and forcing users to scroll too much (for example, you can only see 5 devices at a time, and many users have on average 100+ devices). https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519358587897-842RL3OBWGL1GQGOUKA4/Screen+Shot+2018-02-22+at+1.44.45+PM.png Portfolio For this iteration, the IT pros definitely found the alerts section in the top left more helpful than the graphs from earlier. I was able to get the permission to go full-width (something that we had never done before), and utilize the space more efficiently as well for navigation. After observing more IT pros later on, I realized that alerts were the type of thing they looked at once a day or once a week in the morning to see how their network is doing, while the rest of the page was something they only looked at if they wanted to look up a device or create a report. So I decided to move the alerts to a dedicated page or “popover” that was accessible from every page in the app. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518999455933-68LTIYCE00NCGJDJT4F9/Inventory+2.0+Vision.png Portfolio This is the document I shared with stakeholders to serve as a high-level summary of the research findings. It has been partially censored. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519358643395-ZN1NKVGQBGI68BGJE5B6/image-asset.png Portfolio When IT pros glanced at this page, they found the map interesting, but I observed them consistently scrolling down in order to use what was below for the tasks they were trying to accomplish. That told me that the graphs weren't all that useful for the work they were doing, so I threw out the graph. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519505029081-A7JV2BQYXZ1RRG5GG6IV/PST+5+-+Hover+over+Group+Copy+83.png Portfolio We liked having the advertisment on the left because it meant more space for the device table (which is where IT pros are doing their tasks), and we decided to try seeing what it'd look like if the table was in the format of cards that slid in. We felt like it added visual clutter for no real value. We also tried a darker theme since we knew our IT pros generally liked dark themes more (since a non-significant portion of them were working at odd hours), but we also felt like it was off brand a bit, and having multiple dark bars on the page was a little too much. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519354861500-KCURCXM5JKQAJOZ16N3B/20171130_145647.jpg Portfolio These are two separate story maps that I did with two IT pros in Spiceworks over a period of several hours. Purple and pink post-its are responsibilities had or activities the IT pros did. This was very helpful for me and others to empathize with the IT pros and get the details and stories we needed to understand their underlying needs and pain points. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519274168097-QKCZOGJCGW87O3ENRHX5/Screen+Shot+2018-02-21+at+10.16.13+PM.png Portfolio Quora, like Feedly, lets you log in using three means. Unlike Feedly (which will create two separate accounts), logging in with a Gmail address will link you to the same Quora account as pressing "Continue with Google" and selecting that Gmail address. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518400237465-OZW244JULE1TPMWEG2O0/Query+redesign.png Portfolio - Version 2 Could be easier to see what is a click target and what is not, as well as what row the user is hovering over. Has fewer visual indicators of the interactions that will take place when clicking on a target. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519530712901-N78SE422ABZMLXIQLQ28/Solution+Scenarios.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518401399852-W6KIJVUE9IDH7K6TCY9Q/Screen+Shot+2018-02-11+at+8.06.28+PM.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518401399899-8HTG8MBO11Z43BSQREFO/Screen+Shot+2018-02-11+at+8.06.49+PM.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518401400067-HARLI4DP3ANO1TIBH28H/Screen+Shot+2018-02-11+at+8.07.13+PM.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518401466828-UXJHGWW7B1A02VPWRPVC/Screen+Shot+2018-02-11+at+8.10.24+PM.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518399906493-TJ552GWSKTSVJZW25DNB/Screen+Shot+2018-02-11+at+7.44.39+PM.png Portfolio - Version 1 Could be easier to read as sentences because of the lack of extra boxes and lines. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1533682680416-9EYS07E1XOEZWA4OPQCN/Screen+Shot+2018-08-07+at+3.57.42+PM.png Portfolio - Unified Registrations [Project Goal] Create one single sign up and log in experience across all 20+ tools in Spiceworks to allow for A/B testable value propositions and onboarding per tool while creating one unified identity service that can be used on any new Spiceworks experiences. [Role & Responsibilities] Lead Designer. Strategizing on and executing user research, system conceptualization, UX, and UI [Collaborated with] Developers, Testers and stakeholders [Result] To be determined (project in progress) https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519529981761-HEMLZMDSQHTFUXJFVI32/Sample+flow+diagram.png Portfolio This is one of my earliest flow diagrams (I am not showing a recent, more accurate one for security reasons). My goal with this was to make sure that we were taking into consideration every single divergent flow depending on the user's actions during the log in and sign up flow. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518327103728-JMEL6XS0JVMKM2MJXB1R/image-asset.png Portfolio Once a user has picked a day's email type to work on (in this case, the user has chose to work on "3rd party email campaigns going out on June 18th"), this is where the user can see what email campaigns already have audiences cut (in other words, which email campaigns already have users allocated from the "pool" of emails available for the day, since a user can't receive too many emails from Spiceworks in one day), which ones still need audiences, and which ones are "sent to mailbrain" (or in other words, queued up to be sent). https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1533683618456-TDPI0LB3QD4HEVSUTDYX/iPhone+SE+%28Reg+Page%29+on+page+load+%28blue+SSO+buttons%29.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1533683764281-31PDZWLF0PL83B98NRZ0/iPhone+SE+%28Reg+Page%29.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1533683765008-Z49H4QI2A6ES82059WNK/iPhone+SE+%28Reg+Page%29+Terms+moved+up+GDPR+Read+more.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1533683934061-OMEMG8DZUQ66E9IXE2A2/Error+Registration+Page+%28email+only%2C+on+page%29.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518327320754-LJO2XIBAJ40M7DLDBHPK/Single+email+campaign.png Portfolio If the user picks a specific email campaign to work on, he or she can use the interface to do the equivalent of an "SQL query" (without needing to know SQL) to predict the size of the audience available for the email campaign. This is important, because clients will ask for a certain size of audience (ex. "10,000 android tablet users in North and South America") and users need to be able to tell the client if there are enough emails in the "pool" for the day to fulfill that. If not, then they can renegotiate with the clients, or possibly rearrange the email campaigns that are pulling from the same "pool". For example, there may be another campaign with emails "allocated" to it that has more flexible constraints, and therefore can be prioritized lower when audiences are cut for it. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519272172417-9SA51IOETXV0Z8397VTI/Screen+Shot+2018-02-21+at+9.52.50+PM.png Portfolio Feedly follows a simple paradigm. You can add three types of logins: a Feedly Login, a Facebook account, or a Google account. Any Feedly account can have any number of these logins, and Feedly will, in the create account flow, only check to make sure that the Facebook/Google account or email being used to sign up, isn't already associated with a Feedly account. User confusion in Feedly possibly occurs when you create an account using the same Gmail account through Feedly's native login system, and the Google account login system. In this case, I have two Feedly accounts, both seeming to log in using "s***chw@gmail.com" but using different means. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518401763224-4YBS1SY7M8P6FMZ6C4HW/Ripple+-+main+page.png Portfolio The user starts their day or session looking at what remains to be done. This page should answer questions like "What email campaigns are scheduled to go out today? Which ones aren't ready to go out and why? Which ones are the most urgent to work on?" https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518402569130-SJ4WUG5RSM1VW8J2BYYY/Main+page+%28no+annotations%29.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518402569607-YA7CDEWB8DBD61OVL1OL/Multiple+audiences+multiple+campaigns+%28No+annotations%29.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518402569603-2OZNYICPWPZPAPFTDRC8/Single+email+campaign+%28no+annotations%29.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518402568963-UU8507YCRLQXI89XWA36/all+complete+%28no+annotations%29.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/ae8e5f6a-24ee-43dd-bad2-ae85cbd971fa/Examples+of+user+feedback.png Portfolio - Make it stand out Dealing with the constant barrage of user feedback: We received both critical and positive feedback, and here are few examples. I had to learn some soft skills to deal with increased internal and external scrutiny of our releases. Knowing when to defend the design, point people to numbers, or to take critical feedback well was a difficult, but good learning experience. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/abf4403b-ed4b-4ffc-a328-baf836172a29/screencapture-on-spiceworks-tickets-open-67-activity-2022-06-16-08_48_10.jpg Portfolio - Make it stand out BEFORE REDESIGN: This is the help desk (before the rebuild and redesign) with test data. We observed users using other help desks tools as well. I can’t share screenshots since they contain sensitive data. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1655427367733-ML468N9C4AQRMJDDYAHT/split-view.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1655427366934-X3HFT20WG24MF30UXS3O/split-view+%28right+panel+dismissed%29.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1655427364041-2YFF9XHPID1O7KDFJ0RQ/no-split+view.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1655427366668-UFORUXAKYDJP4GA0P981/split-view+%28horizontal%29.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1655854288992-EVDUJ8UADKNQ1DZOKRZU/Mobile+designs.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1655595753225-GD8UJVNDBT3ZVC9UY74B/Screen+Shot+2022-06-18+at+4.32.39+PM.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1655595752750-J03Q8AWC4NJMLL9LD7C5/Screen+Shot+2022-06-18+at+4.32.52+PM.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1655595754045-XD7ZJC6AW02OOV1XHCCP/Screen+Shot+2022-06-18+at+4.33.04+PM.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1655595755314-ZCO6HSQXM8YGGVY1NLE5/Screen+Shot+2022-06-18+at+4.34.10+PM.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1655595756064-UORR6QQEAYUXKYTDIPQ0/Screen+Shot+2022-06-18+at+4.34.47+PM.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/459f1558-33c4-40d3-890d-5dae5db70e70/Figma+organization.png Portfolio - Make it stand out Iterating in agile in Figma: During this project, we transitioned from the tools Invision/Sketch to Figma, so I had to figure out a completely new process for staying organized with stories within Jira. I started experimenting with stories on each page organized by backlog order (shown on the left side), mockups with flow lines, creating separate pages for stories, rearranging them on the left when they were completed by the engineering team, creating reusable components and component libraries with existing and “future” versions, etc. A good learning experience was figuring out how to show the team the context of the feature they are building so that they could take it into consideration, while making it clear what had to go out for the sprint. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/9c14e514-8e8a-4f73-9f37-aec91296b620/All+screens.png Portfolio - Make it stand out BEFORE REDESIGN: This was the old android app version of the help desk with test data. It seemed to satisfy the user’s basic needs asides from the UI feeling a little outdated. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/4de8f2d5-fab1-48d9-8c3e-b74dbdcceeff/CHD+cover+%28small%29.png Portfolio - Cloud Help Desk (Desktop, android, iOS) [Project Goal] Understand what IT pros (existing and future users) need in a help desk tool and rebuild it to address these needs better, in a way that maintains or allows for more display ad revenue. [Responsibilities] Leading and executing user research, system conceptualization, all UX, and all UI. [Collaborated with] End-users, developers, product managers, and stakeholders. [Result] Desktop, android app, iOS app, and mobile web versions are live. 89.3% adoption rate across active users on the new design as of May 2022. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/20ceb6cc-5895-479e-bb70-ab363df5e5e4/CHD+Contextual+Inquiry.jpg Portfolio - Make it stand out A fellow designer and I talking through major findings from a contextual inquiry recording. We don’t always have the luxury of going this in-depth at our company since we all are working with different deadlines across multiple agile squads. But for me, this is the kind of work I can spend hours doing. Analyzing people, understanding why they do the things they do, and trying to help them get where they want to go. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1655852759884-JMFMTTNVUHCMN7NK9WKK/Mobile+designs.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1655852748127-KHFE93UVS84BN3IDT7P8/split-view.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1655852747767-IVRQTF8G7C9034R0D0W2/split-view+%28horizontal%29.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1655852746829-TT8JHXK3J1X7X64WU76Z/no-split+view+%28condensed%29.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518402671046-AC4NR9PX5OW63CA34I26/Main+page.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519529183608-EE7899TB2HRGTK4DH50U/Cloud+Inventory+Selected+States+Copy.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1655851331275-EHMBCUH75D6JZ1OOW92R/CHD+cover+image.png Portfolio https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518402412900-MEQZNWX0NF72ZARZITVA/Single+email+campaign+%28no+annotations%29.png Portfolio https://www.stephaniesportfol.io/chotto-jasper daily 0.75 2025-05-09 https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1464979921827-VSUMOBA4OQ183XFEUL1M/menu-1.jpg Chotto Motto https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1460667768735-N8F6PJHSY8AQPXQ90WWZ/logo.jpg Chotto Motto Branding for a ramen shop in Hong Kong https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1472772858721-VHAI0L4AVSNY6JU0D5Q3/business-card-grid.jpg Chotto Motto https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1464897481024-YVEICMR52WEAN6V7SQK7/menu-1.jpg Chotto Motto https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1464897909382-S8OUPQBR01N0POG9EYNV/menu-2.jpg Chotto Motto https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1472771124069-A8OFWZEV7G7BOT3D72PL/website-1.jpg Chotto Motto https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1472771346502-LYJIB0QFHQMOGL2IV2CB/website-2.jpg Chotto Motto https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1472771523159-9LY2BLZ9L0LSL8ZKS28A/website-3.jpg Chotto Motto https://www.stephaniesportfol.io/american-portraiture-jasper daily 0.75 2025-05-09 https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1465411151470-52H14IV6INJ0O3JA4NYY/american-portraiture-1.jpg American Portraiture https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1463687122925-YFXB3MPG7MIYBKEAY905/american-portraiture-1.jpg American Portraiture Layout for American Portraiture: 1945–1968 https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1463687123988-QTXL6I7KI03D6ERR1YQ1/american-portraiture-3.jpg American Portraiture https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1463687122978-19W4CNW0G9UN5N72U3V0/american-portraiture-2.jpg American Portraiture https://images.squarespace-cdn.com/content/v1/56f96a558a65e2431339cdaf/1463687123993-GIBXKBFIPISEBSREKZHJ/american-portraiture-4.jpg American Portraiture https://www.stephaniesportfol.io/about daily 0.75 2022-06-23 https://www.stephaniesportfol.io/ripple-enables-users-to-deliver-better-email-campaign-performance-more-efficiently-1 daily 0.75 2019-08-14 https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518327616482-V6A2X2SSOMCCYN46NPR5/Ready+to+be+cut.png Observing 100+ IT pros generated these futuristic product ideas - Solving IT pain points [Project Goal] Use observations from 120+ user studies I conducted to execute 5+ concepts for improving the work lives of IT professionals. Self-initiated and self-driven project. [Responsibilities] Recruiting users, conducting user research, prototyping, UX and UI design [Collaborated with] Designers, Product Managers, and Developers [Result] Over 10+ concepts generated. Planted ideas and spurred research into the business case for and viability of these concepts. Pieces of the concepts were further researched, iterated on, and pushed live into production. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518327320754-LJO2XIBAJ40M7DLDBHPK/Single+email+campaign.png Observing 100+ IT pros generated these futuristic product ideas If the user picks a specific email campaign to work on, he or she can use the interface to do the equivalent of an "SQL query" (without needing to know SQL) to predict the size of the audience available for the email campaign. This is important, because clients will ask for a certain size of audience (ex. "10,000 android tablet users in North and South America") and users need to be able to tell the client if there are enough emails in the "pool" for the day to fulfill that. If not, then they can renegotiate with the clients, or possibly rearrange the email campaigns that are pulling from the same "pool". For example, there may be another campaign with emails "allocated" to it that has more flexible constraints, and therefore can be prioritized lower when audiences are cut for it. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518401763224-4YBS1SY7M8P6FMZ6C4HW/Ripple+-+main+page.png Observing 100+ IT pros generated these futuristic product ideas The user starts their day or session looking at what remains to be done. This page should answer questions like "What email campaigns are scheduled to go out today? Which ones aren't ready to go out and why? Which ones are the most urgent to work on?" https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518402569130-SJ4WUG5RSM1VW8J2BYYY/Main+page+%28no+annotations%29.png Observing 100+ IT pros generated these futuristic product ideas https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518402569607-YA7CDEWB8DBD61OVL1OL/Multiple+audiences+multiple+campaigns+%28No+annotations%29.png Observing 100+ IT pros generated these futuristic product ideas https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518402569603-2OZNYICPWPZPAPFTDRC8/Single+email+campaign+%28no+annotations%29.png Observing 100+ IT pros generated these futuristic product ideas https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518402568963-UU8507YCRLQXI89XWA36/all+complete+%28no+annotations%29.png Observing 100+ IT pros generated these futuristic product ideas https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518327103728-JMEL6XS0JVMKM2MJXB1R/image-asset.png Observing 100+ IT pros generated these futuristic product ideas Once a user has picked a day's email type to work on (in this case, the user has chose to work on "3rd party email campaigns going out on June 18th"), this is where the user can see what email campaigns already have audiences cut (in other words, which email campaigns already have users allocated from the "pool" of emails available for the day, since a user can't receive too many emails from Spiceworks in one day), which ones still need audiences, and which ones are "sent to mailbrain" (or in other words, queued up to be sent). https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518401399852-W6KIJVUE9IDH7K6TCY9Q/Screen+Shot+2018-02-11+at+8.06.28+PM.png Observing 100+ IT pros generated these futuristic product ideas https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518401399899-8HTG8MBO11Z43BSQREFO/Screen+Shot+2018-02-11+at+8.06.49+PM.png Observing 100+ IT pros generated these futuristic product ideas https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518401400067-HARLI4DP3ANO1TIBH28H/Screen+Shot+2018-02-11+at+8.07.13+PM.png Observing 100+ IT pros generated these futuristic product ideas https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518401466828-UXJHGWW7B1A02VPWRPVC/Screen+Shot+2018-02-11+at+8.10.24+PM.png Observing 100+ IT pros generated these futuristic product ideas https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1517697172079-XU1PJ10BR7FKV1MIMM8Z/IMG_20150612_133920.jpg Observing 100+ IT pros generated these futuristic product ideas Here's a flow diagram Ricardo and I hashed out so we'd both be on the same page on how the system would work, based on what we observed in user research. It's not pretty, but it is effective :) https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518399906493-TJ552GWSKTSVJZW25DNB/Screen+Shot+2018-02-11+at+7.44.39+PM.png Observing 100+ IT pros generated these futuristic product ideas - Version 1 Could be easier to read as sentences because of the lack of extra boxes and lines. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518400237465-OZW244JULE1TPMWEG2O0/Query+redesign.png Observing 100+ IT pros generated these futuristic product ideas - Version 2 Could be easier to see what is a click target and what is not, as well as what row the user is hovering over. Has fewer visual indicators of the interactions that will take place when clicking on a target. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519529241785-66L4GAI83ZY9R6WCODIH/Multiple+audiences+multiple+campaigns+%28No+annotations%29.png Observing 100+ IT pros generated these futuristic product ideas https://www.stephaniesportfol.io/ripple-enables-marketers-to-curate-email-lists-for-email-campaigns-faster-than-before-1 daily 0.75 2022-06-16 https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518401763224-4YBS1SY7M8P6FMZ6C4HW/Ripple+-+main+page.png Ripple enables users to deliver better email campaign performance more efficiently (Copy) The user starts their day or session looking at what remains to be done. This page should answer questions like "What email campaigns are scheduled to go out today? Which ones aren't ready to go out and why? Which ones are the most urgent to work on?" https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518400237465-OZW244JULE1TPMWEG2O0/Query+redesign.png Ripple enables users to deliver better email campaign performance more efficiently (Copy) - Version 2 Could be easier to see what is a click target and what is not, as well as what row the user is hovering over. Has fewer visual indicators of the interactions that will take place when clicking on a target. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518327616482-V6A2X2SSOMCCYN46NPR5/Ready+to+be+cut.png Ripple enables users to deliver better email campaign performance more efficiently (Copy) - Ripple [Project Goal] Enable users to create, size, and allocate audiences for hundreds of email campaigns a month more efficiently and effectively than before. [Responsibilities] Leading and executing user research, product management, system conceptualization, UX, and UI (Aka sole and lead designer). [Collaborated with] End-users, developers, and stakeholders. [Result] Adopted by users immediately, praised for how enjoyable it is to work with, and used as an example amongst upper management for the strategic value of user-first design thinking and processes. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1517697172079-XU1PJ10BR7FKV1MIMM8Z/IMG_20150612_133920.jpg Ripple enables users to deliver better email campaign performance more efficiently (Copy) Here's a flow diagram Ricardo and I hashed out so we'd both be on the same page on how the system would work, based on what we observed in user research. It's not pretty, but it is effective :) https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518399906493-TJ552GWSKTSVJZW25DNB/Screen+Shot+2018-02-11+at+7.44.39+PM.png Ripple enables users to deliver better email campaign performance more efficiently (Copy) - Version 1 Could be easier to read as sentences because of the lack of extra boxes and lines. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518402569130-SJ4WUG5RSM1VW8J2BYYY/Main+page+%28no+annotations%29.png Ripple enables users to deliver better email campaign performance more efficiently (Copy) https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518402569607-YA7CDEWB8DBD61OVL1OL/Multiple+audiences+multiple+campaigns+%28No+annotations%29.png Ripple enables users to deliver better email campaign performance more efficiently (Copy) https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518402569603-2OZNYICPWPZPAPFTDRC8/Single+email+campaign+%28no+annotations%29.png Ripple enables users to deliver better email campaign performance more efficiently (Copy) https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518402568963-UU8507YCRLQXI89XWA36/all+complete+%28no+annotations%29.png Ripple enables users to deliver better email campaign performance more efficiently (Copy) https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518401399852-W6KIJVUE9IDH7K6TCY9Q/Screen+Shot+2018-02-11+at+8.06.28+PM.png Ripple enables users to deliver better email campaign performance more efficiently (Copy) https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518401399899-8HTG8MBO11Z43BSQREFO/Screen+Shot+2018-02-11+at+8.06.49+PM.png Ripple enables users to deliver better email campaign performance more efficiently (Copy) https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518401400067-HARLI4DP3ANO1TIBH28H/Screen+Shot+2018-02-11+at+8.07.13+PM.png Ripple enables users to deliver better email campaign performance more efficiently (Copy) https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518401466828-UXJHGWW7B1A02VPWRPVC/Screen+Shot+2018-02-11+at+8.10.24+PM.png Ripple enables users to deliver better email campaign performance more efficiently (Copy) https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518327103728-JMEL6XS0JVMKM2MJXB1R/image-asset.png Ripple enables users to deliver better email campaign performance more efficiently (Copy) Once a user has picked a day's email type to work on (in this case, the user has chose to work on "3rd party email campaigns going out on June 18th"), this is where the user can see what email campaigns already have audiences cut (in other words, which email campaigns already have users allocated from the "pool" of emails available for the day, since a user can't receive too many emails from Spiceworks in one day), which ones still need audiences, and which ones are "sent to mailbrain" (or in other words, queued up to be sent). https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1518327320754-LJO2XIBAJ40M7DLDBHPK/Single+email+campaign.png Ripple enables users to deliver better email campaign performance more efficiently (Copy) If the user picks a specific email campaign to work on, he or she can use the interface to do the equivalent of an "SQL query" (without needing to know SQL) to predict the size of the audience available for the email campaign. This is important, because clients will ask for a certain size of audience (ex. "10,000 android tablet users in North and South America") and users need to be able to tell the client if there are enough emails in the "pool" for the day to fulfill that. If not, then they can renegotiate with the clients, or possibly rearrange the email campaigns that are pulling from the same "pool". For example, there may be another campaign with emails "allocated" to it that has more flexible constraints, and therefore can be prioritized lower when audiences are cut for it. https://images.squarespace-cdn.com/content/v1/5a026442d55b412f655380cd/1519529241785-66L4GAI83ZY9R6WCODIH/Multiple+audiences+multiple+campaigns+%28No+annotations%29.png Ripple enables users to deliver better email campaign performance more efficiently (Copy) https://www.stephaniesportfol.io/resume daily 0.75 2024-01-16