http://www.nicoledixonwhyte.com/about daily 0.75 2022-10-15 https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1509889496055-MVSCYYL81RZ4MYJKFL2P/myjourney-journeymapping.png About https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480954030249-QYI9LRMFUW0MAL49I34S/aboutme2.jpg About http://www.nicoledixonwhyte.com/blog daily 0.75 2014-09-18 https://images.squarespace-cdn.com/content/v1/5310cef7e4b08602cbfa36bf/1410290887106-J9M9RVLBXQU0ADDH8TVG/Stills22.jpg Blog http://www.nicoledixonwhyte.com/skills daily 0.75 2016-12-09 https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1481311285607-ZPCXZF9D4HJ9C0HAGDJI/work-CBC-newsredesign2010.png Work - cbcnews.ca Redesign Launched in February 2011. The CBC News Redesign was a cross-channel redesign that involved a major visual rebranding and a massive overhaul of cbcnews.ca, CBC's social pages and all mobile applications. The redesign of the website's underlying structure to a 960 grid format involved the work of a lead UX, two intermediate IA's, and two UI designers, along with a program manager and approximately 8 developers and QA staff. https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1481307360332-P4K7NSLLWYRHCU6FEXQO/cbcnews-ios-2010.jpg Work - CBC News iPhone App This version launched in 2011. The CBC News Redesign was a multi-platform project that involved numerous staff, and several members of my team. A lot of team coordination was required to ensure cross-platform consistency. https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480726786387-ZGBP0BK0HUCT6LJTYFG8/CBC_iPad_v6_video1.png Work - CBC News iPad app redesign Launched in February 2011. One of the features of the News redesign was the greater attention paid to galleries for photos and videos. One IA was dedicated only to the design of galleries. https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1481312339988-1X6BEPIQKGDLUDX7KYCZ/work-CBCglobalnav-megamenudropdown2.png Work - cbc.ca Global Navigation In 2010, when mega menus were a required element for large content sites, CBC's digital team developed a fully accessible mega dropdown and fat footer that worked with audio browsers. The project involved the work of an accessibility specialist & developer as well as an information architect and a designer. This initiative received positive attention from the accessibility community and demonstrated CBC's commitment to producing accessible products. https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480726864073-XL5TJBJQ4U9L678273RR/work-BRA-CBCDUG-guidelines.png Work - CBC.ca Design & Usability Guidelines Produced in 2010. When I led the UI Design team at CBC, it was our job to develop the global standards for all digital products. This version of the "DUG" was produced following our decision to move to a new 960 grid, and was the source of much team debate. Due to numerous legacy features on the site that couldn't be updated or resized immediately, this took a lot of wrangling. In the end we delivered a product that helped to smooth the transition to 960. https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1481308146157-YF059C3YDTZC02FVRZOO/cbc-videoplayer.jpg Work - CBC Player Redesign This version launched in 2013, with new features for Live video and a full roster of news and show content. The project required a rethinking of the IA as well as ways to differentiate live feeds. Subtle interaction design also focused on wayfinding and improving navigation for multi-season episode finding. The design team consisted of an IA, and two UI Designers. https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480726550993-3XTMO6K614B8GX4ZJ441/work-CBC-homepage-2014.jpg Work - CBC.ca Homepage Redesign Launched November 2014. While at CBC I oversaw 3 different homepage redesigns at the request of different executive stakeholders. This particular redesign increased clickthroughs to video from the homepage by 78%, achieving its goal. https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480726719546-O1D5MBW44QAYFFICNGM2/Screen+Shot+2016-12-01+at+12.16.01+AM.png Work - Leafs Nation Preference Centre This shows the most recent desktop version. https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1481316001586-ZUTFF4AW520EAQZJDR56/work-bestpractices-responsive.jpg Work - Responsive Web Design - Cheat Sheet This was a "cheat sheet" created by one of my Design Analysts at MLSE. The objective was to produce something to explain best web design practices to the company without being overly preachy. It was a piece that was presented to the digital staff, but was later put on walls as an education piece for other staff who fed into the digital presentation, but weren't up-to-date on the most recent guidelines. https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480654190287-VALJZOT8D1LQKQ4I2EH2/work_TFCcontextmapping.jpg Work - Context Mapping https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480717672534-GFM6QVSPQF58DFCGPD4B/work-JM-journeymap-tiffany1.jpg Work - Customer Journey Mapping https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1481317197430-2U16U1F1DEFI1MVG8XSL/journeymapping-HR-employees.jpg Work - Employee Journey Mapping I worked with MLSE's HR staff in 2016 to map out the pre-employment and new employee experience. Since many of them were new employees themselves, it allowed them to see the process from both sides. https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480654192907-704T4AYYTY9DRBUHERI3/work-JM-analysis.jpg Work - Journey Map Analysis https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480654200119-NH1V8U5949EFUOGQTF8E/work-RES-heuristiceval.jpg Work - Heuristic Analysis https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480716333366-XVR8WS3BP5YS5D39FCO5/work-DCS-taskanalysis.jpg Work - Task Analysis https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480654199490-SZ952Z8IKW3Z01U2OOI3/work-JM-user-stories1.jpg Work - User Stories https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1481318595865-VFKIA39K5T8O93HV0QPG/work-JM-empathymap2.jpg Work - Empathy Mapping https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480726265267-N3EE1JUAOEZ7MZHLWNFL/1cxd-objectives1.jpg Work - Role Definition, Education When I joined MLSE in 2015, UX / Customer Experience Design was brand new to the organization. I designed this slide to help explain the role of the Customer Experience Design team to executive leaders and other members of the Business Intelligence Team. https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480726264963-KGWULZ6NT4Z6YBEAR67Z/2work-STRAT-MLSEproposals.jpg Work - Project Proposals and Presentations Over my career I have produced numerous proposals and pitch presentations - both as an internal consultant and as an agency creative lead. While at MLSE I acted as an internal consultant to different departments. In this function, I produced several project proposals with accompanying decks to secure executive support for the initiatives. https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480726271548-V7KDNRA867VKS5TQRGS6/5CBCprojectprocess-flow-sm.png Work - Team Process Definition This is the end product of a workshop I held with the UI Design team at CBC when we were trying to establish new Agile ways of working. The diagram explains simply how we planned to approach new work processes in the CBC Digital Operations environment. https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480789111519-D47FTV9KL03LNH3E36DA/8work-ORG-experienceoptimization.png Work - Optimizing Team Collaboration This seating plan is an interesting case of workplace optimization. Originally working in functional groups, leadership in CBC Digital decided to move staff into product teams to benefit a transition to Agile. Because several teams shared resources, they needed to be placed together, but the physical desk configurations couldn't change. I consulted with the teams and organized a plan, producing this design that maximized team collaboration while minimizing moves. This plan allowed team members to select their own seat within designated areas. Over 35 people moved in 2 hours with almost no complaints, and both internal team and cross-team communication increased dramatically following the shift. https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480972204960-53YSACGHDL2BNQN7TOC5/4work-TFCjourneymap-facilitation3.jpg Work - Group Facilitation This photo was taken during one of the Toronto FC journey mapping workshops. (See the journey mapping case study for details.) Photo credit: Jason Smith https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480725849980-ZBB4TOO40UHF11HAPJ44/7work-WF-CBCmembercentre2.png Work - Desktop web - wireframes CBC Member Centre wireframes - 2008 https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480967966403-NIXE5IAWG94V9MPDQ371/work-leafspreferencecentre-WF.png Work - Responsive web - mobile wireframes Leafs Preference Centre wireframes (selected screens) - 2015 https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480725919672-JNTMPKX2166MZZ5KD2BC/8work_IA-DCS2contentstructures.png Work - Content Types CBC Digital Content Studio - 2009 https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480725949304-TRPA59NKLQG29EFPNB3U/6work-CBC-music-sitemap.png Work - Feature Map CBC Music navigation and content features for homepage (sample) https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480728160687-NGMSP8PONMXAK6C3S8WF/work-CBC-musiccontentmapping.jpg Work - Sitemap CBC Music sitemap (excerpt) - 2011 https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480727930998-J8XSA6DAGJXTGJY8QFYB/4work_LEAFS+-+Content-Presentation+Audit+-+May+2015+%281%29-1.png Work - Content Audit Sample page from full content audit of mapleleafs.com - 2015 https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1481132218710-I2NM3VEZPZPSTMBEISX1/casestudy-DCS-wireflows.png Work - Wireflows Excerpt of a large wireflow diagram for the DCS Media Gateway project. https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1481315008976-ZCUI00MKFTWEK72GO0ZD/work-processmap-Suites.jpg Work - Process Mapping & Optimization Excerpt from process mapping done for MLSE Suites Sales & Inventory Management. The goal was to recommend improvements to current methods of managing suites data and streamlining / digitize processes. (For confidentiality reasons, I can only show a small sample of the much larger process documentation.) https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1481645433209-O9290I55U5O3SRVF28RF/work-Draft+Party+-+Mobile+Interactions.png Work - Proposed Experience Path This diagram was created to pitch a pilor project to Senior Management demonstrating how the Brand and Digital teams saw potential mobile interactions working into a proposed Leafs Draft Party event. This wasn't a full journey mapping exercise, but the proposal needed to be explained visually in a similar manner. https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1481305133262-YJTWKDSL0JOOFEVASTFE/banner-work-new.jpg Work http://www.nicoledixonwhyte.com/contact daily 0.75 2016-11-23 http://www.nicoledixonwhyte.com/case-studies-1 daily 0.75 2016-12-14 https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1478276711051-JOSR2PW4KRHQILUVRFQD/image-asset.jpeg Case Studies Printed journey map during a collaborative solutions session. https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480281963234-45T1J69VWVQ7902I5BZ3/image-asset.jpeg Case Studies Product of a touchpoint mapping workshop https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1481318688086-B574YEUUUEFU1Q6E6SGW/image-asset.jpeg Case Studies Strategic Workshop Sessions https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480348732006-GQ9NXRLKDWK2XQSD8KUX/work_TFCcontextmapping.jpg Case Studies Context Mapping https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1481055743539-JUSPEMUXB7Q133DJVOEK/image-asset.png Case Studies Task Analysis https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1481316819235-5EUYSALNDKOEQD1CFPT3/casestudy-MG-detailwf.jpg Case Studies CBC Media Gateway - Wireframe Detail https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1481054683125-TDZI9PZBU1NDQAZXPMWS/image-asset.png Case Studies Media Gateway wireframes (selected) https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1481055993828-9FIW95DLZKU3WSBUKCOF/image-asset.png Case Studies Content Types https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480257867281-17M0GQE6EQZOKPD7C5GA/prefcentre-sketchflow1.jpg Case Studies Page flow sample - whiteboard sketching session https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480257919542-CSWH7U45F6GQS6CD7NBN/casestudy-prefcentre-wireframes.jpg Case Studies Mobile wireframe https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480257979570-YN56VLDQ56CFIHEBTBRF/casestudy-prefcentre-composite1.jpg Case Studies Wireframes for mobile & desktop web, and the live Phase 2 design. https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480966647050-MUG7PUJPKT6UK3EV1NC9/image-asset.png Case Studies Selected wireframes from Phase 1 of the Leafs Preference Centre https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1481040659148-WLJYQGWW2KD9AATRYI6H/cbc-logo.png Case Studies Case Study: CBC Media Gateway https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1481040591542-7YIR45MAGB4VN4VUD3ST/image-asset.png Case Studies Case Study: Toronto FC Journey Mapping https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1481040636632-MCRBD8DDE3YKF7J47OXZ/casestudy-DCS-wireflows2.png Case Studies Case Study: Leafs Preference Centre https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1479763839002-MHWPV2GTGKCDQPR52QDG/File_000-journey1.jpeg Case Studies https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480221427504-LJOMQ67FCKA906AICLWU/casestudy-DCS-wireflows2.png Case Studies https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1480956012930-H7LYZSUL1FXN7VDGOR4D/work-TFCjourneymap-workshop2.jpg Case Studies https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1481048958715-WKZPNUR63I4ODOX1LS5P/casestudy-preferencecentre-composite.jpg Case Studies http://www.nicoledixonwhyte.com/work daily 1.0 2018-01-02 https://images.squarespace-cdn.com/content/v1/5818d3fd725e2564c2d5093c/1481318047983-30OFU00DXHFLXTZBZ5GH/journeymap-early.jpeg Welcome http://www.nicoledixonwhyte.com/new-page-2 daily 0.75 2016-12-03 http://www.nicoledixonwhyte.com/new-page-1 daily 0.75 2016-12-03 http://www.nicoledixonwhyte.com/read-me daily 0.75 2025-05-08 https://images.squarespace-cdn.com/content/v1/5310cef7e4b08602cbfa36bf/1412689652885-P9TPK298WCTZU748L0SG/Lifestyle03.jpg Read Me