**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](https://www.prweb.com/releases/dupont-polymer-plastics/advisor-tool/prweb12815160.htm) 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.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2F0pUY9FyWCwLsa41Hz8pW%2Fa38b04d6-471f-4498-a218-5928e1b7f187.png?alt=media&token=454bc355-e1d4-4b7f-95f4-4c126a22c4b6","id":"a38b04d6-471f-4498-a218-5928e1b7f187","width":504,"height":284,"filename":"1_.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2F0pUY9FyWCwLsa41Hz8pW%2F90401ae9-130a-4b04-ac92-cde54cafef2f.png?alt=media&token=e52b8037-854d-4a7a-9f60-5a27628664c8","id":"90401ae9-130a-4b04-ac92-cde54cafef2f","width":750,"height":790,"filename":"2_.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2F0pUY9FyWCwLsa41Hz8pW%2F0ed8187d-493c-4501-b3bf-709552841d51.png?alt=media&token=85233ee3-d9e3-497b-9bf4-d0bbaf2b58c6","id":"0ed8187d-493c-4501-b3bf-709552841d51","width":750,"height":562,"filename":"3_.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2F0pUY9FyWCwLsa41Hz8pW%2Fdce36790-5f08-4aac-ab65-4157d622b3bb.png?alt=media&token=bf06098d-e3af-4ba5-a83f-cb5254c6ad72","id":"dce36790-5f08-4aac-ab65-4157d622b3bb","width":750,"height":508,"filename":"4_.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2F0pUY9FyWCwLsa41Hz8pW%2F8c92361b-9c36-4280-bb57-9299d1d32e17.png?alt=media&token=efa74f6e-ccbe-43a0-adaa-ad56729e02f2","id":"8c92361b-9c36-4280-bb57-9299d1d32e17","width":750,"height":662,"filename":"5_.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2F0pUY9FyWCwLsa41Hz8pW%2F56f99573-2e2a-4d75-8262-0fe9ec62fd26.png?alt=media&token=ef244843-7a19-411a-b22d-1ac315222396","id":"56f99573-2e2a-4d75-8262-0fe9ec62fd26","width":750,"height":509,"filename":"6_.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2F0pUY9FyWCwLsa41Hz8pW%2Faebd0586-7a9a-4aca-aa0a-90cda9761082.png?alt=media&token=0a60df82-7252-465f-b51c-49d00c852bf0","id":"aebd0586-7a9a-4aca-aa0a-90cda9761082","width":750,"height":531,"filename":"7_.png","type":"image/png","caption":"","border":false}]}
```

Performance Polymers

**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.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FGlxvehTmNJUOJwlBFIOJ%2F884e991e-7aa8-4d1b-b0bf-ae41655bded3.png?alt=media&token=e5d0dc3f-30f4-4b57-be2e-c7688e02f6cb","id":"884e991e-7aa8-4d1b-b0bf-ae41655bded3","width":750,"height":679,"filename":"1.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FGlxvehTmNJUOJwlBFIOJ%2F0b82dc6f-d1a6-47b1-98b7-ed51e4f76514.png?alt=media&token=463c1db2-6c6e-4dff-8e1c-9b138bd61e8e","id":"0b82dc6f-d1a6-47b1-98b7-ed51e4f76514","width":750,"height":656,"filename":"2.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FGlxvehTmNJUOJwlBFIOJ%2F1f313cae-3fdf-48c9-a058-11b273ff2654.png?alt=media&token=85db9c4f-2769-4ef8-ad88-1aaa074a4fac","id":"1f313cae-3fdf-48c9-a058-11b273ff2654","width":750,"height":603,"filename":"3.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FGlxvehTmNJUOJwlBFIOJ%2F1c5356c0-6315-4426-887a-3a3369c5b7f5.png?alt=media&token=b795e6db-30d7-4169-ad4c-d6d8391deb5c","id":"1c5356c0-6315-4426-887a-3a3369c5b7f5","width":510,"height":491,"filename":"4.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FGlxvehTmNJUOJwlBFIOJ%2F60867137-b0e4-40bb-b9aa-76d2a36c672d.png?alt=media&token=f077e860-b805-46b4-8118-f70e2e11de93","id":"60867137-b0e4-40bb-b9aa-76d2a36c672d","width":510,"height":491,"filename":"5.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FGlxvehTmNJUOJwlBFIOJ%2F246bf02b-d265-4e6a-b7d7-49c90dedfce0.png?alt=media&token=76cd6e0d-23d5-4c61-a9d6-4d31b445da62","id":"246bf02b-d265-4e6a-b7d7-49c90dedfce0","width":750,"height":553,"filename":"6.png","type":"image/png","caption":"","border":false}]}
```

Patient Monitoring

"The Enterprise Console is a centralized interface that gives in-house technology and operations teams visibility into every connected system — including Bloomberg, proprietary and third-party offerings.  Users can configure new processes, modify and enrich them with data, and track the health of highly integrated workflows, as well as create alerts for these processes. With the Enterprise Console, firms gain the 'single pane of glass' that consolidates information about all critical systems, enabling both enterprise transparency and efficient self-service."

Good (confidential) stuff.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2Fn29NBpywAHr6mpF4rgfr%2F48ab99d7-24b7-419b-bd4f-1025db8e0dca.jpg?alt=media&token=a44359c3-5cbf-476d-8dbd-a5316e47b6c6","id":"48ab99d7-24b7-419b-bd4f-1025db8e0dca","width":963,"height":585,"filename":"fact sheet.jpg","type":"image/jpeg","caption":"","border":false}]}
```

(image via publicly available [Fact Sheet](https://www.bloomberg.com/professional/product/enterprise-console/))

Enterprise Console

**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.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FwE6p1HeAkbfYMS39fjsV%2Fbe1bf4f0-092b-4bce-8cb7-155091a11972.png?alt=media&token=014dc564-e3f2-4be2-9a7e-c871d40d3069","id":"be1bf4f0-092b-4bce-8cb7-155091a11972","width":750,"height":357,"filename":"1.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FwE6p1HeAkbfYMS39fjsV%2F4a28ad30-7e0b-415e-a645-cd78044dabc4.png?alt=media&token=08fce087-4c3d-44f9-ad65-e2388db8bf23","id":"4a28ad30-7e0b-415e-a645-cd78044dabc4","width":750,"height":277,"filename":"2.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FwE6p1HeAkbfYMS39fjsV%2F439c29d5-381c-48eb-a9aa-3247336925ca.png?alt=media&token=f1fdbfa3-2164-427c-a0d3-e72544b23a4d","id":"439c29d5-381c-48eb-a9aa-3247336925ca","width":431,"height":212,"filename":"3.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FwE6p1HeAkbfYMS39fjsV%2Fa0997df5-308c-4906-ae00-d18170790d25.png?alt=media&token=2934d948-8ec8-4f17-b6af-c1bab96fd7e2","id":"a0997df5-308c-4906-ae00-d18170790d25","width":428,"height":533,"filename":"4.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FwE6p1HeAkbfYMS39fjsV%2F0f273a20-1897-4584-aa6c-ed57495aacf4.jpg?alt=media&token=df5073fb-a1a2-40fd-8845-0e6513cfdafa","id":"0f273a20-1897-4584-aa6c-ed57495aacf4","width":750,"height":654,"filename":"5.JPG","type":"image/jpeg","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FwE6p1HeAkbfYMS39fjsV%2F12f334f3-d228-4e85-aa34-7877df2b4f38.png?alt=media&token=7c4eb011-cc36-49a7-bc52-ea7b41240d1f","id":"12f334f3-d228-4e85-aa34-7877df2b4f38","width":750,"height":562,"filename":"6.png","type":"image/png","caption":"","border":false}]}
```

Worksheet Editor

**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

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FwfHTnNziI4NMjFYhirae%2Fb746006d-ce2f-49dd-853e-51d1d924b05f.png?alt=media&token=89dcadcd-dcf5-4d15-ab38-0da56f4f4b12","id":"b746006d-ce2f-49dd-853e-51d1d924b05f","width":750,"height":455,"filename":"1.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FwfHTnNziI4NMjFYhirae%2F5a107b70-eabd-455b-874d-4197846020f5.png?alt=media&token=2f2b1957-8282-4a9b-8b55-179bd7e05806","id":"5a107b70-eabd-455b-874d-4197846020f5","width":750,"height":500,"filename":"2.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FwfHTnNziI4NMjFYhirae%2F5a829ce7-d567-4f76-be07-edbb83783631.png?alt=media&token=b34b1500-f8e9-49e4-a749-7d6a41bc6981","id":"5a829ce7-d567-4f76-be07-edbb83783631","width":750,"height":500,"filename":"3.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FwfHTnNziI4NMjFYhirae%2F33ca346e-2d8f-4aab-8edf-944b06478056.png?alt=media&token=eb280d48-0086-4fb1-8cd1-3f9f6e0eba2a","id":"33ca346e-2d8f-4aab-8edf-944b06478056","width":750,"height":500,"filename":"4.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FwfHTnNziI4NMjFYhirae%2F0128f324-cf5b-4b49-8245-21dbb87a5be9.png?alt=media&token=3d22ea7f-4e5c-4d81-a035-51c495141740","id":"0128f324-cf5b-4b49-8245-21dbb87a5be9","width":750,"height":500,"filename":"5.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FwfHTnNziI4NMjFYhirae%2F5a4c8598-09f3-4dfa-9430-3663a78b3871.png?alt=media&token=fc0a27b0-c5e4-4c4e-a216-6ea955ad7798","id":"5a4c8598-09f3-4dfa-9430-3663a78b3871","width":750,"height":408,"filename":"6.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FwfHTnNziI4NMjFYhirae%2Fc645c65c-0ce3-488a-a7be-8b7bfa84362b.png?alt=media&token=85a07d88-5d24-44b0-9a45-612ba854564e","id":"c645c65c-0ce3-488a-a7be-8b7bfa84362b","width":750,"height":408,"filename":"7.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FwfHTnNziI4NMjFYhirae%2F8aa23688-a107-487d-a645-10fcaa4213bb.png?alt=media&token=d3d11a98-6d06-4241-aac3-849ff6e5e1ae","id":"8aa23688-a107-487d-a645-10fcaa4213bb","width":750,"height":738,"filename":"8.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FwfHTnNziI4NMjFYhirae%2Fca9fc5d3-fb41-4bf5-9478-edd37336b7c8.png?alt=media&token=f95cddbb-7ec7-4867-9690-d25374a09708","id":"ca9fc5d3-fb41-4bf5-9478-edd37336b7c8","width":750,"height":494,"filename":"9.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FwfHTnNziI4NMjFYhirae%2Ff2822029-b624-4cf8-ba39-6ee64e21fe3b.png?alt=media&token=0ab5500b-b0ab-4ac0-b82c-2ee295b5fd4e","id":"f2822029-b624-4cf8-ba39-6ee64e21fe3b","width":750,"height":513,"filename":"10.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fay1QWa2DmteEupgvZyzk5MbSkwD3%2FwfHTnNziI4NMjFYhirae%2Fe824041e-8ef8-44d5-bfe2-265774a1b71a.png?alt=media&token=cc1ac210-52d9-461e-a0cd-6239ec79e5c6","id":"e824041e-8ef8-44d5-bfe2-265774a1b71a","width":750,"height":503,"filename":"11.png","type":"image/png","caption":"","border":false}]}
```

BlackRock AR

Experience Designer

Spotlight: Interaction Designer Noah Mittman

DuPont Performance Polymers

Clients included: BlackRock, Centerbridge, Sonos, Continental Grain Co., Pretium Partners

Senior UX Strategist

2001 Webby Award Winner for Best Music Site
2000 Webby Award Nominee for Best Music Site
Gold INVISION Award for Best Entertainment Streaming Media Site
ASCAP Deems Taylor Award

Senior Interaction Designer

User Experience Design Lead

Senior UX Designer

Clients included: BMW Motorcycles, Starwood Hotels, Eli Lilly and Company, Atlantic Health System

Senior Creative Technologist

Clients included: IKEA, DuPont, Intel, Chemours, Citizens Bank, IBM, American Express Centurion & Platinum Cards, Unilever, DHL, SAP, Aetna, Time Warner Cable

Noah Mittman

Projects

Features

Work Experience

Contact