UL Patient Monitoring

The Kick-Off

I was asked to produce a proof-of-concept prototype of an MVP for UltraLinq's venture into a patient monitoring system that would combine SP02, BP, ECG and other vitals tracking into a single system for clinicians. This prototype would also being to establish code-as-ux-documentation practices within the organization to reduce interaction ambiguity for devs as we prepared for future responsive redesigns of UltraLinq's systems.

The Work

I consulted with the product, dev and device teams across New York, St. Louis and Durham to collect existing requirements and flats of the patient monitoring work out of its existing workflow in Sketch and Abstract.

I then worked closely with product managers and the company's Chief Clinical Officer on understanding priority information and workflows of clinicians who would be using the product, with existing requirements and comps as guides.

I utilized an admin dashboard site skin as a baseline framework for the rapid prototyping of this front-end, and ran the work in progress through a number of internal showcases and regular stand-ups to ensure the interface fit both clinician-needs and were sufficient for product developers to use as guidance.

The project was ultimately delivered as an HTML archive, with a documentation deck of annotated screenshots to capture behaviors that required data connections that were not yet available.

UL Worksheet Editor

The Kick-Off

I was asked to reimagine the display and interactions of the worksheet portion of UltraLinq, which allows technicians and doctors to input and review clinical measurements as part of their medical imaging workflows. The goals were to look ahead to the responsive, mobile-first overhaul of the core product front-end, as well as to a new reporting form editor which would allow admins to create and configure fields and categories in their worksheets.

The Work

I consulted with product managers in New York over walkthroughs of the existing worksheet system and strategy decks of the proposed editor component to confirm initial thoughts around interaction models I was envisioning.

Using these reviews and other requirements captured in Jama, I designed and hand-prototyped a set of fully responsive content-first worksheet layouts with different layout approaches — traditional flow, Masonry, and CSS Grid — to experiment through input requirement, field comparison, and display conversation tasks with clinical and product internal stakeholders.

These conversations helped begin initial sketching and ideation around the schema of such a customization layer in the core application, and the roles and permissions it would require.

The result was a design artifact that was used to anchor kickoff conversations about the future directions of this new initiative, while reiterating our new approach to conveying interactive design objectives between offices through prototyping.

BlackRock 2016 AR

The Kick-Off

I was tapped by Addison to collaborate with the AR design team on translating the design directions being established for the printed report into an immersive interactive experience.

The Work

Following the pagination of the annual report, I worked with the design lead on auditing a number of sites with strong editorial and storytelling experiences for inspiration. I also developed a site map that would capture the chapters of the print report and the additions needed for the website adaptation.

After choosing our preferred direction, I began developing an Axure prototype of the interaction model to capture page states, UI metaphors, and transition behaviors that would be delivered with the early creative comps for the client to review and approve.

After the experience was approved with early feedback, this prototype was enhanced over time to capture content and functional specifications using Axure's specification generation tools.

Throughout creative development, I additionally produced motion comps of exact animation needs using Hype, including logo animations and page builds, as well as other hand-coded interaction prototypes, to accompany the specifications for our internal dev team and development partner to execute.

The Results

Winner, 2017 Gold ARC Award for Investment Holding Company

Addison Home

The Work

To redesign the home page of our agency site, bringing sales and careers performance up to the year's goals.

The Process

Having been brought into the agency to formalize a UX discipline within the digital team, I started with site and competitive audits to help form up a set of user experience goals and directions. These directions would address the immediate objectives that were surfaced through account and creative team interviews, and serve as anchor points for creative and UX exploration of the final concepts. These concepts were periodically validated against continuing analytic reports of the current site, using regular standing meetings to keep consensus between all involved parties, adjusting directions and goals against data if needed.

I socialized these documents at the executive level within the agency and worked closely with design leads to capture desired user flows and journeys that the agency felt would help express the ambition, skills and expertise of the company. With these journeys I worked with project managers and tech on investigating an overhaul of how work pages were engaged with by prospective clients (and hires) and by search engines and existing inbound traffic.

The Result

As an internal project, the launch was scheduled as periodic rollouts of enhancements to ensure immediate goals were addressed as soon as possible without having wait for a single, monolithic update to the domain to start seeing the benefits. This new process allowed teams to follow immediate performance of fresh updates and use this information to refine pending ones, further highlighting the digital process and the new possibilities it could bring within the agency's culture.

AMEX Platinum & Centurion

The Kick-Off

Our team was charged to work alongside Ogilvy London to help realize a platform that would act as the international loyalty sites for American Express Platinum and Centurion card members to increase customer satisfaction with membership and benefit education.

The Work

I used the work produced by content strategy to work in concert with the lead creative designers and copywriter to determine a more intuitive navigational structure for their library of cardmember promotions and materials. I used stakeholder interviews and client-provided user research to identify pain points in the current customer service with the rest of the team, and helped design new journeys that would guide in developing creative concepts.

We used information about upcoming tech rollouts for the business to craft a model for how the user experience could be supported beyond just website interactions, and informed the client where improvements in their customer support process could improve member satisfaction. We worked with the client and London to run user tests of both the previous cardmember site and our own staged product to find insights and improvements.

IKEA Share Space

The Kick Off

I was asked to lead a junior IA and join the IKEA creative team to help build a community-oriented web application that would tap into people's love of their products and the creative ways they are used in real homes.

The Work

I worked with the creative director and art director early in validating original concepts from pitch decks that brought the full work to us. As usability issues were isolated, I proposed with my IA and our tech department on ways the experience could be redesigned. I delegated core pages and specifications to the junior IA while I developed models for reward & community systems, as well as the difficult interactions in tagging objects within photos that were hard-to-remember, or even discontinued, Finnish-named products.

As concepts evolved with our creative team, I workshopped with the client to ensure that business needs were properly reflected in the changing directions. I reviewed iterative builds with our tech team with the rest of project management & creative as we migrated into an near-Lean UX process as we closed in on final build.

The Numbers

Share Space launched as part of an integrated marketing campaign that ultimately boosted sales 7% that period. It continues to receive great traffic for all initiatives that incorporate it as part of its destinations, and is valued as IKEA's owned social platform for customer activations.

IKEA Share Space

Chemours

The Kick-Off

I was brought in by the Ogilvy UI design team to establish the launch architecture of a new Chemours website — built for the company's spin-off from DuPont in July, 2015 — and provide support to the UI and branding teams to develop the provided brand identity into a web experience.

The Work

I produced a taxonomy, site map and high-level wireframes for the corporate stratum of the website, which would ultimately act as a launching pad into the existing subset of TeamSite-powered pages of DuPont.com that were being migrated with branding-changes only. Once this portion was done, it was handed off to the UI design and branding teams for fuller design exploration. I worked closely with these teams in concepting and reviews, producing explicit Axure, Macaw and hand-coded HTML prototypes to establish and internally road-test the fluid responsive behaviors of the designs being explored. As work moved into final phases, I produced breakpoint/RWD specifications alongside the UI team's design specifications for Ogilvy's internal build team to work from.

IBM Food Truck

The Kick-Off

I was brought in by the IBM group to help craft the web presence for the IBM Food Truck. The truck would be using Watson as a form of "cognitive cooking" to come up with permutations of favor pairings that human chefs could not keep track of on their own.

The Work

I led the walkthrough of our user journey to determine context and content priorities for the web presence. I sketched with the art director and copywriter to content priorities and create possible structures for a mobile-first web site. Afterwards, I created a wireframe prototype to recreate the navigation and viewing experience directly on the mobile devices we could test them on. This work acted as the UX direction for the third party agency that was contracted to take on production given the tight timelines.

Awards

Silver - 2014 Jay Chiat Awards, Product/Service Creation

IBM's Watson supercomputer learns how to cook - SXSW 2014

DuPont Performance Polymers

The Kick-Off

As part of ongoing platform work for DuPont, we were asked to produce an interactive tool to help users enter the sales process of looking for and selecting thermodynamic plastics for their industrial applications. The tool would need to be responsive and support multiple screen sizes, for use on phones by partners, or on tablets as a sales tool for DuPont's presence at conferences, etc.

The Work

I began working with our art director and business analyst on understanding the purchaser's needs and the overall experience of buying these polymers. Given our scope, we were limited to multiple stakeholder interviews to glean the current sales experience and challenges. I then began creating an interaction model and early sketches to capture the design decisions being made throughout these interviews, which also allowed us to extract & relate the attributes' popularity and desirability to their customers.

As this matrix was formed, interaction/responsive design concepts were presented to DuPont for direction setting and validation. This immediately informed the work with the art director on producing four possible design directions that the tool could take. As designs progressed with our DuPont clients, functional prototypes created in Axure were used on mobile device to demonstrate our progress defining the IxD of the tool.

I then used these functional prototypes to collaborate with our lead front-end developer on a fully functional HTML prototype that would be created as a documentation-as-code deliverable to DuPont's technical vendor, alongside my own annotated documentation to capture UX elements that could not be captured in the prototype.

The Result

A highly well-received tool that in DuPont's own words simplified the selection of high-performance plastics, was one of the cleanest handoffs of any DuPont project we had engaged on, and became a benchmark for process for heavy interaction design and UI prototyping projects in our Experience Architecture team.

TWC Dual Screen Concept

The Kick Off

After helping to redesign the MyServices portal for Time Warner Cable, I was asked to help specify a web application that would showcase the unique DVR and Start Over features of its cable boxes through the popular activity of tweeting while watching television. The product would be a DVR-able chat room hosted by a super-fans who would curate "the best of Twitter" into it.

The Work

Because this was delivered as a complete concept from strategy and the client, I attempted to validate the concept by creating ad-hoc simulations of the experience: first by informally watching and favoriting tweets for an audience off of the Twitter firehose, then by scheduling the larger team to do this as a simulation of a curator+assistant model.

We logged these experiences and identified the top problems in the concept that we would have to accommodate for in our UI and UX. I created paper prototypes to express interaction design ideas for a "rewindable timeline" as early in the process as possible before needing to involve any technical builds. Once design and I were on the same page for UI concepts, I moved into Axure prototyping of the entire site, as the designers explored look & feel, and tech began to build robust prototypes of the experience using the data we'd captured in our group simulation of the experience. I observed user testing with TWC subscribers of our robust prototype to gauge the attractiveness of the product and impressions of the concept as whole.

The Numbers

Dual Screen performed fantastically to help customers appreciate their TWC subscriptions by highlighting new ways to use their DVR and Start Over features. The complexity of the concept was validated and was planned to be addressed in the next phase of the work, but was put on hold due to TWC's TV Everywhere initiative. TWC does hold a patent on the final technology of the Dual Screen project, of which I am a co-inventor.

Intel Marketing Pages

The Work

As part of a year-long relationship with Intel as the agency moved to secure an assignment for a full dot-com redesign, I established a workflow process that utilized Axure RP to review and approve marketing content and designs based on their required templates.

By fully recreating their responsive website modules and breakpoints in Axure — using live site assets and style guide references, among others — I was able to prototype initial directions in hours from just module selection and image library IDs. This allowed us to jump directly into responsive design and content strategy discussions with the client, without excessively tying up graphic designers' time producing flat comps, and allowed us to later review copy revisions and their impact on responsive design in layout as well.

School Specialty Inc.

The Kick Off

I was added to the SSI team to support another lead IA from my department in the wireframing and designing of a highly transactional school supplies retailer. My selection was due to my history with brand and editorial experiences. I was to focus on designing the new content wing of the website and the sections that would communicate the recent acquisitions and brand mergers that was fueling this initiative to redesign.

The Work

I participated with the business analyst, creative director, and lead IA on creating a handful of customer journeys that contained all of our primary requirements in order to determine page structure and depth of site. These journeys were used to identify the batches that would be used to split up wire work between the lead and myself. Content wireframing occurred in a shared Axure project where we able to collaborate and hand-off components at any time. We prototyped many functional interactions to convey new or improved customer experiences that front-end implementations could provide to compensate for backend systems that could not be changed.

Citizens Bank Art of Savesmanship

The Kick Off

I was brought on the Citizens Bank team to help develop a pitch concept that had been well received: a savings application, but on Facebook. While limited in actual definition in the deck, the idea of people sharing savings goals resonated strongly with client customer research and so they wanted to see it realized in some form.

The Work

After absorbing both client and public research about the negative attitudes on the use and discussion of real money on Facebook, I determined that the application would have to go deeper to the actual principles of how people save money, and the demonstrable actions of restraint or cleverness that might garner commentary or ever praise amongst friends. In the process, while creators were aiming to receive praise for saving money in clever or interesting ways, non-creators could still use the application to search this resulting corpus of data about how people were actually saving money in clever or interesting ways for themselves.

I then worked with the larger team in incorporating this concept into action, which had to be tied into a larger campaign effort being designed at the time. I developed a number of app interaction models that showed user content journeys running alongside desired messaging journeys that would tie in TV, digital and other media efforts running at the same time. Full specifications for both desktop and mobile apps were created to detail the experience.

Celebration - The Art of Savesmanship

DO 100

The Kick Off

I was asked to help design a native AR experience for Ogilvy's presence at Cannes and create a virtual gallery for the people waiting on the red carpet at the festival, to showcase Ogilvy's work at the festival and celebrate David Ogilvy's 100th birthday in social media.

The Work

Given this directive pre-approved at the executive global level, I worked with our native app expert to identify the performance problems & difficulty of accuracy with the current AR approach. We were able to propose new gallery interactions around city geofencing instead, in particular around busy spots during the festival in order to broaden the potential audience while also acting as an activity guide to promote interesting destinations in the area.

I worked with the team to identify extra materials to include in the gallery portion of the app to make it more useful and desirable for those who could not fly out to Cannes. I also worked with designers and devs building the web portion to incorporate their aspect of the project which was to collect Twitter avatars of those participating with the app and tweeting through it to build a photo mosaic. Full native prototypes of the experience were then developed by our native app expert and reviewed with internal teams until specifications were agreed upon and could be passed on to the appropriate build vendor.

RoadRunner Portal

The Kick-Off

Building off our relationship with Time Warner Cable, we were asked by RoadRunner to redesign their subscriber portal and bring it up to modern publishing standards after having been an all-Flash application for many years.

The Work

I began working with the Art Director on the project on some concept explorations of what a new site could be, given the opportunity to restart from the ground up, the research we had on the usage of the previous site, and the trends in the market on the decline of portal usage in general. We presented these options to the client but in the end fell back to a more traditional portal due to the lack of interest in changing their existing web business structure of content partnerships and syndication.

We then began working on developing a design language that would be modular and fit their new multicolumnal needs for layouts and free configuration of page contents. Once a core langauge was established, we then rode down to their location where we spent a week working side by side with the key stakeholders in joint BRD-writing sprints. These sessions, based on the core experience, walked through each navigable section of the site and established both content and functionality needs. We then would retire and immediately begin producing FSDs for that specific section, and deliver them for review as the next BRD was begun.

After completing the primary sections of the website, we returned back to New York where smaller sections on the periphery of the experience were developed and reviewed. All documents were taken in by the in-house technology teams and the site was coded in house by RoadRunner.