https://stephangarneau.com Stephan Garneau Design Mon, 30 Sep 2024 04:51:10 +0000 https://stephangarneau.com en https://stephangarneau.com/InSpace-Network-Data-Visualization Mon, 30 Sep 2024 04:51:10 +0000 Stephan Garneau Design https://stephangarneau.com/InSpace-Network-Data-Visualization InSpace Network Data Visualization 2024–ongoing Interactive data visualization built using the d3 library (JavaScript) for Libby Leshgold Gallery (Vancouver).&nbsp; Work included data modelling, cleaning, web design, and development.Site access︎︎︎ Project type:information design <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/b48b34e06b337a788dd33858746d2a0d2e7908fc2b2974316f155d7f5261f8f1/InSpace_Visualization8.png" data-mid="219184355" border="0" alt="full network view (1/7)" data-caption="full network view (1/7)" src="https://freight.cargo.site/w/1000/i/b48b34e06b337a788dd33858746d2a0d2e7908fc2b2974316f155d7f5261f8f1/InSpace_Visualization8.png" /> <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/1f3d442f5cf25587d534953b255e515e7f369aba59facb6b93848d2a490f412d/InSpace_Visualization3.png" data-mid="219184346" border="0" alt="person filter enabled (2/7)" data-caption="person filter enabled (2/7)" src="https://freight.cargo.site/w/1000/i/1f3d442f5cf25587d534953b255e515e7f369aba59facb6b93848d2a490f412d/InSpace_Visualization3.png" /> <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/07b98385eab7712e883e500beaa095de8a60210e7afe21a88c46d8cf8b22ef0d/InSpace_Visualization6.png" data-mid="219184351" border="0" alt="launch node hover with immediate network (3/7)" data-caption="launch node hover with immediate network (3/7)" src="https://freight.cargo.site/w/1000/i/07b98385eab7712e883e500beaa095de8a60210e7afe21a88c46d8cf8b22ef0d/InSpace_Visualization6.png" /> <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/95a44ac5247b45cb334df145262b598a6a6cc3d7befade3cf8191d5c9fd67e94/InSpace_Visualization7.png" data-mid="219184353" border="0" alt="selected node with links and description (4/7)" data-caption="selected node with links and description (4/7)" src="https://freight.cargo.site/w/1000/i/95a44ac5247b45cb334df145262b598a6a6cc3d7befade3cf8191d5c9fd67e94/InSpace_Visualization7.png" /> <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/1f804be0f8b14affec786111befe31de5f08a78e03a1913e6c8fde727d4b024b/InSpace_Visualization9.png" data-mid="219184356" border="0" alt="person node hover (5/7)" data-caption="person node hover (5/7)" src="https://freight.cargo.site/w/1000/i/1f804be0f8b14affec786111befe31de5f08a78e03a1913e6c8fde727d4b024b/InSpace_Visualization9.png" /> <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/14ddb657bb4187ca8c475dcd49566e155453c3eaa2a13be144bde42b1d2b664c/InSpace_Visualization10.png" data-mid="219184357" border="0" alt="dragged node (6/7)" data-caption="dragged node (6/7)" src="https://freight.cargo.site/w/1000/i/14ddb657bb4187ca8c475dcd49566e155453c3eaa2a13be144bde42b1d2b664c/InSpace_Visualization10.png" /> <img width="1280" height="692" width_o="1280" height_o="692" data-src="https://freight.cargo.site/t/original/i/e0620f6251a6c874e6dd0b01a8d3cb46f494885b5c9b205c5bc66da212570928/InSpace-Data-Visualization_2.gif" data-mid="219261295" border="0" alt="zoom and interaction animation (7/7)" data-caption="zoom and interaction animation (7/7)" src="https://freight.cargo.site/w/1000/i/e0620f6251a6c874e6dd0b01a8d3cb46f494885b5c9b205c5bc66da212570928/InSpace-Data-Visualization_2.gif" /> https://stephangarneau.com/Diagrams-and-Visualizations-1 Sat, 28 Sep 2024 20:55:16 +0000 Stephan Garneau Design https://stephangarneau.com/Diagrams-and-Visualizations-1 Diagrams and Visualizations 2018–present Various programmed and static data designs. Created as part of academic assignments and freelance projects. Project type: information design <img width="810" height="709" width_o="810" height_o="709" data-src="https://freight.cargo.site/t/original/i/dd40a8f26857384bb5c276469613415264f2221bd8149ce745a1507b60139a84/Interactive_d3.gif" data-mid="218971249" border="0" alt="interactive visualization created with .D3 library" data-caption="interactive visualization created with .D3 library" src="https://freight.cargo.site/w/810/i/dd40a8f26857384bb5c276469613415264f2221bd8149ce745a1507b60139a84/Interactive_d3.gif" /> <img width="27708" height="18429" width_o="27708" height_o="18429" data-src="https://freight.cargo.site/t/original/i/c0d19f8274a8a917bc5826bf4669d745ce3adbd969911f6e7c5c9ee93cff854e/Multi_Modal_Diagram.png" data-mid="218971253" border="0" alt="modality resource diagram for food delivery application" data-caption="modality resource diagram for food delivery application" src="https://freight.cargo.site/w/1000/i/c0d19f8274a8a917bc5826bf4669d745ce3adbd969911f6e7c5c9ee93cff854e/Multi_Modal_Diagram.png" /> <img width="5455" height="2677" width_o="5455" height_o="2677" data-src="https://freight.cargo.site/t/original/i/a74229b8d2ba92ca97407a10c81ae3a833c485dedb79324b25ac0a2d59cd1aaf/-4.4---Tracking---Personalized-Advertising-.png" data-mid="219271775" border="0" alt="GAUMLESS thesis diagram" data-caption="GAUMLESS thesis diagram" src="https://freight.cargo.site/w/1000/i/a74229b8d2ba92ca97407a10c81ae3a833c485dedb79324b25ac0a2d59cd1aaf/-4.4---Tracking---Personalized-Advertising-.png" /> <img width="5333" height="3333" width_o="5333" height_o="3333" data-src="https://freight.cargo.site/t/original/i/7d0922ffe036e28b1d79bc7d24eeb5f065f9cb8507b7f7f4ba729c2f997a9d06/Thesis_Presentation_v367.png" data-mid="218971308" border="0" alt="commodification process sub-model, from GAUMLESS thesis" data-caption="commodification process sub-model, from GAUMLESS thesis" src="https://freight.cargo.site/w/1000/i/7d0922ffe036e28b1d79bc7d24eeb5f065f9cb8507b7f7f4ba729c2f997a9d06/Thesis_Presentation_v367.png" /> <img width="2481" height="1529" width_o="2481" height_o="1529" data-src="https://freight.cargo.site/t/original/i/a984f73836fa45cf65505ee08f14f83f21d529cb28ca09ac6e3992576c34909e/FIRI2019_infographics-04.jpg.jpg" data-mid="218971247" border="0" alt="diagram for academic paper on MAGICS research program" data-caption="diagram for academic paper on MAGICS research program" src="https://freight.cargo.site/w/1000/i/a984f73836fa45cf65505ee08f14f83f21d529cb28ca09ac6e3992576c34909e/FIRI2019_infographics-04.jpg.jpg" /> <img width="4559" height="3106" width_o="4559" height_o="3106" data-src="https://freight.cargo.site/t/original/i/becb2ced614a5ba1c2623d1c7e07c34bafcca61a9cbdf18662730bb5dd9c2c0f/Ferrum_folds-02.png" data-mid="219271737" border="0" alt="infographic of average iron requirements in adults" data-caption="infographic of average iron requirements in adults" src="https://freight.cargo.site/w/1000/i/becb2ced614a5ba1c2623d1c7e07c34bafcca61a9cbdf18662730bb5dd9c2c0f/Ferrum_folds-02.png" /> <img width="10667" height="6667" width_o="10667" height_o="6667" data-src="https://freight.cargo.site/t/original/i/f85e79b00521ac5e3cee09efc559bcb2e5d718cea8e261c8ef09c1a0817ecd04/Thesis_Seminar_Presentation_1_v6.png" data-mid="218971264" border="0" alt="GAUMLESS thesis roadmap and credit allocation" data-caption="GAUMLESS thesis roadmap and credit allocation" src="https://freight.cargo.site/w/1000/i/f85e79b00521ac5e3cee09efc559bcb2e5d718cea8e261c8ef09c1a0817ecd04/Thesis_Seminar_Presentation_1_v6.png" /> <img width="27708" height="18429" width_o="27708" height_o="18429" data-src="https://freight.cargo.site/t/original/i/8dba5564e08024f1d423be1a6aab5c724a53c7b9723fae17d9e3fbcdceba6fc7/Aalto_3_Wireframe.png" data-mid="218971214" border="0" alt="wireframe prototype for Aalto-3 satellite components and levels" data-caption="wireframe prototype for Aalto-3 satellite components and levels" src="https://freight.cargo.site/w/1000/i/8dba5564e08024f1d423be1a6aab5c724a53c7b9723fae17d9e3fbcdceba6fc7/Aalto_3_Wireframe.png" /> <img width="1330" height="885" width_o="1330" height_o="885" data-src="https://freight.cargo.site/t/original/i/5e0b52ae8415a1bbe6576b35bb16c37c0ecdebe0516058ad610d6a2b72ea1a76/party_animals.png" data-mid="218971255" border="0" alt="bar graph comparing living people and extinct species per country, created with .D3 library" data-caption="bar graph comparing living people and extinct species per country, created with .D3 library" src="https://freight.cargo.site/w/1000/i/5e0b52ae8415a1bbe6576b35bb16c37c0ecdebe0516058ad610d6a2b72ea1a76/party_animals.png" /> https://stephangarneau.com/GAUMLESS-1 Sat, 28 Sep 2024 20:55:17 +0000 Stephan Garneau Design https://stephangarneau.com/GAUMLESS-1 GAUMLESS: Model(ling) the Capital(ization) of Human Act(ion) on the Internet 2020 Master’s thesis at Aalto University incorporating systems, visual modelling, and information design theories, through a case study that modelled processes for generating Internet cookies. Research explored frameworks for representing hybridized qualitative and quantitative systems (interaction and data). Supporteding principles included those of interaction design, cognitive science, and computer science. Full thesis︎︎︎ Project type: information design <img width="4017" height="2836" width_o="4017" height_o="2836" data-src="https://freight.cargo.site/t/original/i/e5adbe4203bd6e12edaa58a8b1f9719e8854170aa89f2a72e088f8ce9a3008d0/Covers_final-01-photocopy_cover.png" data-mid="218864507" border="0" alt="(1/11)" data-caption="(1/11)" src="https://freight.cargo.site/w/1000/i/e5adbe4203bd6e12edaa58a8b1f9719e8854170aa89f2a72e088f8ce9a3008d0/Covers_final-01-photocopy_cover.png" /> <img width="4017" height="2836" width_o="4017" height_o="2836" data-src="https://freight.cargo.site/t/original/i/afffed57457efbe17177c7a42532c454a0d4b1dd798905626c29912bd1966d2e/GAUMLESS_folds-01.png" data-mid="218864533" border="0" alt="(2/11)" data-caption="(2/11)" src="https://freight.cargo.site/w/1000/i/afffed57457efbe17177c7a42532c454a0d4b1dd798905626c29912bd1966d2e/GAUMLESS_folds-01.png" /> <img width="4017" height="2836" width_o="4017" height_o="2836" data-src="https://freight.cargo.site/t/original/i/d5700878eb6438243feded70ecdbb5736494181a0fb554c0fa7df51deefe3efe/GAUMLESS_folds-02.png" data-mid="218864541" border="0" alt="(3/11)" data-caption="(3/11)" src="https://freight.cargo.site/w/1000/i/d5700878eb6438243feded70ecdbb5736494181a0fb554c0fa7df51deefe3efe/GAUMLESS_folds-02.png" /> <img width="4017" height="2836" width_o="4017" height_o="2836" data-src="https://freight.cargo.site/t/original/i/f730a30b6a1f35a3942254b01309a06b8f15063fc148fd13cb86546b840fb010/GAUMLESS_folds-20.png" data-mid="218864515" border="0" alt="(4/11)" data-caption="(4/11)" src="https://freight.cargo.site/w/1000/i/f730a30b6a1f35a3942254b01309a06b8f15063fc148fd13cb86546b840fb010/GAUMLESS_folds-20.png" /> <img width="4017" height="2836" width_o="4017" height_o="2836" data-src="https://freight.cargo.site/t/original/i/62ca051462bb9a92da3ecf6ceadb39fad236b5fcfe43c6cc2344a3d3b3843b7f/GAUMLESS_folds-31.png" data-mid="218864511" border="0" alt="(5/11)" data-caption="(5/11)" src="https://freight.cargo.site/w/1000/i/62ca051462bb9a92da3ecf6ceadb39fad236b5fcfe43c6cc2344a3d3b3843b7f/GAUMLESS_folds-31.png" /> <img width="4017" height="2836" width_o="4017" height_o="2836" data-src="https://freight.cargo.site/t/original/i/7b759ceccfc2c48f338a9dd130e45a3607126a9c1e7327cb63473d6e1828a8bf/GAUMLESS_folds-59.png" data-mid="218864513" border="0" alt="(6/11)" data-caption="(6/11)" src="https://freight.cargo.site/w/1000/i/7b759ceccfc2c48f338a9dd130e45a3607126a9c1e7327cb63473d6e1828a8bf/GAUMLESS_folds-59.png" /> <img width="4017" height="2836" width_o="4017" height_o="2836" data-src="https://freight.cargo.site/t/original/i/37680a1c16f18f3d5eaea51ac850f46581fc8d4df376a60883a54a2a7e880463/GAUMLESS_folds-71.png" data-mid="218864509" border="0" alt="(7/11)" data-caption="(7/11)" src="https://freight.cargo.site/w/1000/i/37680a1c16f18f3d5eaea51ac850f46581fc8d4df376a60883a54a2a7e880463/GAUMLESS_folds-71.png" /> <img width="4016" height="2835" width_o="4016" height_o="2835" data-src="https://freight.cargo.site/t/original/i/f0172f9ca78c18bb69294c82438a43fc2dc09e72a8c0b017fdb3ef166ca88488/Final_Thesis_Publication128.png" data-mid="218864512" border="0" alt="(8/11)" data-caption="(8/11)" src="https://freight.cargo.site/w/1000/i/f0172f9ca78c18bb69294c82438a43fc2dc09e72a8c0b017fdb3ef166ca88488/Final_Thesis_Publication128.png" /> <img width="4017" height="2836" width_o="4017" height_o="2836" data-src="https://freight.cargo.site/t/original/i/17923741b32ef3f40d6f1914c7cbca22e8ab93a1c08dcf19301a8952a52e7ad9/GAUMLESS_folds-89.png" data-mid="218864549" border="0" alt="(9/11)" data-caption="(9/11)" src="https://freight.cargo.site/w/1000/i/17923741b32ef3f40d6f1914c7cbca22e8ab93a1c08dcf19301a8952a52e7ad9/GAUMLESS_folds-89.png" /> <img width="4017" height="2836" width_o="4017" height_o="2836" data-src="https://freight.cargo.site/t/original/i/c0c8c7054ea855af71c27f54695fe1943a2e8fcf55ce8f335f68f15dcbe350cb/GAUMLESS_folds-91.png" data-mid="218864547" border="0" alt="(10/11)" data-caption="(10/11)" src="https://freight.cargo.site/w/1000/i/c0c8c7054ea855af71c27f54695fe1943a2e8fcf55ce8f335f68f15dcbe350cb/GAUMLESS_folds-91.png" /> <img width="4017" height="2836" width_o="4017" height_o="2836" data-src="https://freight.cargo.site/t/original/i/277095a329c04d25335e4de66d1b23048a42fd896e4b750c704981a84e1d0a7d/GAUMLESS_folds-113.png" data-mid="218864516" border="0" alt="(11/11)" data-caption="(11/11)" src="https://freight.cargo.site/w/1000/i/277095a329c04d25335e4de66d1b23048a42fd896e4b750c704981a84e1d0a7d/GAUMLESS_folds-113.png" /> https://stephangarneau.com/Aalto-University-Curriculum-Visualizations-1 Sat, 28 Sep 2024 20:55:15 +0000 Stephan Garneau Design https://stephangarneau.com/Aalto-University-Curriculum-Visualizations-1 Aalto University—Curriculum Visualizations 2020 Curriculum visualizations for programmes in the Department of Design at Aalto University (Espoo, Finland). Visualizations outline student requirements (major studies, complimentary studies, elective studies, and theses) for graduation. Additional visualizations include credit comparsions and a thesis process diagram for master’s students. Project type:information design, print design <img width="7271" height="4649" width_o="7271" height_o="4649" data-src="https://freight.cargo.site/t/original/i/3e38187e1b335b55f19a0303f46989f1d0449cb8900c7ac7c9f884690e6aa020/website_layout_cover.png" data-mid="218864616" border="0" src="https://freight.cargo.site/w/1000/i/3e38187e1b335b55f19a0303f46989f1d0449cb8900c7ac7c9f884690e6aa020/website_layout_cover.png" /> <img width="1454" height="930" width_o="1454" height_o="930" data-src="https://freight.cargo.site/t/original/i/f8d1ddc57b0373361a25e72e0625aed3318c4ef8eb8e12f14dbf93c96747eefd/website_layout_3.png" data-mid="218864621" border="0" src="https://freight.cargo.site/w/1000/i/f8d1ddc57b0373361a25e72e0625aed3318c4ef8eb8e12f14dbf93c96747eefd/website_layout_3.png" /> <img width="1454" height="930" width_o="1454" height_o="930" data-src="https://freight.cargo.site/t/original/i/b90d40a3b21e45281149581c6283973f8d0aeea4d98b45dbe066262b41b5ff89/website_layout_4.png" data-mid="218864622" border="0" src="https://freight.cargo.site/w/1000/i/b90d40a3b21e45281149581c6283973f8d0aeea4d98b45dbe066262b41b5ff89/website_layout_4.png" /> <img width="1454" height="930" width_o="1454" height_o="930" data-src="https://freight.cargo.site/t/original/i/c57a337c722349685399d921261e34252898fe2b2109f40893ea5e76978eacfd/website_layout_8.png" data-mid="218864623" border="0" src="https://freight.cargo.site/w/1000/i/c57a337c722349685399d921261e34252898fe2b2109f40893ea5e76978eacfd/website_layout_8.png" /> <img width="1454" height="930" width_o="1454" height_o="930" data-src="https://freight.cargo.site/t/original/i/d32b6a121b45638f76328cf08cdb4e12dec0adf5ae54f87a15274b77e8b3abd9/website_layout_5.png" data-mid="218864624" border="0" src="https://freight.cargo.site/w/1000/i/d32b6a121b45638f76328cf08cdb4e12dec0adf5ae54f87a15274b77e8b3abd9/website_layout_5.png" /> <img width="1454" height="930" width_o="1454" height_o="930" data-src="https://freight.cargo.site/t/original/i/022e14f088b04a99e523aa042456078c2f90f94fdee091906c951729e097400a/website_layout_7.png" data-mid="218864625" border="0" src="https://freight.cargo.site/w/1000/i/022e14f088b04a99e523aa042456078c2f90f94fdee091906c951729e097400a/website_layout_7.png" /> https://stephangarneau.com/GESTELL-the-present-person Sat, 28 Sep 2024 22:29:17 +0000 Stephan Garneau Design https://stephangarneau.com/GESTELL-the-present-person GESTELL: the present person 2019 An exploration of identity and data, GESTELL is a collection of data relations between the demographic and the individual. The capstone project for the first year of the Information Design major at Aalto University. Project featured at the Visualizing Knowledge conference showcase (Espoo) in May 2019. Project type:information design <img width="1524" height="861" width_o="1524" height_o="861" data-src="https://freight.cargo.site/t/original/i/b42afb4e8c61384ebdf6c944312ad111cd91f8c195d1e86155c135b774475e64/browser_short_1.png" data-mid="218864604" border="0" alt="prologue (1/6)" data-caption="prologue (1/6)" src="https://freight.cargo.site/w/1000/i/b42afb4e8c61384ebdf6c944312ad111cd91f8c195d1e86155c135b774475e64/browser_short_1.png" /> <img width="1524" height="861" width_o="1524" height_o="861" data-src="https://freight.cargo.site/t/original/i/7c55511231a78f3baca8a704e769202e57a68b35197a04d17fb6617566574114/browser_short_2.png" data-mid="218864611" border="0" alt="introduction (2/6)" data-caption="introduction (2/6)" src="https://freight.cargo.site/w/1000/i/7c55511231a78f3baca8a704e769202e57a68b35197a04d17fb6617566574114/browser_short_2.png" /> <img width="1524" height="861" width_o="1524" height_o="861" data-src="https://freight.cargo.site/t/original/i/519021612ca983a82561e404c9c31b7123ab4780be7b8c07054a08cd6e537dc0/browser_short_4.png" data-mid="218864605" border="0" alt="individual vs. demographic (3/6)" data-caption="individual vs. demographic (3/6)" src="https://freight.cargo.site/w/1000/i/519021612ca983a82561e404c9c31b7123ab4780be7b8c07054a08cd6e537dc0/browser_short_4.png" /> <img width="1524" height="861" width_o="1524" height_o="861" data-src="https://freight.cargo.site/t/original/i/185447dc1f3600b9b550afc6632d9fe4044150747ae71af6bdd4f3713035b3da/browser_short_5.png" data-mid="218864606" border="0" alt="collection methodology (4/6)" data-caption="collection methodology (4/6)" src="https://freight.cargo.site/w/1000/i/185447dc1f3600b9b550afc6632d9fe4044150747ae71af6bdd4f3713035b3da/browser_short_5.png" /> <img width="1524" height="861" width_o="1524" height_o="861" data-src="https://freight.cargo.site/t/original/i/02508f9eac3b25a81c75789c9f39e01f4a6099bbededbe3e2bd70f8a17aaaf49/browser_short_14.png" data-mid="218864609" border="0" alt="data analysis (5/6)" data-caption="data analysis (5/6)" src="https://freight.cargo.site/w/1000/i/02508f9eac3b25a81c75789c9f39e01f4a6099bbededbe3e2bd70f8a17aaaf49/browser_short_14.png" /> <img width="1524" height="861" width_o="1524" height_o="861" data-src="https://freight.cargo.site/t/original/i/66b38bcb18ab63e0f86f34e04bb0d2638f535438f171af0986a131333c8748e0/browser_short_6.png" data-mid="219270957" border="0" alt="high-level characters (6/6)" data-caption="high-level characters (6/6)" src="https://freight.cargo.site/w/1000/i/66b38bcb18ab63e0f86f34e04bb0d2638f535438f171af0986a131333c8748e0/browser_short_6.png" /> https://stephangarneau.com/Aalto-University-Data-Visualization-Dashboards Sun, 29 Sep 2024 00:10:21 +0000 Stephan Garneau Design https://stephangarneau.com/Aalto-University-Data-Visualization-Dashboards Aalto University—Data Visualization Dashboards 2018–2019 Dashboard visualizations for all programmes and schools at Aalto University using Microsoft’s Power BI software. Visualizations present student data for a variety of metrics, including nationality, grades, graduation rates, credits, and specializations. Data is comparable within and across all schools and programmes at the university. Development of the dashboards included prototyping, user testing and interviewing, and guidelines for the tool’s maintenance. Project type:information design, UX/UI design <img width="2867" height="1700" width_o="2867" height_o="1700" data-src="https://freight.cargo.site/t/original/i/73aa5a3086d7eee896cb0a9be88659fb4cee8923a0f3d0c040b369cbadc6b95f/Programme_Level_Report_Jan_2019_-version_Page_02.jpg" data-mid="219003226" border="0" alt="macro student data (1/5)" data-caption="macro student data (1/5)" src="https://freight.cargo.site/w/1000/i/73aa5a3086d7eee896cb0a9be88659fb4cee8923a0f3d0c040b369cbadc6b95f/Programme_Level_Report_Jan_2019_-version_Page_02.jpg" /> <img width="2867" height="1700" width_o="2867" height_o="1700" data-src="https://freight.cargo.site/t/original/i/1f487c0d5d7c454bc1b1b180cb0665654ad9eb50f70de6dcaba6624ccdee6b0c/Programme_Level_Report_Jan_2019_-version_Page_04.jpg" data-mid="219003235" border="0" alt="primary dashboard (2/5)" data-caption="primary dashboard (2/5)" src="https://freight.cargo.site/w/1000/i/1f487c0d5d7c454bc1b1b180cb0665654ad9eb50f70de6dcaba6624ccdee6b0c/Programme_Level_Report_Jan_2019_-version_Page_04.jpg" /> <img width="2867" height="1700" width_o="2867" height_o="1700" data-src="https://freight.cargo.site/t/original/i/6dba8efe9abb3fa7ab8b7df72c69b6340e58dd1c96957721cb8a63b44d887c29/Programme_Level_Report_Jan_2019_-version_Page_05.jpg" data-mid="219003227" border="0" alt="comparative dashboard (3/5)" data-caption="comparative dashboard (3/5)" src="https://freight.cargo.site/w/1000/i/6dba8efe9abb3fa7ab8b7df72c69b6340e58dd1c96957721cb8a63b44d887c29/Programme_Level_Report_Jan_2019_-version_Page_05.jpg" /> <img width="2867" height="1700" width_o="2867" height_o="1700" data-src="https://freight.cargo.site/t/original/i/120c990a9e1ae683cd98a43592031d31efb288bc9d0b2977d6aa42bb1ad55dca/Programme_Level_Report_Jan_2019_-version_Page_09.jpg" data-mid="219003232" border="0" alt="macro dashboard (4/5)" data-caption="macro dashboard (4/5)" src="https://freight.cargo.site/w/1000/i/120c990a9e1ae683cd98a43592031d31efb288bc9d0b2977d6aa42bb1ad55dca/Programme_Level_Report_Jan_2019_-version_Page_09.jpg" /> <img width="2867" height="1700" width_o="2867" height_o="1700" data-src="https://freight.cargo.site/t/original/i/17895d40154822c9a552a856ec7ade6f3902dd22cbb6b6f483089543b96765c6/Programme_Level_Report_Jan_2019_-version_Page_07.jpg" data-mid="219003234" border="0" alt="student metrics dashboard (5/5)" data-caption="student metrics dashboard (5/5)" src="https://freight.cargo.site/w/1000/i/17895d40154822c9a552a856ec7ade6f3902dd22cbb6b6f483089543b96765c6/Programme_Level_Report_Jan_2019_-version_Page_07.jpg" /> https://stephangarneau.com/Optimum-1-1 Sun, 29 Sep 2024 00:15:25 +0000 Stephan Garneau Design https://stephangarneau.com/Optimum-1-1 Optimum 1: The Netherlands v. Aggressive Tax Planning (ATP) 2018 First issue of an information design series focusing on contemporary economic issues and solutions. Initially created for an intermediate information design studio course. Finalist for the 2018 Visuaalisen Journalismin Palkinto, an annual award sponsored by Helsingin Sanomat that recognizes outstanding projects in the field of visual journalism in Finland. Project type:information design, print design <img width="1251" height="1536" width_o="1251" height_o="1536" data-src="https://freight.cargo.site/t/original/i/8e6a2ffe0cf106fa11da656c609935e31c6f291aa339bea2b66b7e442afaed11/Optimum_folds_Cover.png" data-mid="218930250" border="0" alt="(1/7)" data-caption="(1/7)" src="https://freight.cargo.site/w/1000/i/8e6a2ffe0cf106fa11da656c609935e31c6f291aa339bea2b66b7e442afaed11/Optimum_folds_Cover.png" /> <img width="2501" height="3072" width_o="2501" height_o="3072" data-src="https://freight.cargo.site/t/original/i/86ff3679894e3fda7f7c3e882cfbfe4754abf34a36e1072420dd27c769886fb2/Optimum_folds-06.png" data-mid="218930274" border="0" alt="(2/7)" data-caption="(2/7)" src="https://freight.cargo.site/w/1000/i/86ff3679894e3fda7f7c3e882cfbfe4754abf34a36e1072420dd27c769886fb2/Optimum_folds-06.png" /> <img width="2501" height="3072" width_o="2501" height_o="3072" data-src="https://freight.cargo.site/t/original/i/949b4dbc9413a9384c1348fed85f441d0488a2ead26f97820b05a077e8d98aa5/Optimum_folds-07.png" data-mid="218930252" border="0" alt="(3/7)" data-caption="(3/7)" src="https://freight.cargo.site/w/1000/i/949b4dbc9413a9384c1348fed85f441d0488a2ead26f97820b05a077e8d98aa5/Optimum_folds-07.png" /> <img width="2501" height="3072" width_o="2501" height_o="3072" data-src="https://freight.cargo.site/t/original/i/84cd3c2393ffedd3fed5a784d4d494c51de5287e1509da35e39aa1eba3e3a7dd/Optimum_folds-09.png" data-mid="218930289" border="0" alt="(4/7)" data-caption="(4/7)" src="https://freight.cargo.site/w/1000/i/84cd3c2393ffedd3fed5a784d4d494c51de5287e1509da35e39aa1eba3e3a7dd/Optimum_folds-09.png" /> <img width="2501" height="3072" width_o="2501" height_o="3072" data-src="https://freight.cargo.site/t/original/i/164d8c116ba2b357ce22562eca8090b99cb9c6b393d4bc25143f36e4f55340f8/Optimum_folds-12.png" data-mid="218930295" border="0" alt="(5/7)" data-caption="(5/7)" src="https://freight.cargo.site/w/1000/i/164d8c116ba2b357ce22562eca8090b99cb9c6b393d4bc25143f36e4f55340f8/Optimum_folds-12.png" /> <img width="2501" height="3072" width_o="2501" height_o="3072" data-src="https://freight.cargo.site/t/original/i/73ff54717cdefe4163e791fbf72b65cbdd6bd3090caa7d3f8a7ef8ad37dfa825/Optimum_folds-14.png" data-mid="218930294" border="0" alt="(6/7)" data-caption="(6/7)" src="https://freight.cargo.site/w/1000/i/73ff54717cdefe4163e791fbf72b65cbdd6bd3090caa7d3f8a7ef8ad37dfa825/Optimum_folds-14.png" /> <img width="2501" height="3072" width_o="2501" height_o="3072" data-src="https://freight.cargo.site/t/original/i/b3c906817fa89d5c57e80a6d3f89d0818f43fb201e94c6f9442ca38bb13dfe96/Optimum_folds-15.png" data-mid="218930269" border="0" alt="(7/7)" data-caption="(7/7)" src="https://freight.cargo.site/w/1000/i/b3c906817fa89d5c57e80a6d3f89d0818f43fb201e94c6f9442ca38bb13dfe96/Optimum_folds-15.png" /> https://stephangarneau.com/Pay-Gaps-1 Sun, 29 Sep 2024 00:17:49 +0000 Stephan Garneau Design https://stephangarneau.com/Pay-Gaps-1 Pay Gaps 2018 Interactive graphic for data from the Organization for Economic Co-operation and Development (OECD) between the years 2013 and 2017 that contrasts average wage increases with average hours worked among a group of developed international countries. Developed for an information design studio course that explored the interpretive possibilities of publically available data. Project type: information design <img width="5693" height="3200" width_o="5693" height_o="3200" data-src="https://freight.cargo.site/t/original/i/222e4f220f2d1d669a761e93250a926c42c5a647534c3194454de9a3569ba5b4/GDP-Growth_2.png" data-mid="218921810" border="0" alt="Working Hours and Compensation for France in 2013, sorted by country name (1/3)" data-caption="Working Hours and Compensation for France in 2013, sorted by country name (1/3)" src="https://freight.cargo.site/w/1000/i/222e4f220f2d1d669a761e93250a926c42c5a647534c3194454de9a3569ba5b4/GDP-Growth_2.png" /> <img width="5692" height="3201" width_o="5692" height_o="3201" data-src="https://freight.cargo.site/t/original/i/c55c838f65807835c686bcbd69f814b146b0c124fdadff8987d85c1f037d5345/GDP-Growth_3.png" data-mid="218921833" border="0" alt="Working Hours and Compensation for South Korea in 2015 (2/3)" data-caption="Working Hours and Compensation for South Korea in 2015 (2/3)" src="https://freight.cargo.site/w/1000/i/c55c838f65807835c686bcbd69f814b146b0c124fdadff8987d85c1f037d5345/GDP-Growth_3.png" /> <img width="5692" height="3201" width_o="5692" height_o="3201" data-src="https://freight.cargo.site/t/original/i/7cdd5229ef104063d537db720969666856666617d0631ba97c4aafc858c89c09/GDP-Growth_5.png" data-mid="218921834" border="0" alt="Description of Actual Working Hours vs. Paid Hours (3/3)" data-caption="Description of Actual Working Hours vs. Paid Hours (3/3)" src="https://freight.cargo.site/w/1000/i/7cdd5229ef104063d537db720969666856666617d0631ba97c4aafc858c89c09/GDP-Growth_5.png" /> https://stephangarneau.com/Avigilon-Instructional-Design-1 Sun, 29 Sep 2024 00:19:09 +0000 Stephan Garneau Design https://stephangarneau.com/Avigilon-Instructional-Design-1 Avigilon—Instructional Design 2016–2018 Instructional design for Avigilon, a subsidiary of Motorola. Created interactive, multi-media courses and tests on the company’s learning management software. Developed in collaboration with product management, technical documentation, engineering, and design departments to align with product releases. Project type: information design, UX/UI design <img width="1024" height="626" width_o="1024" height_o="626" data-src="https://freight.cargo.site/t/original/i/0a8e7c706b2746d662f397821715e979c0f494c2eab23ba8cc62ea7a2eaf8852/4-Setting-Up-Alarms--Rules-and-Maps.gif" data-mid="218932406" border="0" alt="online course example, creating camera maps in ACC (1/8)" data-caption="online course example, creating camera maps in ACC (1/8)" src="https://freight.cargo.site/w/1000/i/0a8e7c706b2746d662f397821715e979c0f494c2eab23ba8cc62ea7a2eaf8852/4-Setting-Up-Alarms--Rules-and-Maps.gif" /> <img width="1024" height="626" width_o="1024" height_o="626" data-src="https://freight.cargo.site/t/original/i/17d50854fe13fa10915bc9b584581e54fb824becb6304dfecb76c9e1e3b4e948/LMS.png" data-mid="218932416" border="0" alt="client learning management system ​(2/8)" data-caption="client learning management system ​(2/8)" src="https://freight.cargo.site/w/1000/i/17d50854fe13fa10915bc9b584581e54fb824becb6304dfecb76c9e1e3b4e948/LMS.png" /> <img width="12675" height="7748" width_o="12675" height_o="7748" data-src="https://freight.cargo.site/t/original/i/c4aff02f2834e87be89fbd3ec34d2c20e90b363bb6dab865e6b5e618998c8421/Icons_layout2.png" data-mid="218932417" border="0" alt="selected course items (3/8)" data-caption="selected course items (3/8)" src="https://freight.cargo.site/w/1000/i/c4aff02f2834e87be89fbd3ec34d2c20e90b363bb6dab865e6b5e618998c8421/Icons_layout2.png" /> <img width="12984" height="7531" width_o="12984" height_o="7531" data-src="https://freight.cargo.site/t/original/i/b8b71d116b7bbca0d3169d90eed1f84b63fc836703ad61fb447b96991eb92104/website_layout_11.png" data-mid="218932434" border="0" alt="video lesson still (4/8)" data-caption="video lesson still (4/8)" src="https://freight.cargo.site/w/1000/i/b8b71d116b7bbca0d3169d90eed1f84b63fc836703ad61fb447b96991eb92104/website_layout_11.png" /> <img width="12984" height="7531" width_o="12984" height_o="7531" data-src="https://freight.cargo.site/t/original/i/26b21a98298422fe27240b69161ba00a8f96121c0f8a13e5dea00548b90f3870/website_layout_7.png" data-mid="218932418" border="0" alt="course illustration of Avigilon cameras (5/8)" data-caption="course illustration of Avigilon cameras (5/8)" src="https://freight.cargo.site/w/1000/i/26b21a98298422fe27240b69161ba00a8f96121c0f8a13e5dea00548b90f3870/website_layout_7.png" /> <img width="1603" height="930" width_o="1603" height_o="930" data-src="https://freight.cargo.site/t/original/i/2bed92fd664f67f907264e2ff3e914d77af058b56f8f095e2794cd9449bd3c0f/website_layout_2.png" data-mid="218932420" border="0" alt="video lesson still (6/8)" data-caption="video lesson still (6/8)" src="https://freight.cargo.site/w/1000/i/2bed92fd664f67f907264e2ff3e914d77af058b56f8f095e2794cd9449bd3c0f/website_layout_2.png" /> <img width="1603" height="930" width_o="1603" height_o="930" data-src="https://freight.cargo.site/t/original/i/2114c771d67b9e5bd714e7ea6cdf2048efdf0e5083e3081fca6fbfeca18affa6/website_layout_6.png" data-mid="218932433" border="0" alt="video lesson still (7/8)" data-caption="video lesson still (7/8)" src="https://freight.cargo.site/w/1000/i/2114c771d67b9e5bd714e7ea6cdf2048efdf0e5083e3081fca6fbfeca18affa6/website_layout_6.png" /> <img width="12984" height="7531" width_o="12984" height_o="7531" data-src="https://freight.cargo.site/t/original/i/50a55581942596249ecc9da3616178493bf38ca37564f6c258a50fc968935f8e/website_layout_12.png" data-mid="218932436" border="0" alt="video lesson still (8/8)" data-caption="video lesson still (8/8)" src="https://freight.cargo.site/w/1000/i/50a55581942596249ecc9da3616178493bf38ca37564f6c258a50fc968935f8e/website_layout_12.png" /> https://stephangarneau.com/Emily-Carr-University-Academic-Guides Sun, 29 Sep 2024 00:21:31 +0000 Stephan Garneau Design https://stephangarneau.com/Emily-Carr-University-Academic-Guides Emily Carr University—Academic Guides 2015–2017 Academic guides for Emily Carr University of Art + Design for their 2015/2016 and 2016/2017 undergraduate programs. Designed in collaboration with designer Katherine Gillieson. Project type:information design, print design <img width="1454" height="930" width_o="1454" height_o="930" data-src="https://freight.cargo.site/t/original/i/e402d4569b46892d2863c879027f5b8926054241f0151432eb6f1334ca154818/Academic_Guides.png" data-mid="218918492" border="0" alt="covers and binding detail (1/7)" data-caption="covers and binding detail (1/7)" src="https://freight.cargo.site/w/1000/i/e402d4569b46892d2863c879027f5b8926054241f0151432eb6f1334ca154818/Academic_Guides.png" /> <img width="1426" height="939" width_o="1426" height_o="939" data-src="https://freight.cargo.site/t/original/i/79f5e5256ddfed2419b9fd187024e38e0a6e0bec418cc0941ee14281055cf43c/2015_2016_folds-15.png" data-mid="218918494" border="0" alt="2015/2016 edition (2/7)" data-caption="2015/2016 edition (2/7)" src="https://freight.cargo.site/w/1000/i/79f5e5256ddfed2419b9fd187024e38e0a6e0bec418cc0941ee14281055cf43c/2015_2016_folds-15.png" /> <img width="1426" height="939" width_o="1426" height_o="939" data-src="https://freight.cargo.site/t/original/i/3140f8566c13a1deaa5bc92c48df2585e17b7cdcdea8b63f0409888b2cd378b7/2015_2016_folds-14.png" data-mid="218918496" border="0" alt="2015/2016 edition (3/7)" data-caption="2015/2016 edition (3/7)" src="https://freight.cargo.site/w/1000/i/3140f8566c13a1deaa5bc92c48df2585e17b7cdcdea8b63f0409888b2cd378b7/2015_2016_folds-14.png" /> <img width="1426" height="939" width_o="1426" height_o="939" data-src="https://freight.cargo.site/t/original/i/11c64d9c8140abfe0d91be24587830a7bef7a20a6ae4fec567a8cce7c8f7053a/2015_2016_folds-09.png" data-mid="218918796" border="0" alt="2015/2016 edition (4/7)" data-caption="2015/2016 edition (4/7)" src="https://freight.cargo.site/w/1000/i/11c64d9c8140abfe0d91be24587830a7bef7a20a6ae4fec567a8cce7c8f7053a/2015_2016_folds-09.png" /> <img width="1426" height="938" width_o="1426" height_o="938" data-src="https://freight.cargo.site/t/original/i/f4e3142b8026116ffa983332baeec3cdb26b687ed85f2e4f4270b7312a86a7d8/2016_2017_folds-17.png" data-mid="218918800" border="0" alt="2016/2017 edition (5/7)" data-caption="2016/2017 edition (5/7)" src="https://freight.cargo.site/w/1000/i/f4e3142b8026116ffa983332baeec3cdb26b687ed85f2e4f4270b7312a86a7d8/2016_2017_folds-17.png" /> <img width="1426" height="939" width_o="1426" height_o="939" data-src="https://freight.cargo.site/t/original/i/f95a23a6dd481b267e62b40cd04a7d911020c0ee5122316d9b13ad8ec8c7633e/2016_2017_folds-21.png" data-mid="218918801" border="0" alt="2016/2017 edition (6/7)" data-caption="2016/2017 edition (6/7)" src="https://freight.cargo.site/w/1000/i/f95a23a6dd481b267e62b40cd04a7d911020c0ee5122316d9b13ad8ec8c7633e/2016_2017_folds-21.png" /> <img width="1426" height="939" width_o="1426" height_o="939" data-src="https://freight.cargo.site/t/original/i/d9a35b9aa9859f4ad053e438e4d59a68859c89ed9685c9770366ae941a6d6b49/2016_2017_folds-25.png" data-mid="218918802" border="0" alt="2016/2017 edition (7/7)" data-caption="2016/2017 edition (7/7)" src="https://freight.cargo.site/w/1000/i/d9a35b9aa9859f4ad053e438e4d59a68859c89ed9685c9770366ae941a6d6b49/2016_2017_folds-25.png" />