https://chrishaaga.com chris haaga Mon, 10 Aug 2020 18:43:50 +0000 https://chrishaaga.com en https://chrishaaga.com/Base Mon, 10 Aug 2020 18:43:50 +0000 chris haaga https://chrishaaga.com/Base Chris Haaga Design I am a design leader who helps companies and organizations deliver exceptional experiences to their audiences. My 20+ years of experience includes agency, in-house, and independent consulting roles for multiple Fortune 100 companies. I am adept at building partnerships, working with corporate leadership, collaborating across organizations, and leading design programs, teams, and projects.&nbsp;I work smart and help to create user experiences that drive revenue and results, at the same time increasing the value of design to the enterprise.Areas of expertise: Design/operations leadershipSystems thinking and strategic frameworks for enterprise UXDDesign system definition, development, documentation, governanceBrand development, translation, extension Creative direction and hands-on designBuilding, managing, mentoring web teams, (incl. offsite, offshore)User-centered designData-informed designeCommerce architecture and designWeb marketing coordination and execution Let’s discuss how I can help advance your project or initiative. Featured work: https://chrishaaga.com/Guide-Rails Fri, 20 Mar 2020 20:46:03 +0000 chris haaga https://chrishaaga.com/Guide-Rails Guide-RailsUX, IxD and UI design <img width="2000" height="1177" width_o="2000" height_o="1177" data-src="https://freight.cargo.site/t/original/i/1172620441072b98a67c58365fc524b3702d72ae0178309ddaf9c7a6872caa48/g-r-hero.png" data-mid="65290499" border="0" src="https://freight.cargo.site/w/1000/i/1172620441072b98a67c58365fc524b3702d72ae0178309ddaf9c7a6872caa48/g-r-hero.png" />Design system for Guide-Rails, an automated, web-based DevOps platform focused on delivery and operations performance. The system includes a library of components, page frameworks, interaction specs and visual styles. <img width="1264" height="1043" width_o="1264" height_o="1043" data-src="https://freight.cargo.site/t/original/i/5f200ad5020e73dc5e4879afc8670df2a020cad7eb099219df572e1d238a5c1a/overview-runsHover.jpg" data-mid="64108982" border="0" src="https://freight.cargo.site/w/1000/i/5f200ad5020e73dc5e4879afc8670df2a020cad7eb099219df572e1d238a5c1a/overview-runsHover.jpg" /> <img width="1264" height="1043" width_o="1264" height_o="1043" data-src="https://freight.cargo.site/t/original/i/d459da102acb61bcb73377cdd8f45212dfd24d463245c2f767e30b5fb30db6a6/runTestcase.jpg" data-mid="64108983" border="0" src="https://freight.cargo.site/w/1000/i/d459da102acb61bcb73377cdd8f45212dfd24d463245c2f767e30b5fb30db6a6/runTestcase.jpg" /> <img width="1264" height="1043" width_o="1264" height_o="1043" data-src="https://freight.cargo.site/t/original/i/fca3b0b4cad6bd0cc4456c4c569a6e4e8e4a25212479db749f0ccde615c9fc3a/pipelineFunctionalTest-no-right.jpg" data-mid="64108990" border="0" src="https://freight.cargo.site/w/1000/i/fca3b0b4cad6bd0cc4456c4c569a6e4e8e4a25212479db749f0ccde615c9fc3a/pipelineFunctionalTest-no-right.jpg" /> <img width="1264" height="1043" width_o="1264" height_o="1043" data-src="https://freight.cargo.site/t/original/i/46a72dd063b2ae4df51e453b079f1d5397d15a474db703f1affbecd05909d4dc/runPaused.jpg" data-mid="64108993" border="0" src="https://freight.cargo.site/w/1000/i/46a72dd063b2ae4df51e453b079f1d5397d15a474db703f1affbecd05909d4dc/runPaused.jpg" /> <img width="1264" height="1043" width_o="1264" height_o="1043" data-src="https://freight.cargo.site/t/original/i/bb5b2ad48105d9dd70182b11c92fdeb6cd84420a2ee86d08a7aa80798f17958f/pipelinePlan.jpg" data-mid="64108998" border="0" src="https://freight.cargo.site/w/1000/i/bb5b2ad48105d9dd70182b11c92fdeb6cd84420a2ee86d08a7aa80798f17958f/pipelinePlan.jpg" /> <img width="1264" height="1043" width_o="1264" height_o="1043" data-src="https://freight.cargo.site/t/original/i/841c78d7e560c879f9a3562c2716fde22ee3105fdba8c487810d7b683c462207/popupRanking.jpg" data-mid="64108980" border="0" src="https://freight.cargo.site/w/1000/i/841c78d7e560c879f9a3562c2716fde22ee3105fdba8c487810d7b683c462207/popupRanking.jpg" /> <img width="1264" height="1043" width_o="1264" height_o="1043" data-src="https://freight.cargo.site/t/original/i/925fa274cdd24447b2b266310bfe7413bba50dade3364a2bb15ac0815c1852db/burndown.jpg" data-mid="64108994" border="0" src="https://freight.cargo.site/w/1000/i/925fa274cdd24447b2b266310bfe7413bba50dade3364a2bb15ac0815c1852db/burndown.jpg" /> <img width="1264" height="1043" width_o="1264" height_o="1043" data-src="https://freight.cargo.site/t/original/i/7f12f39438e2bb6f66fe40a4c27f78e1552b70dd2bed5c5b67c645912211eb18/pipelineToolchain.jpg" data-mid="64108988" border="0" src="https://freight.cargo.site/w/1000/i/7f12f39438e2bb6f66fe40a4c27f78e1552b70dd2bed5c5b67c645912211eb18/pipelineToolchain.jpg" /> <img width="1264" height="1043" width_o="1264" height_o="1043" data-src="https://freight.cargo.site/t/original/i/48bf306548765e894a0c35edcca6a75b04876797381f3a67fe6efb2a26454142/pipelineConfiguration.jpg" data-mid="64108992" border="0" src="https://freight.cargo.site/w/1000/i/48bf306548765e894a0c35edcca6a75b04876797381f3a67fe6efb2a26454142/pipelineConfiguration.jpg" /> https://chrishaaga.com/Oracle-com Sun, 22 Mar 2020 06:23:36 +0000 chris haaga https://chrishaaga.com/Oracle-com Oracle.comUX, IxD and UI design. Design system extension (new components). <img width="1943" height="1207" width_o="1943" height_o="1207" data-src="https://freight.cargo.site/t/original/i/8ebd0d3aaf93f6c2deb56a5e608e3bbb66aa19f596eb6e3c09448b402d8a7f9f/o-hero.png" data-mid="64207265" border="0" data-scale="87" src="https://freight.cargo.site/w/1000/i/8ebd0d3aaf93f6c2deb56a5e608e3bbb66aa19f596eb6e3c09448b402d8a7f9f/o-hero.png" /> Design for primary Oracle content, including;&nbsp;Corporate Citizenship Report, Newsroom, Support,&nbsp;and Engineered Systems sections of Oracle.com. Co-developed new components for the CCR and helped facilitate the early implementation of a major brand update to the Support pages. <img width="960" height="2786" width_o="960" height_o="2786" data-src="https://freight.cargo.site/t/original/i/122b7e55beddcf1fc5feb8458defe7f1d9d9feb9fbf27ed4b82fb7e75ae245f9/o-csr1.jpg" data-mid="64245745" border="0" src="https://freight.cargo.site/w/960/i/122b7e55beddcf1fc5feb8458defe7f1d9d9feb9fbf27ed4b82fb7e75ae245f9/o-csr1.jpg" /> <img width="960" height="3168" width_o="960" height_o="3168" data-src="https://freight.cargo.site/t/original/i/fdcdf80b5767540fe976effb3cbb80376411e4b8c8144ce9e2fff9243b48f9f3/o-csr2.jpg" data-mid="64207111" border="0" src="https://freight.cargo.site/w/960/i/fdcdf80b5767540fe976effb3cbb80376411e4b8c8144ce9e2fff9243b48f9f3/o-csr2.jpg" /> <img width="960" height="3168" width_o="960" height_o="3168" data-src="https://freight.cargo.site/t/original/i/c4e642fbbfb6b2f2788b6113009672e1a36b574af750a5d3ed92a5a1d7484292/o-csr3.jpg" data-mid="64207114" border="0" src="https://freight.cargo.site/w/960/i/c4e642fbbfb6b2f2788b6113009672e1a36b574af750a5d3ed92a5a1d7484292/o-csr3.jpg" /> <img width="960" height="2760" width_o="960" height_o="2760" data-src="https://freight.cargo.site/t/original/i/a01691c98af8839a2e2e018357ebd98cf36776fba5aeb747a92029597c22cfd9/o-csr4.jpg" data-mid="64207112" border="0" src="https://freight.cargo.site/w/960/i/a01691c98af8839a2e2e018357ebd98cf36776fba5aeb747a92029597c22cfd9/o-csr4.jpg" /> <img width="960" height="2611" width_o="960" height_o="2611" data-src="https://freight.cargo.site/t/original/i/fb4d99368d69e0a9016e6e123107d539f7e5d16cd3bb5e6507643e714b832cd3/o-prod-3.jpg" data-mid="64207715" border="0" src="https://freight.cargo.site/w/960/i/fb4d99368d69e0a9016e6e123107d539f7e5d16cd3bb5e6507643e714b832cd3/o-prod-3.jpg" /> <img width="960" height="3652" width_o="960" height_o="3652" data-src="https://freight.cargo.site/t/original/i/583faba1094fbc6b6ef57e3e5e269e2e9e37a7819f03ae982ae32a60378cc049/0-support-2b.jpg" data-mid="96614728" border="0" src="https://freight.cargo.site/w/960/i/583faba1094fbc6b6ef57e3e5e269e2e9e37a7819f03ae982ae32a60378cc049/0-support-2b.jpg" /> <img width="960" height="2129" width_o="960" height_o="2129" data-src="https://freight.cargo.site/t/original/i/dea7066be66807a0cbee8cf686dc75cdcf8408582bba2dacd4135e74f0da8dd7/o-support-1.jpg" data-mid="96614325" border="0" src="https://freight.cargo.site/w/960/i/dea7066be66807a0cbee8cf686dc75cdcf8408582bba2dacd4135e74f0da8dd7/o-support-1.jpg" /> <img width="960" height="2344" width_o="960" height_o="2344" data-src="https://freight.cargo.site/t/original/i/bc79ed091e5102238290c33b528a5cd57b14f42e3566e7b6f8fc4104b3700ba2/o-prod-1.jpg" data-mid="64201565" border="0" src="https://freight.cargo.site/w/960/i/bc79ed091e5102238290c33b528a5cd57b14f42e3566e7b6f8fc4104b3700ba2/o-prod-1.jpg" /> <img width="960" height="1946" width_o="960" height_o="1946" data-src="https://freight.cargo.site/t/original/i/8464095cd8094a027d9757831ff77756c44b883f84029699232da6deb01a7626/o-news2.jpg" data-mid="64207168" border="0" src="https://freight.cargo.site/w/960/i/8464095cd8094a027d9757831ff77756c44b883f84029699232da6deb01a7626/o-news2.jpg" /> <img width="960" height="2176" width_o="960" height_o="2176" data-src="https://freight.cargo.site/t/original/i/d006bbc4065079525416204e38aea3dc4307022dde0499c70eba85f82091ad0d/o-news1.jpg" data-mid="64207169" border="0" src="https://freight.cargo.site/w/960/i/d006bbc4065079525416204e38aea3dc4307022dde0499c70eba85f82091ad0d/o-news1.jpg" /> https://chrishaaga.com/Cisco-com Tue, 14 Jan 2020 08:05:01 +0000 chris haaga https://chrishaaga.com/Cisco-com Cisco.comUX and UI design / Design management / Photo editing / Editorial&nbsp; <img width="2107" height="1274" width_o="2107" height_o="1274" data-src="https://freight.cargo.site/t/original/i/8565f0114d2d73ae0acdbc8237ded76d1ef11db5537eacb623bdd94de51a82bc/cisco-home-hero.png" data-mid="64207903" border="0" data-scale="87" src="https://freight.cargo.site/w/1000/i/8565f0114d2d73ae0acdbc8237ded76d1ef11db5537eacb623bdd94de51a82bc/cisco-home-hero.png" />Ongoing design and editorial support for Cisco’s Homepage, Marketplace and Partner teams. <img width="960" height="1676" width_o="960" height_o="1676" data-src="https://freight.cargo.site/t/original/i/5d016f098e5477808f59ec923a0081338f0829888e5c5c55082d855e3913f315/cdc1.jpg" data-mid="64194929" border="0" src="https://freight.cargo.site/w/960/i/5d016f098e5477808f59ec923a0081338f0829888e5c5c55082d855e3913f315/cdc1.jpg" /> <img width="960" height="2080" width_o="960" height_o="2080" data-src="https://freight.cargo.site/t/original/i/08f89f96b9b9d9b1f7dd9166d57317443cef82e6475f9e8c89c52b87dc4dd8fa/cdc5.jpg" data-mid="64194925" border="0" src="https://freight.cargo.site/w/960/i/08f89f96b9b9d9b1f7dd9166d57317443cef82e6475f9e8c89c52b87dc4dd8fa/cdc5.jpg" /> <img width="960" height="1677" width_o="960" height_o="1677" data-src="https://freight.cargo.site/t/original/i/cbbe65cb710290503221fca74152930952fc6feba809ed3e93d1209288b450b0/cdc4.jpg" data-mid="64195928" border="0" src="https://freight.cargo.site/w/960/i/cbbe65cb710290503221fca74152930952fc6feba809ed3e93d1209288b450b0/cdc4.jpg" /> <img width="960" height="2235" width_o="960" height_o="2235" data-src="https://freight.cargo.site/t/original/i/a9a90f47ed05e80eeb377ea0a5c08e7f7993ec1eca558ac05024c0102b1a1159/cdc3.jpg" data-mid="64195760" border="0" src="https://freight.cargo.site/w/960/i/a9a90f47ed05e80eeb377ea0a5c08e7f7993ec1eca558ac05024c0102b1a1159/cdc3.jpg" /> &nbsp; C I S C O . C O M&nbsp; &nbsp;S I T E&nbsp; &nbsp;R E D E S I G N&nbsp; As consulting design manager, I led the visual design work stream for a major cisco.com redesign. Coordinating across multiple internal and external teams, I worked to ensure that Cisco’s objectives for brand, marketing and user experience were met by all contributing agencies and designers. <img width="960" height="912" width_o="960" height_o="912" data-src="https://freight.cargo.site/t/original/i/c56dc37d71a38962360d6c0e1262eb11cf87a8f094528aaa06c5ee5bcaf5042d/cr1.jpg" data-mid="64508570" border="0" src="https://freight.cargo.site/w/960/i/c56dc37d71a38962360d6c0e1262eb11cf87a8f094528aaa06c5ee5bcaf5042d/cr1.jpg" /> <img width="960" height="912" width_o="960" height_o="912" data-src="https://freight.cargo.site/t/original/i/36eb8527c959de8c53dc1ef342c0a058b6adcac45b95b89588dcb44309d9afc8/cr5.jpg" data-mid="64508574" border="0" src="https://freight.cargo.site/w/960/i/36eb8527c959de8c53dc1ef342c0a058b6adcac45b95b89588dcb44309d9afc8/cr5.jpg" /> <img width="960" height="912" width_o="960" height_o="912" data-src="https://freight.cargo.site/t/original/i/6b45e68c91b7f3eb32f98021f0633292ddba2c9e0f40d80d013616ec3e9bb4a8/cr3.jpg" data-mid="64508572" border="0" src="https://freight.cargo.site/w/960/i/6b45e68c91b7f3eb32f98021f0633292ddba2c9e0f40d80d013616ec3e9bb4a8/cr3.jpg" /> <img width="960" height="912" width_o="960" height_o="912" data-src="https://freight.cargo.site/t/original/i/1407a22032ad98cd94a6e792d9481905f2bcc30310d7c67bae795563f3d141da/cr2.jpg" data-mid="64508571" border="0" src="https://freight.cargo.site/w/960/i/1407a22032ad98cd94a6e792d9481905f2bcc30310d7c67bae795563f3d141da/cr2.jpg" /> <img width="960" height="912" width_o="960" height_o="912" data-src="https://freight.cargo.site/t/original/i/a92b2111b64651573170cf29d9988b9eb5d880933e1f177a0b6d8fc9fd7c9e18/cr4.jpg" data-mid="64508573" border="0" src="https://freight.cargo.site/w/960/i/a92b2111b64651573170cf29d9988b9eb5d880933e1f177a0b6d8fc9fd7c9e18/cr4.jpg" /> https://chrishaaga.com/Jonas-Brothers Thu, 26 Mar 2020 01:36:25 +0000 chris haaga https://chrishaaga.com/Jonas-Brothers Jonas BrothersCreative direction / UX, IxD and UI design / Graphic design / Campaigns / Content programming / Platform specification<img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/b4248b6290a802c7eaf5c73b04a0cba7b0fe498188f1fa9525b1e1995d355493/jb1.jpg" data-mid="65407657" border="0" src="https://freight.cargo.site/w/1000/i/b4248b6290a802c7eaf5c73b04a0cba7b0fe498188f1fa9525b1e1995d355493/jb1.jpg" /> R E L A U N C H&nbsp; &nbsp;O F&nbsp; &nbsp;B A N D&nbsp; &nbsp;A N D&nbsp; &nbsp;B R A N D&nbsp;A multi-year engagement began with an update to the classic “JB” monogram, and a new mobile app (330K users) and website to deliver news, multimedia, tour updates, VIP offers, live chat and other events. A custom fan engagement platform provided a new premium Team Jonas club experience (35K members) with fan-wall messaging, art, contests, forums, exclusive music and videos. Campaigns drove sellout VIP and merch offers. Creative direction and design provided for music video, photo shoots, campaigns, social channels (25M+ followers), album packaging and tour merchandise - set record for biggest single-night merch sales at Radio City Music Hall. <img width="1920" height="1200" width_o="1920" height_o="1200" data-src="https://freight.cargo.site/t/original/i/38bb6795c82d9294267f10688d194e075a662d32313b2dec461783a8ef690092/jb6b.png" data-mid="65050001" border="0" src="https://freight.cargo.site/w/1000/i/38bb6795c82d9294267f10688d194e075a662d32313b2dec461783a8ef690092/jb6b.png" /> <img width="1920" height="1200" width_o="1920" height_o="1200" data-src="https://freight.cargo.site/t/original/i/7c2e7d24769ae616e08980bb75510a3db77b89ba5419cffcc8939bf4311bf210/jb7.png" data-mid="65039646" border="0" src="https://freight.cargo.site/w/1000/i/7c2e7d24769ae616e08980bb75510a3db77b89ba5419cffcc8939bf4311bf210/jb7.png" /> <img width="1778" height="1000" width_o="1778" height_o="1000" data-src="https://freight.cargo.site/t/original/i/62f7be12f9a44502744c55f4760d78309efbe1def105b1da6ab029a49b0dc3f2/jb5d.png" data-mid="65134777" border="0" src="https://freight.cargo.site/w/1000/i/62f7be12f9a44502744c55f4760d78309efbe1def105b1da6ab029a49b0dc3f2/jb5d.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/6caa39f0a8d8589a17b0770f16d3955c1c524e4e711e52dc91d24cdaacfb0af3/jb4.png" data-mid="65039649" border="0" src="https://freight.cargo.site/w/1000/i/6caa39f0a8d8589a17b0770f16d3955c1c524e4e711e52dc91d24cdaacfb0af3/jb4.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/5f5e8d73654c0b910914d8a2a55c742043ee585c961c8f158a2982ebb13d32a8/jb3.png" data-mid="65039650" border="0" src="https://freight.cargo.site/w/1000/i/5f5e8d73654c0b910914d8a2a55c742043ee585c961c8f158a2982ebb13d32a8/jb3.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/3fd948c707843c34c60d941701049667861f31991581fc3e023ce4d44158bfef/fanclub-etc.png" data-mid="65293642" border="0" src="https://freight.cargo.site/w/1000/i/3fd948c707843c34c60d941701049667861f31991581fc3e023ce4d44158bfef/fanclub-etc.png" /> <img width="1920" height="917" width_o="1920" height_o="917" data-src="https://freight.cargo.site/t/original/i/e7d50a1c69f9d3aeb4ae0c846f37ae5b42613cbb92ec99c5e0e46620ef6a2534/jb2d.png" data-mid="65156826" border="0" src="https://freight.cargo.site/w/1000/i/e7d50a1c69f9d3aeb4ae0c846f37ae5b42613cbb92ec99c5e0e46620ef6a2534/jb2d.png" /> J O N A S&nbsp; &nbsp;V I N Y L&nbsp; &nbsp;C L U B&nbsp;Design for premium, limited edition box set ($699). Eight previously existing CD-only albums and 13 new LPs and singles were developed into deluxe vinyl packages. The box also includes four 48-page photo books, posters, slip pads and custom carry case. <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/730f9f607a7f03c34d60b8c4578c6a43b27cafb91aa8d70a486e8f37f7f298a1/jvc-desktop.jpg" data-mid="64692795" border="0" data-scale="99" src="https://freight.cargo.site/w/1000/i/730f9f607a7f03c34d60b8c4578c6a43b27cafb91aa8d70a486e8f37f7f298a1/jvc-desktop.jpg" /> <img width="1552" height="1052" width_o="1552" height_o="1052" data-src="https://freight.cargo.site/t/original/i/f4b2d5d2e1641c92c740b19511072efb35120dbeffde54b9ed780fd8ab40d2d9/box-1.png" data-mid="64692290" border="0" src="https://freight.cargo.site/w/1000/i/f4b2d5d2e1641c92c740b19511072efb35120dbeffde54b9ed780fd8ab40d2d9/box-1.png" /> <img width="1552" height="1052" width_o="1552" height_o="1052" data-src="https://freight.cargo.site/t/original/i/dfc3221cf57ce2152724cd8235a792b8406617a2dbc5c3e8b62939a5f49c87ac/box-2.png" data-mid="64692287" border="0" src="https://freight.cargo.site/w/1000/i/dfc3221cf57ce2152724cd8235a792b8406617a2dbc5c3e8b62939a5f49c87ac/box-2.png" /> <img width="1552" height="1052" width_o="1552" height_o="1052" data-src="https://freight.cargo.site/t/original/i/520eef5f9f3602860e5dc21831af38582b0122442d17dea04ffaa774ffd7c708/box-3.png" data-mid="96772937" border="0" src="https://freight.cargo.site/w/1000/i/520eef5f9f3602860e5dc21831af38582b0122442d17dea04ffaa774ffd7c708/box-3.png" /> <img width="1552" height="1052" width_o="1552" height_o="1052" data-src="https://freight.cargo.site/t/original/i/68c4d2809ab935211926583949b56a3a74ac03a3b02b19fb3337dd0f5fafe202/box-4.png" data-mid="64692289" border="0" src="https://freight.cargo.site/w/1000/i/68c4d2809ab935211926583949b56a3a74ac03a3b02b19fb3337dd0f5fafe202/box-4.png" /> https://chrishaaga.com/Sun-Web-Process-Documentation Mon, 30 Mar 2020 20:23:20 +0000 chris haaga https://chrishaaga.com/Sun-Web-Process-Documentation Sun.comDesign management / Creative direction / UX, IxD and UI design&nbsp; W E B &nbsp; D E S I G N&nbsp; &nbsp;L E A D E R S H I P&nbsp; As Director of Web Experience Design for Sun, I oversaw three major design transformations to Sun’s customer-facing websites. Each update provided an opportunity to increase the reach and intelligence of our modular, systems-based approach to designing and coding the sites. <img width="1625" height="1097" width_o="1625" height_o="1097" data-src="https://freight.cargo.site/t/original/i/24596b649f36c43ab9c945115574e9d84bf98756157c37e4944a85a27a536068/sw21.png" data-mid="105587581" border="0" src="https://freight.cargo.site/w/1000/i/24596b649f36c43ab9c945115574e9d84bf98756157c37e4944a85a27a536068/sw21.png" /> Over time, my team developed and managed a comprehensive component-based design system including 250 modular elements and 70+ page templates. At sun.com’s zenith, we were deploying a branded, user-tested, analytics-friendly design system to 60 country sites and dozens of additional venues. Monthly distribution of a single CSS delivered upgrades to more than 2M pages. W E B&nbsp; &nbsp;D E S I G N&nbsp; &nbsp;S T A N D A R D S&nbsp; &nbsp;&amp;&nbsp; &nbsp;D O C U M E N T A T I O N&nbsp; Critical to the success (and sanity) of our small team were the tools, processes, and documentation we created to underpin our efforts. In addition to the value of achieving consistent quality for brand and user experience, the cost savings from implementing this program across the company were measured in millions. <img width="2000" height="1172" width_o="2000" height_o="1172" data-src="https://freight.cargo.site/t/original/i/518153c92098ddc6ad509afbd7b348a0289f5eb58f5c92fed8f318b7f28e2f06/spt1e.jpg" data-mid="65142066" border="0" alt="VISION MAP &ndash; Describing our environment, sorting out gaps, developing solutions. We focused on stakeholder and cross-team relationships, project and practice management, productivity and change management." data-caption="VISION MAP – Describing our environment, sorting out gaps, developing solutions. We focused on stakeholder and cross-team relationships, project and practice management, productivity and change management." src="https://freight.cargo.site/w/1000/i/518153c92098ddc6ad509afbd7b348a0289f5eb58f5c92fed8f318b7f28e2f06/spt1e.jpg" />A crucial first step in developing and optimizing our design practice was the creation of a VISION MAP to describe our unique ecosystem, identify gaps and propose solutions. We focused on stakeholder and cross-team relationships, project and practice management, change management, and productivity. Our solution had to acknowledge actual constraints and process updates had to provide measurable improvement. These slides below show some of the resources, tools and documentation developed to support our journey toward a more scalable, strategic, effective, value-adding design program and practice. <img width="1748" height="847" width_o="1748" height_o="847" data-src="https://freight.cargo.site/t/original/i/ac8d33e9185e039efd7055f07143b6f72d44163072c71ab7e16842fd4a32f118/workflow1.jpg" data-mid="65155887" border="0" alt="WORKFLOWS to support either Turnkey (using existing designs) and Custom (new design needed) projects." data-caption="WORKFLOWS to support either Turnkey (using existing designs) and Custom (new design needed) projects." src="https://freight.cargo.site/w/1000/i/ac8d33e9185e039efd7055f07143b6f72d44163072c71ab7e16842fd4a32f118/workflow1.jpg" /> <img width="1748" height="847" width_o="1748" height_o="847" data-src="https://freight.cargo.site/t/original/i/1fe2d0b2eb2e67a01536d0aa291ba8b230e6bb4b99f42098831a6149f34e8c17/workflow2.jpg" data-mid="65155886" border="0" alt="WORKFLOW details to provide explanation and guidance to project teams." data-caption="WORKFLOW details to provide explanation and guidance to project teams." src="https://freight.cargo.site/w/1000/i/1fe2d0b2eb2e67a01536d0aa291ba8b230e6bb4b99f42098831a6149f34e8c17/workflow2.jpg" /> <img width="1748" height="835" width_o="1748" height_o="835" data-src="https://freight.cargo.site/t/original/i/ba9d5eb1d4deacdce09784f8bda677e2eed47ce49f7497309424a69cf028e500/spt8b.jpg" data-mid="65155883" border="0" alt="TUTORIALS &amp; DOCUMENTATION for marketing and publishing audiences." data-caption="TUTORIALS &amp; DOCUMENTATION for marketing and publishing audiences." src="https://freight.cargo.site/w/1000/i/ba9d5eb1d4deacdce09784f8bda677e2eed47ce49f7497309424a69cf028e500/spt8b.jpg" /> <img width="1748" height="835" width_o="1748" height_o="835" data-src="https://freight.cargo.site/t/original/i/0dbc81d404eb776e6cac67d2febed952541c6145e0c374a72be6af150c6b6d52/spt10b.jpg" data-mid="65155880" border="0" alt="&quot;LIVING&quot; COMPONENT LIBRARY - HTML-based documentation that's always up-to-date. Code-snippets for publishing." data-caption="&quot;LIVING&quot; COMPONENT LIBRARY - HTML-based documentation that's always up-to-date. Code-snippets for publishing." src="https://freight.cargo.site/w/1000/i/0dbc81d404eb776e6cac67d2febed952541c6145e0c374a72be6af150c6b6d52/spt10b.jpg" /> <img width="1748" height="835" width_o="1748" height_o="835" data-src="https://freight.cargo.site/t/original/i/1472a2f0b4ebd18ca1fe2d1324101d944af384103c34a89517ed173d9db03e5c/spt11b.jpg" data-mid="65155877" border="0" alt="PAGE TEMPLATES &amp; COMPONENT CODE" data-caption="PAGE TEMPLATES &amp; COMPONENT CODE" src="https://freight.cargo.site/w/1000/i/1472a2f0b4ebd18ca1fe2d1324101d944af384103c34a89517ed173d9db03e5c/spt11b.jpg" /> <img width="1748" height="847" width_o="1748" height_o="847" data-src="https://freight.cargo.site/t/original/i/c85e33dd8bb1e4d73b1bb8f1083e834589dd29ad0de4395651d8df28c7dffcfe/docs-2.jpg" data-mid="65156331" border="0" alt="PROMO &amp; PHOTO LIBRARIES" data-caption="PROMO &amp; PHOTO LIBRARIES" src="https://freight.cargo.site/w/1000/i/c85e33dd8bb1e4d73b1bb8f1083e834589dd29ad0de4395651d8df28c7dffcfe/docs-2.jpg" /> <img width="1748" height="835" width_o="1748" height_o="835" data-src="https://freight.cargo.site/t/original/i/a075e83cfbeaa5de06275e87ea345bfcc4ac54f2afd0c31c08138ba5c8933e77/spt12b.jpg" data-mid="65156040" border="0" alt="WIREFRAMING TOOLS to accelerate UX/UI processes. Object libraries. Editable text. 1:1 fit with HTML specifications." data-caption="WIREFRAMING TOOLS to accelerate UX/UI processes. Object libraries. Editable text. 1:1 fit with HTML specifications." src="https://freight.cargo.site/w/1000/i/a075e83cfbeaa5de06275e87ea345bfcc4ac54f2afd0c31c08138ba5c8933e77/spt12b.jpg" /> <img width="1748" height="835" width_o="1748" height_o="835" data-src="https://freight.cargo.site/t/original/i/6b7821e3be8ed64857eac5ee093a52d685aa02f938f74c87bdd35516729eb02f/spt13b.jpg" data-mid="65155882" border="0" alt="RESOURCES: Request forms &gt; Intake queue" data-caption="RESOURCES: Request forms &gt; Intake queue" src="https://freight.cargo.site/w/1000/i/6b7821e3be8ed64857eac5ee093a52d685aa02f938f74c87bdd35516729eb02f/spt13b.jpg" /> https://chrishaaga.com/Standard-Vision-Capabilities-and-Portfolio-via-iPad Sat, 03 Sep 2016 18:08:10 +0000 chris haaga https://chrishaaga.com/Standard-Vision-Capabilities-and-Portfolio-via-iPad Standard VisionUX, IxD and UI design <img width="1427" height="983" width_o="1427" height_o="983" data-src="https://freight.cargo.site/t/original/i/abf5998be30a13a0e4b8fe8ef3045598d0ff5a30a6e64a53ec7d665293724409/std-vision-1.png" data-mid="64270615" border="0" data-scale="88" src="https://freight.cargo.site/w/1000/i/abf5998be30a13a0e4b8fe8ef3045598d0ff5a30a6e64a53ec7d665293724409/std-vision-1.png" /> <img width="1427" height="983" width_o="1427" height_o="983" data-src="https://freight.cargo.site/t/original/i/871bf20b428a1e7350279f7445f23d56dfe651579aa774a872d11ed5f152fde8/std-vision-3.png" data-mid="64271146" border="0" data-scale="88" src="https://freight.cargo.site/w/1000/i/871bf20b428a1e7350279f7445f23d56dfe651579aa774a872d11ed5f152fde8/std-vision-3.png" /> <img width="1427" height="983" width_o="1427" height_o="983" data-src="https://freight.cargo.site/t/original/i/da30319dd06c2738e77e02f5a743491f6839e39bba6ccc7f1c44b8caaeed15e1/std-vision-4.png" data-mid="64270620" border="0" data-scale="88" src="https://freight.cargo.site/w/1000/i/da30319dd06c2738e77e02f5a743491f6839e39bba6ccc7f1c44b8caaeed15e1/std-vision-4.png" /> <img width="1427" height="983" width_o="1427" height_o="983" data-src="https://freight.cargo.site/t/original/i/e2cc77bf90dc4631cf4b761d17b071508b1ef091a33cbdc3cf716e8476bbf06c/std-vision-5.png" data-mid="64270622" border="0" data-scale="88" src="https://freight.cargo.site/w/1000/i/e2cc77bf90dc4631cf4b761d17b071508b1ef091a33cbdc3cf716e8476bbf06c/std-vision-5.png" /> <img width="1427" height="983" width_o="1427" height_o="983" data-src="https://freight.cargo.site/t/original/i/23fb9a56eacdc440d93a97693f1c7fe34e27713b3d37b6d6b63a2874f708693e/std-vision-2.png" data-mid="64270616" border="0" data-scale="88" src="https://freight.cargo.site/w/1000/i/23fb9a56eacdc440d93a97693f1c7fe34e27713b3d37b6d6b63a2874f708693e/std-vision-2.png" /> Standard Vision needed an elegant and captivating way to share their architectural lighting capabilities with prospective customers in faraway places. The solution; send an iPad pre-loaded with Adobe’s Content Viewer to deliver rich, interactive articles and HD video without the dependency of a high-speed web connection. Website https://chrishaaga.com/DCP Mon, 13 Jan 2020 23:13:45 +0000 chris haaga https://chrishaaga.com/DCP DCP MidstreamCreative direction / UX and UI design Natural gas provider and processor DCP Midstream is undergoing a technological transformation across all areas of their business. I worked with DCP’s in-house design team to help fortify their digital practice by creating mobile application standards, personas to support user-centered design, and an internal website to promote the team’s projects, resources, and results. <img width="2000" height="1400" width_o="2000" height_o="1400" data-src="https://freight.cargo.site/t/original/i/6709301a89a7c0048ec614b5862a3113f74720770f7e24c6789878cdb2e07fcb/dcp6b.jpg" data-mid="65166144" border="0" alt="Some textual content deliberately blurred." data-caption="Some textual content deliberately blurred." src="https://freight.cargo.site/w/1000/i/6709301a89a7c0048ec614b5862a3113f74720770f7e24c6789878cdb2e07fcb/dcp6b.jpg" /> <img width="2000" height="1400" width_o="2000" height_o="1400" data-src="https://freight.cargo.site/t/original/i/b13fabb81416f0fc0460d393971ba8314f5607f821562cc0a35c889d88571046/dcp2b.jpg" data-mid="65166152" border="0" alt="Some textual content deliberately blurred." data-caption="Some textual content deliberately blurred." src="https://freight.cargo.site/w/1000/i/b13fabb81416f0fc0460d393971ba8314f5607f821562cc0a35c889d88571046/dcp2b.jpg" /> <img width="2000" height="1400" width_o="2000" height_o="1400" data-src="https://freight.cargo.site/t/original/i/ff7c9ac35ae11972af3f7e87d274a0e03301d3294fdeed941b934de509fe1ba1/dcp3.jpg" data-mid="64622410" border="0" src="https://freight.cargo.site/w/1000/i/ff7c9ac35ae11972af3f7e87d274a0e03301d3294fdeed941b934de509fe1ba1/dcp3.jpg" /> <img width="1715" height="1126" width_o="1715" height_o="1126" data-src="https://freight.cargo.site/t/original/i/23edb1517e28481e78ee4469b030499fa9cebb52d9b5b4627204560b2ba70a72/dpi1c.jpg" data-mid="65241477" border="0" src="https://freight.cargo.site/w/1000/i/23edb1517e28481e78ee4469b030499fa9cebb52d9b5b4627204560b2ba70a72/dpi1c.jpg" /> <img width="2000" height="1400" width_o="2000" height_o="1400" data-src="https://freight.cargo.site/t/original/i/6a1654b1f4c7d07a62327e052eb29d325c26dc00cf056c102d43b632cbae8c09/dcp1.jpg" data-mid="64622412" border="0" src="https://freight.cargo.site/w/1000/i/6a1654b1f4c7d07a62327e052eb29d325c26dc00cf056c102d43b632cbae8c09/dcp1.jpg" /> <img width="2000" height="1400" width_o="2000" height_o="1400" data-src="https://freight.cargo.site/t/original/i/1d432240d007bf598b98b4ca6bdec079bfdd41a3450b1dd71f6611fc472fb2f6/dcp5.jpg" data-mid="64622408" border="0" alt="Some textual content deliberately blurred." data-caption="Some textual content deliberately blurred." src="https://freight.cargo.site/w/1000/i/1d432240d007bf598b98b4ca6bdec079bfdd41a3450b1dd71f6611fc472fb2f6/dcp5.jpg" /> https://chrishaaga.com/Atmel-Homepage-Redesign Sat, 03 Sep 2016 18:08:06 +0000 chris haaga https://chrishaaga.com/Atmel-Homepage-Redesign AtmelUX, IxD and UI design <img width="1600" height="700" width_o="1600" height_o="700" data-src="https://freight.cargo.site/t/original/i/421356b0aabef6af39fd47cd57ee56c326bbfae03ab454d28a384a4003753601/atmel-2l.png" data-mid="65158769" border="0" src="https://freight.cargo.site/w/1000/i/421356b0aabef6af39fd47cd57ee56c326bbfae03ab454d28a384a4003753601/atmel-2l.png" /> <img width="1600" height="700" width_o="1600" height_o="700" data-src="https://freight.cargo.site/t/original/i/9243777930fa4ea0c607197a890b495601bf7d89b32e80b40a9591f7bb8471a2/atmel-1.png" data-mid="65158844" border="0" src="https://freight.cargo.site/w/1000/i/9243777930fa4ea0c607197a890b495601bf7d89b32e80b40a9591f7bb8471a2/atmel-1.png" /> <img width="1600" height="700" width_o="1600" height_o="700" data-src="https://freight.cargo.site/t/original/i/3524dc90b12e8e04b431acd8fdcfb1a31815a7246f3a196582e7717fa76a3b6c/atmel-3.png" data-mid="65158591" border="0" src="https://freight.cargo.site/w/1000/i/3524dc90b12e8e04b431acd8fdcfb1a31815a7246f3a196582e7717fa76a3b6c/atmel-3.png" /> In addition to a new homepage design, Atmel needed segment-specific landing pages to showcase the innovative products that utilize their chip solutions. A simplified UI put the focus on hero products and upleveled community features for engineers. https://chrishaaga.com/Merck-eCommerce Fri, 20 Mar 2020 19:17:26 +0000 chris haaga https://chrishaaga.com/Merck-eCommerce MerckVaccines.comUX, IxD and UI design <img width="1500" height="780" width_o="1500" height_o="780" data-src="https://freight.cargo.site/t/original/i/d05f132e7855f116d4d134b2764bef10133e559cb0f137245c66516e1b337566/m1.jpg" data-mid="64517088" border="0" src="https://freight.cargo.site/w/1000/i/d05f132e7855f116d4d134b2764bef10133e559cb0f137245c66516e1b337566/m1.jpg" /> <img width="1600" height="788" width_o="1600" height_o="788" data-src="https://freight.cargo.site/t/original/i/79a8f787124f6d225aa10c2ec90ef227e1908d2a14bf9947df00c533a196d69e/m4.jpg" data-mid="65243481" border="0" src="https://freight.cargo.site/w/1000/i/79a8f787124f6d225aa10c2ec90ef227e1908d2a14bf9947df00c533a196d69e/m4.jpg" /> <img width="1600" height="788" width_o="1600" height_o="788" data-src="https://freight.cargo.site/t/original/i/7fcca7fa58ed584a2080052e69cdf868739a2c55d7e0438cd4a568fbc226e394/m3.jpg" data-mid="65243483" border="0" src="https://freight.cargo.site/w/1000/i/7fcca7fa58ed584a2080052e69cdf868739a2c55d7e0438cd4a568fbc226e394/m3.jpg" /> <img width="1600" height="788" width_o="1600" height_o="788" data-src="https://freight.cargo.site/t/original/i/4e5a99a1779fecba9a68df1ef152c84379925e11cbb15f2012494f87c6799fde/m2.jpg" data-mid="65243482" border="0" src="https://freight.cargo.site/w/1000/i/4e5a99a1779fecba9a68df1ef152c84379925e11cbb15f2012494f87c6799fde/m2.jpg" /> MerckVaccines needed to reinvent their online ordering &gt; cart &gt; checkout experience to solve for more complex purchasing requirements, including account-level payment tracking, applying credits and multiple shipping destinations within an order.