{"id":224,"date":"2024-03-21T23:00:37","date_gmt":"2024-03-21T23:00:37","guid":{"rendered":"https:\/\/croakthecode.tcu.edu\/nguyen\/?p=224"},"modified":"2024-05-06T12:44:54","modified_gmt":"2024-05-06T12:44:54","slug":"case-study-02-national-student-show-and-conference-18","status":"publish","type":"post","link":"https:\/\/croakthecode.tcu.edu\/nguyen\/2024\/03\/21\/case-study-02-national-student-show-and-conference-18\/","title":{"rendered":"case study 02: national student show and conference 18"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">I first found out about the National Student Show and Conference (NSSC) by the Dallas Society of Visual Communication last year. I basically love everything about the nature and mission of the conference: &#8220;inspiring graphic arts students from across the U.S., enhancing their design education, and preparing them for the real world.&#8221; As a graphic design students, I must say the website for the <a href=\"https:\/\/matchboxstudio.com\/work\/nssc18-website\/\" data-type=\"link\" data-id=\"https:\/\/matchboxstudio.com\/work\/nssc18-website\/\">NSSC 18<\/a> by The Matchbox Studio is a true testimony of that mission.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a href=\"https:\/\/matchboxstudio.com\/work\/nssc18-website\/\" data-type=\"link\" data-id=\"https:\/\/matchboxstudio.com\/work\/nssc18-website\/\">NSSC 18<\/a><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full is-style-rounded is-style-rounded--1\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"617\" src=\"https:\/\/croakthecode.tcu.edu\/nguyen\/wp-content\/uploads\/sites\/9\/2024\/05\/Screenshot-2024-05-06-at-07.25.56.png\" alt=\"\" class=\"wp-image-267\" srcset=\"https:\/\/croakthecode.tcu.edu\/nguyen\/wp-content\/uploads\/sites\/9\/2024\/05\/Screenshot-2024-05-06-at-07.25.56.png 1000w, https:\/\/croakthecode.tcu.edu\/nguyen\/wp-content\/uploads\/sites\/9\/2024\/05\/Screenshot-2024-05-06-at-07.25.56-300x185.png 300w, https:\/\/croakthecode.tcu.edu\/nguyen\/wp-content\/uploads\/sites\/9\/2024\/05\/Screenshot-2024-05-06-at-07.25.56-768x474.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-style-rounded is-style-rounded--2\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"619\" src=\"https:\/\/croakthecode.tcu.edu\/nguyen\/wp-content\/uploads\/sites\/9\/2024\/05\/Screenshot-2024-05-06-at-07.23.48.png\" alt=\"\" class=\"wp-image-268\" srcset=\"https:\/\/croakthecode.tcu.edu\/nguyen\/wp-content\/uploads\/sites\/9\/2024\/05\/Screenshot-2024-05-06-at-07.23.48.png 1000w, https:\/\/croakthecode.tcu.edu\/nguyen\/wp-content\/uploads\/sites\/9\/2024\/05\/Screenshot-2024-05-06-at-07.23.48-300x186.png 300w, https:\/\/croakthecode.tcu.edu\/nguyen\/wp-content\/uploads\/sites\/9\/2024\/05\/Screenshot-2024-05-06-at-07.23.48-768x475.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-style-rounded is-style-rounded--3\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"618\" src=\"https:\/\/croakthecode.tcu.edu\/nguyen\/wp-content\/uploads\/sites\/9\/2024\/05\/Screenshot-2024-05-06-at-07.24.13.png\" alt=\"\" class=\"wp-image-269\" srcset=\"https:\/\/croakthecode.tcu.edu\/nguyen\/wp-content\/uploads\/sites\/9\/2024\/05\/Screenshot-2024-05-06-at-07.24.13.png 1000w, https:\/\/croakthecode.tcu.edu\/nguyen\/wp-content\/uploads\/sites\/9\/2024\/05\/Screenshot-2024-05-06-at-07.24.13-300x185.png 300w, https:\/\/croakthecode.tcu.edu\/nguyen\/wp-content\/uploads\/sites\/9\/2024\/05\/Screenshot-2024-05-06-at-07.24.13-768x475.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Project Overview<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The National Student Show and Conference focuses on inspiring graphic arts students nationwide, enhancing their education, and preparing them for professional life.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The theme <strong>&#8220;Breakthrough&#8221;<\/strong> emphasizes <strong>experimental design<\/strong> aspects, prompting the use of interactive technologies for an innovative website experience.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Functional Requirements<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The website <strong>serves various purposes<\/strong> such as ticket purchasing, event calendar, competition submissions, bios of judges and speakers, and location information.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Unique Interface Design<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Experimentation with <strong>animation and scale<\/strong> to infuse unconventional characteristics into standard interface elements.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Aim to create <strong>unexpected<\/strong> interactions with traditional elements to align with the theme of experimentation.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Innovative Content Presentation<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Implementation of <strong>physics simulation code<\/strong> into an expandable drawer system for presenting extensive information in the design competition section.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Allows <strong>users to explore and interact<\/strong> with the content in a unique and engaging manner.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Mobile Optimization:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Given the primary audience of design students, emphasis placed on flawless functionality <strong>across all screen sizes<\/strong>, especially mobile devices.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Main animation on the home screen designed to be controlled via the <strong>gyroscope<\/strong> on mobile devices, adding an interactive touch.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">takeaways<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><strong>Embrace Experimentation<\/strong>:<\/strong> with innovative approaches in their designs, inspired by the unconventional interface interactions of the National Student Show and Conference website.<\/li>\n\n\n\n<li><strong>Prioritize Functionality:<\/strong> prioritizing functional aspects in design projects, ensuring they effectively serve their purpose.<\/li>\n\n\n\n<li><strong>Innovate Interface Elements:<\/strong> animation and scale creatively into interface designs for engaging user experiences.<\/li>\n\n\n\n<li><strong>Creative Content Presentation:<\/strong> find inventive ways to present information, like using physics simulation for interactive content exploration.<\/li>\n\n\n\n<li><strong>Optimize for Mobile:<\/strong> optimize designs for mobile devices, leveraging features like gyroscope control for added interactivity.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>I first found out about the National Student Show and Conference (NSSC) by the Dallas Society of Visual Communication last year. I basically love everything about the nature and mission of the conference: &#8220;inspiring graphic arts students from across the U.S., enhancing their design education, and preparing them for the real world.&#8221; As a graphic [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":266,"comment_status":"open","ping_status":"open","sticky":false,"template":"single-with-sidebar","format":"standard","meta":{"_crdt_document":"","footnotes":""},"categories":[5],"tags":[],"class_list":["post-224","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inspiration"],"_links":{"self":[{"href":"https:\/\/croakthecode.tcu.edu\/nguyen\/wp-json\/wp\/v2\/posts\/224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/croakthecode.tcu.edu\/nguyen\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/croakthecode.tcu.edu\/nguyen\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/croakthecode.tcu.edu\/nguyen\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/croakthecode.tcu.edu\/nguyen\/wp-json\/wp\/v2\/comments?post=224"}],"version-history":[{"count":0,"href":"https:\/\/croakthecode.tcu.edu\/nguyen\/wp-json\/wp\/v2\/posts\/224\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/croakthecode.tcu.edu\/nguyen\/wp-json\/wp\/v2\/media\/266"}],"wp:attachment":[{"href":"https:\/\/croakthecode.tcu.edu\/nguyen\/wp-json\/wp\/v2\/media?parent=224"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/croakthecode.tcu.edu\/nguyen\/wp-json\/wp\/v2\/categories?post=224"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/croakthecode.tcu.edu\/nguyen\/wp-json\/wp\/v2\/tags?post=224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}