http://www.sebastian-leung.com/ut-energy-fair daily 0.75 2015-10-11 https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5619b584e4b058853bdf111d/5619b4dae4b0c93c7bfffec1/1444527152499/2015+Energy+Fair+Wind-01.png UT Energy Fair - UTEF 2015 Poster 1/1 Print, Adobe Illustrator https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/t/5619bc4ae4b0a6f765ebe7d3/1444527152499/2015+Energy+Fair+Wind-01.png UT Energy Fair - UTEF 2015 Poster 1/1 Print, Adobe Illustrator https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5619b584e4b058853bdf111d/5619b4d4e4b0c93c7bfffe7b/1444527158199/2014+Energy+Fair+Hydro-01.png UT Energy Fair - UTEF 2014 Poster 1/4 Print, Adobe Illustrator https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5619b584e4b058853bdf111d/5619b4d6e4b0c93c7bfffe98/1444527166069/2014+Energy+Fair+Wind-01.png UT Energy Fair - UTEF 2014 Poster 2/4 Print, Adobe Illustrator https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5619b584e4b058853bdf111d/5619b4d2e4b0a6f765ebc809/1444527172256/2014+Energy+Fair+NuclearAlt-01.png UT Energy Fair - UTEF 2014 Poster 3/4 Print, Adobe Illustrator https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5619b584e4b058853bdf111d/5619b4d4e4b0a6f765ebc80d/1444527178642/2014+Energy+Fair+Oil-01.png UT Energy Fair - UTEF 2014 Poster 4/4 Print, Adobe Illustrator http://www.sebastian-leung.com/hkc daily 0.75 2015-10-13 https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/56193b5be4b049990b727c73/56193d38e4b0c93c7bfd89eb/1444764217002/HKC+1-01.png HKC International - Home Screen Due to limitations with respect to the software, focus was placed on upgrading the aesthetics and reducing clutter of the operating system. https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/t/561d5e12e4b0ae904e872583/1444764217002/HKC+1-01.png HKC International - Home Screen Due to limitations with respect to the software, focus was placed on upgrading the aesthetics and reducing clutter of the operating system. https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/56193b5be4b049990b727c73/56193daae4b0357b7292d07c/1444764431056/HKC+2-01.png HKC International - Security Menu Due to memory limitations, alpha channels and transparencies were not supported. This meant that effects such as transparent windows and rounded button corners had to be faked. https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/56193b5be4b049990b727c73/561956b4e4b07ac6acef3a07/1444764680878/HKC+4-01.png HKC International - Language Select Users of HA Pads come from many different cultural backgrounds, meaning that special consideration needs to be taken to ensure ease of understanding with respect to icon design. https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/56193b5be4b049990b727c73/56195562e4b05a82a16ae970/1444764826897/HKC+3-01.png HKC International - Room Menu Several sets of icons were designed in order to increase recognition across vast user bases. For example: the "Dining Room" icon features different types of cutlery depending on the language of the operating system. https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/56193b5be4b049990b727c73/561956b4e4b01fb24a2003cc/1444765202349/HKC+5-01.png HKC International - Climate Control The prior iteration of the "Climate Control" suffered from feature-creep. In the earliest iteration of the climate control screen, there were only a limited number of features provided, but as developers gained greater access to more features, more and more buttons were thrown onto the page with little consideration for usability heuristics. Going into the new design, emphasis was placed on grouping functions together logically and reducing visual clutter. This included smarter use of icon spacing, specific use of colour to increase ease of discernibility, and introduction of "tabs", or "sub-screens" to hide information that is not immediately relevant to the user. http://www.sebastian-leung.com/youre-next-career-network daily 0.75 2015-10-13 https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/t/561d775be4b077f6ec70b751/1444771353448/Screen+Shot+2015-10-13+at+4.35.51+PM.png You're Next Career Network - Low Fidelity Prototyping The design process starts on paper (paper prototype and website flow diagram not shown) to get a general idea of how the website will be laid out. Using display design principles and usability heuristics, we create the layout of the website with ease of use on the forefront. https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/561956f2e4b0a09ae2fb26c2/561d6b3de4b053b4258dce94/1444771353448/Screen+Shot+2015-10-13+at+4.35.51+PM.png You're Next Career Network - Low Fidelity Prototyping The design process starts on paper (paper prototype and website flow diagram not shown) to get a general idea of how the website will be laid out. Using display design principles and usability heuristics, we create the layout of the website with ease of use on the forefront. https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/561956f2e4b0a09ae2fb26c2/561d73e7e4b02740a05c5f24/1444771306789/YNCN+Iterations.png You're Next Career Network - Iterative Design Process Once the general layout is decided upon, we move onto high-fidelity prototyping to tweak more graphical elements and aesthetics. This also follows an iterative design process, in which we experiment with how the website will look and feel. https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/561956f2e4b0a09ae2fb26c2/561d76dbe4b0b5f8adc75624/1444771675712/Screen+Shot+2015-10-13+at+5.25.33+PM.png You're Next Career Network - Launch and Upkeep Website launch does not mean that the work has been completed. The design team is constantly tweaking the website to be more user-friendly, and continues to generate content for new and upcoming YNCN events. http://www.sebastian-leung.com/graphic-design-1 daily 0.75 2015-10-11 https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/t/5619bc23e4b0a6f765ebe729/1444527122647/2015+Startup+Career+Fair-01.png YNCN Marketing - SCE 2015 Startup Career Expo 2015: Largest Startup career fair in Canada. Print, Adobe Illustrator https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5619b4a9e4b02c7f026d21f7/5619b4dbe4b0a6f765ebc836/1444527122647/2015+Startup+Career+Fair-01.png YNCN Marketing - SCE 2015 Startup Career Expo 2015: Largest Startup career fair in Canada. Print, Adobe Illustrator https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5619b4a9e4b02c7f026d21f7/5619b4dae4b07e497b44de67/1444527115627/2015+Startup+Career+Fair+Alt-05.png YNCN Marketing - SCE 2015 Teaser Poster Series. Startup Career Expo 2015: Largest Startup career fair in Canada. Print, Adobe Illustrator https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5619b4a9e4b02c7f026d21f7/5619b4d0e4b0a6f765ebc801/1444527109828/2014+ECF+NPD-01.png YNCN Marketing - YNCN x UTEF Energy Week Collaboration with Weijie Liu. Print, Adobe Illustrator https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5619b4a9e4b02c7f026d21f7/5619b4d9e4b07e497b44de64/1444527104267/2014+Startup+Demo+Day-01.png YNCN Marketing - Startup Demo Day Print, Adobe Illustrator https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5619b4a9e4b02c7f026d21f7/5619b4d5e4b0a6f765ebc812/1444527139763/2014+Startup+Coffee+House-01.png YNCN Marketing - Startup Coffee House Facebook Cover & Eventbrite Banner Digital, Adobe Illustrator http://www.sebastian-leung.com/mood-2 daily 0.75 2018-02-04 https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/t/59c9409f90bade1b5931907f/1506361503444/ MOOD - MOOD https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/59c93c0f8419c269b8323733/59c93d32f09ca4eb6e52d404/1506361503444/MOOD-01.png MOOD - MOOD https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/59c93c0f8419c269b8323733/5a7784979140b782982887ea/1517782170211/Artboard+2.png MOOD https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/59c93c0f8419c269b8323733/5a77849753450ac909762916/1517782169492/Artboard+3.png MOOD http://www.sebastian-leung.com/indigopic daily 0.75 2018-06-15 https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/t/5b23288652951d2ff8d9e600/1529030790392/ Indigo https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5b2328132b6a2838e779f8ae/5b23287e88251b5a28271b09/1529030790392/App+Mockup.jpg Indigo https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5b2328132b6a2838e779f8ae/5b23287e70a6ad29d6cffcd3/1529030793313/CommunityBoard2.jpg Indigo https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5b2328132b6a2838e779f8ae/5b23287f70a6ad29d6cffcdb/1529030789406/virtualshelf3.jpg Indigo https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5b2328132b6a2838e779f8ae/5b232883562fa7bac7d536b2/1529030798368/Wayfinding2.jpg Indigo http://www.sebastian-leung.com/compass daily 0.75 2019-03-14 https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/t/5c89c2f2afbeef84833d5eeb/1552532210732/ COMPASS https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5c6b1ef9e5e5f0977020146b/5c6b1f0d7817f7d0df604645/1550524177244/1-19-2017+3-46-57+PM.jpg COMPASS https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5c6b1ef9e5e5f0977020146b/5c89c2f19b747a58e0541b8f/1552532210732/0+1-19-2017+3-46-57+PM.jpg COMPASS https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5c6b1ef9e5e5f0977020146b/5c89c2f124a694d499fb3747/1552532211039/0+1-19-2017+3-48-10+PM.jpg COMPASS https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5c6b1ef9e5e5f0977020146b/5c89c2f27817f70bdd9ecb50/1552532211388/0+1-19-2017+3-48-26+PM.jpg COMPASS https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5c6b1ef9e5e5f0977020146b/5c89c2f2ee6eb05083069648/1552532211664/0+1-19-2017+4-18-24+PM+labeled.jpg COMPASS https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5c6b1ef9e5e5f0977020146b/5c89c2f2f9619aa91f36e173/1552532211921/0+1-19-2017+4-18-24+PM.jpg COMPASS https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5c6b1ef9e5e5f0977020146b/5c89c2f31905f4558a44232a/1552532212212/0+1-19-2017+4-18-38+PM.jpg COMPASS https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5c6b1ef9e5e5f0977020146b/5c89c2f324a694d499fb3750/1552532213042/0+1-19-2017+4-19-19+PM.jpg COMPASS http://www.sebastian-leung.com/about-me daily 0.75 2019-03-14 http://www.sebastian-leung.com/uiux-yncn daily 0.75 2019-01-30 http://www.sebastian-leung.com/graphic-design daily 0.75 2019-03-14 https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5619b584e4b058853bdf111d/5619b4d4e4b0a6f765ebc80d/1444527178642/2014+Energy+Fair+Oil-01.png Graphic Design - UTEF 2014 Poster 4/4 Print, Adobe Illustrator https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5619b584e4b058853bdf111d/5619b4d2e4b0a6f765ebc809/1444527172256/2014+Energy+Fair+NuclearAlt-01.png Graphic Design - UTEF 2014 Poster 3/4 Print, Adobe Illustrator https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5619b584e4b058853bdf111d/5619b4d4e4b0c93c7bfffe7b/1444527158199/2014+Energy+Fair+Hydro-01.png Graphic Design - UTEF 2014 Poster 1/4 Print, Adobe Illustrator https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5619b584e4b058853bdf111d/5619b4d6e4b0c93c7bfffe98/1444527166069/2014+Energy+Fair+Wind-01.png Graphic Design - UTEF 2014 Poster 2/4 Print, Adobe Illustrator https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5619b584e4b058853bdf111d/5619b4dae4b0c93c7bfffec1/1444527152499/2015+Energy+Fair+Wind-01.png Graphic Design - UTEF 2015 Poster 1/1 Print, Adobe Illustrator https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5619b4a9e4b02c7f026d21f7/5619b4d5e4b0a6f765ebc812/1444527139763/2014+Startup+Coffee+House-01.png Graphic Design - Startup Coffee House Facebook Cover & Eventbrite Banner Digital, Adobe Illustrator https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5619b4a9e4b02c7f026d21f7/5619b4d0e4b0a6f765ebc801/1444527109828/2014+ECF+NPD-01.png Graphic Design - YNCN x UTEF Energy Week Collaboration with Weijie Liu. Print, Adobe Illustrator https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5619b4a9e4b02c7f026d21f7/5619b4d9e4b07e497b44de64/1444527104267/2014+Startup+Demo+Day-01.png Graphic Design - Startup Demo Day Print, Adobe Illustrator https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5619b4a9e4b02c7f026d21f7/5619b4dae4b07e497b44de67/1444527115627/2015+Startup+Career+Fair+Alt-05.png Graphic Design - SCE 2015 Teaser Poster Series. Startup Career Expo 2015: Largest Startup career fair in Canada. Print, Adobe Illustrator https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/5619b4a9e4b02c7f026d21f7/5619b4dbe4b0a6f765ebc836/1444527122647/2015+Startup+Career+Fair-01.png Graphic Design - SCE 2015 Startup Career Expo 2015: Largest Startup career fair in Canada. Print, Adobe Illustrator https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/t/5c89b2aa652deaf8a8559db1/1552528048970/Asset+2.png Graphic Design - Graphic Design http://www.sebastian-leung.com/hapad daily 0.75 2017-08-02 http://www.sebastian-leung.com/uiux-design daily 1.0 2019-03-14 https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/t/5619b404e4b02c7f026d1e66/1444525062158/ UI/UX Design https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/t/5c89b1c1ee6eb0508305d924/1552527814801/Asset+1.png UI/UX Design - ux design https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/t/5b2328ed352f530edd08734f/1548740024742/CommunityBoard2.jpg UI/UX Design https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/t/5c89dfb7a4222f460fb033b6/1552539634914/0+1-19-2017+3-48-10+PM.jpg UI/UX Design https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/t/56198314e4b0d3fe4c8d294c/1444512537950/ UI/UX Design https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/t/59c941e864b05f184ccb0c1f/1552539667551/MOOD-01.png UI/UX Design http://www.sebastian-leung.com/mood daily 0.75 2019-01-04 http://www.sebastian-leung.com/indigo daily 0.75 2019-03-13 https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/t/5c2ee5d04d7a9c7f5ba701a9/1546580676458/VirtualShelf.jpg Indigo Store of the Future Unbeknownst to many, Indigo has a massive catalogue of online-only merchandise. These online exclusives must compete with other online retailers such as Amazon, who are often the first destination for online shoppers. By bringing online merchandise in-store via Virtual Product Displays, Indigo can leverage its competitive advantage over the likes of Amazon by appealing to brick-and-mortar customers. Customers can also order these products on the spot and have it shipped home. https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/t/5c2efd72cd8366ce52550be1/1546583422455/Wayfinding2.jpg Indigo Store of the Future According to the Indigo and surveyed customers, one of the greatest challenges a customer faces while browsing in-store is locating the a specific piece of merchandise. Searching on in-store kiosks can confirm stock number in the store and state which department the merchandise is located in, but no guidance is offered in finding the actual department and specific table or shelf. We modernized the interface of the kiosks and developed a wayfinding method for locating items in stores. Users searching for merchandise will have the option to locate the item on a map, along with step-by-step directions with a coloured arrow showing the optimal path on the map. At the same time, an LED light above the table or shelf will light corresponding with the colour of the arrow on the map. Multiple customers can use this system simultaneously, as each search query will use a different colour. https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/t/5c2ed18e03ce64c703820a37/1546582394717/Web+1920+%E2%80%93+1.png Indigo Store of the Future One central Discovery Board at each store aims to strengthen the sense of community within each store. Multiple customers can use the Discovery Board simultaneously, which displays information such as a store map, the store’s staff picks, local best sellers, upcoming events, and even has interactive experiences such as “quizzes” to help customers find appropriate gifts and games positioned lower on the screen for children to play on. https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/t/5c2ef16e03ce64c70383b619/1546580341666/Indigo-books-gifts-music-toys-logo.png Indigo Store of the Future http://www.sebastian-leung.com/cibc daily 0.75 2019-03-14 https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/t/5c89df06971a1875842bc19c/1552539408088/0+1-19-2017+4-18-24+PM+labeled.jpg CIBC The navigational elements are split into 3. Above, they are labelled in order of hierarchy. The macro view [1], the micro view [2], and the "Navigator" [3]. Which elements are clickable? https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/t/5c89de6715fcc0bb3b72e2f1/1552539248962/0+1-19-2017+3-46-57+PM.jpg CIBC https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/t/5c89dea824a694d499fc3976/1552539360440/0+1-19-2017+4-18-24+PM.jpg CIBC https://static1.squarespace.com/static/561928b5e4b0e976ee27cdb3/t/5c89df45e5e5f01dac41afa7/1552539469239/0+1-19-2017+3-48-10+PM.jpg CIBC http://www.sebastian-leung.com/new-page daily 0.75 2019-03-14 http://www.sebastian-leung.com/new-page-1 daily 0.75 2019-03-14 http://www.sebastian-leung.com/404 daily 0.75 2019-03-14 http://www.sebastian-leung.com/sebastian daily 0.75 2020-08-12