{"id":1229,"date":"2024-09-10T20:47:06","date_gmt":"2024-09-10T20:47:06","guid":{"rendered":"https:\/\/portfolio.reussmedia.dk\/?page_id=1229"},"modified":"2025-09-15T17:36:38","modified_gmt":"2025-09-15T17:36:38","slug":"steno-museum","status":"publish","type":"page","link":"https:\/\/portfolio.reussmedia.dk\/index.php\/steno-museum\/","title":{"rendered":"Steno Museum"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-base-2-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-f4d61f5f wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)\">\n<h2 class=\"wp-block-heading has-text-align-center has-roboto-font-family has-xx-large-font-size\"><strong>Steno Museum<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-69b8e5b7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-043e5d72 wp-block-column-is-layout-flow\"><script type=\"text\/javascript\">\r\ndocument.addEventListener(\"DOMContentLoaded\", function(event) { \r\n\tjQuery( '#slider-pro-3-1733' ).sliderPro({\r\n\t\t\/\/width\r\n\t\t\t\twidth: 450,\r\n\t\t\t\t\r\n\t\t\/\/height\r\n\t\t\t\tautoHeight: true,\r\n\t\t\t\t\r\n\t\t\/\/auto play\r\n\t\t\t\t\t\t\t\tautoplay:  false,\r\n\t\t\t\tautoplayDelay: 5000,\r\n\t\t\r\n\t\t\r\n\t\tarrows: true,\r\n\t\tbuttons: true,\r\n\t\tsmallSize: 500,\r\n\t\tmediumSize: 1000,\r\n\t\tlargeSize: 3000,\r\n\t\tfade: true,\r\n\t\t\r\n\t\t\/\/thumbnail\r\n\t\tthumbnailArrows: true,\r\n\t\tthumbnailWidth: 120,\r\n\t\tthumbnailHeight: 120,\r\n\t\t\t\t\t\tthumbnailsPosition: 'bottom',\r\n\t\t\t\t\t\tcenterImage: true,\r\n\t\timageScaleMode: 'cover',\r\n\t\tallowScaleUp: false,\r\n\t\t\t\tstartSlide: 0,\r\n\t\tloop: true,\r\n\t\tslideDistance: 5,\r\n\t\tautoplayDirection: 'normal',\r\n\t\ttouchSwipe: true,\r\n\t\tfullScreen: false,\r\n\t});\r\n});\r\n<\/script>\r\n\r\n\t\t<div id=\"slider-pro-3-1733\" class=\"slider-pro\">\r\n\t\t\t<!---- slides div start ---->\r\n\t\t\t<div class=\"sp-slides\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"steno ny\" src=\"https:\/\/portfolio.reussmedia.dk\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/portfolio.reussmedia.dk\/wp-content\/uploads\/2024\/09\/steno-ny.png\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"22\" src=\"https:\/\/portfolio.reussmedia.dk\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/portfolio.reussmedia.dk\/wp-content\/uploads\/2024\/09\/22.png\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"21\" src=\"https:\/\/portfolio.reussmedia.dk\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/portfolio.reussmedia.dk\/wp-content\/uploads\/2024\/09\/21.png\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t<!---- slides div end ---->\r\n\t\t\t\t\t\t<!-- slides thumbnails div end -->\r\n\t\t<\/div>\r\n\t\t<style>\r\n\/* Layout 3 *\/\r\n\/* border *\/\r\n#slider-pro-3-1733 .sp-selected-thumbnail {\r\n\tborder: 4px solid #fa9222;\r\n}\r\n\r\n\/* font + color *\/\r\n.title-in  {\r\n\tfont-family: Arial !important;\r\n\tcolor: #FFFFFF !important;\r\n\tbackground-color: #000000 !important;\r\n\topacity: 0.7 !important;\r\n}\r\n.desc-in  {\r\n\tfont-family: Arial !important;\r\n\tcolor: #FFFFFF !important;\r\n\tbackground-color: #00000 !important;\r\n\topacity: 0.7 !important;\r\n}\r\n\r\n\/* bullets color *\/\r\n.sp-button  {\r\n\tborder: 2px solid #fa9222 !important;\r\n}\r\n.sp-selected-button  {\r\n\tbackground-color: #fa9222 !important;\r\n}\r\n\r\n\/* pointer color - bottom *\/\r\n.sp-selected-thumbnail::before {\r\n\tborder-bottom: 5px solid #fa9222 !important;\r\n}\r\n.sp-selected-thumbnail::after {\r\n\tborder-bottom: 13px solid #fa9222 !important;\r\n}\r\n\r\n\/* pointer color - top *\/\r\n\r\n\/* full screen icon *\/\r\n.sp-full-screen-button::before {\r\n    color: #fa9222 !important;\r\n}\r\n\r\n\/* hover navigation icon color *\/\r\n.sp-next-arrow::after, .sp-next-arrow::before {\r\n\tbackground-color: #fa9222 !important;\r\n}\r\n.sp-previous-arrow::after, .sp-previous-arrow::before {\r\n\tbackground-color: #fa9222 !important;\r\n}\r\n\r\n#slider-pro-3-1733 .title-in {\r\n\tcolor: #FFFFFF !important;\r\n\tfont-weight: bolder;\r\n\ttext-align: center;\r\n}\r\n\r\n#slider-pro-3-1733 .title-in-bg {\r\n\tbackground: rgba(255, 255, 255, 0.7); !important;\r\n\twhite-space: unset !important;\r\n\ttransform: initial !important;\r\n\t-webkit-transform: initial !important;\r\n\tfont-size: 14px !important;\r\n}\r\n\r\n#slider-pro-3-1733 .desc-in {\r\n\tcolor: #FFFFFF !important;\r\n\ttext-align: center;\r\n}\r\n#slider-pro-3-1733 .desc-in-bg {\r\n\tbackground: rgba(#00000, 0.7) !important;\r\n\twhite-space: unset !important;\r\n\ttransform: initial !important;\r\n\t-webkit-transform: initial !important;\r\n\tfont-size: 13px !important;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n\t#slider-pro-3-1733 .hide-small-screen {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n@media (max-width: 860px) {\r\n\t#slider-pro-3-1733 .sp-layer {\r\n\t\tfont-size: 18px;\r\n\t}\r\n\t\r\n\t#slider-pro-3-1733 .hide-medium-screen {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n.slides-not-found {\r\n\tbackground-color: #a92929;\r\n\tborder-radius: 5px;\r\n\tcolor: #fff;\r\n\tfont-family: initial;\r\n\ttext-align: center;\r\n\tpadding:12px;\r\n}\r\n\/* Custom CSS *\/\r\n<\/style>\r\n\n\n\n\n<div class=\"wp-block-group has-tertiary-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-30e6b28f wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:24px;padding-bottom:var(--wp--preset--spacing--30);padding-left:24px\">\n<p class=\"has-text-align-center has-medium-font-size wp-block-paragraph\">A selection of designs for Steno Museum<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-470551b9 wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group alignwide has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-69584c68 wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-roboto-font-family has-x-large-font-size\"><strong><strong>Steno Museum was a group project during the second semester of the Multimedia Design programme.<\/strong><\/strong><\/h2>\n\n\n\n<p class=\"has-roboto-font-family has-medium-font-size wp-block-paragraph\" style=\"margin-top:16px\">(The project was a student assignment and was not implemented)<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9eeebc98 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-left has-primary-color has-text-color has-roboto-font-family has-large-font-size\"><strong>Project<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-left has-roboto-font-family has-medium-font-size wp-block-paragraph\" style=\"margin-top:8px\">App til iOS og Android.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-left has-primary-color has-text-color has-roboto-font-family has-large-font-size\"><strong>Date<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-left has-roboto-font-family has-medium-font-size wp-block-paragraph\" style=\"margin-top:8px\">2024.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-81b83e79 wp-block-columns-is-layout-flex\" style=\"padding-top:0;padding-bottom:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-left has-primary-color has-text-color has-roboto-font-family has-large-font-size\"><strong>Systems<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-left has-roboto-font-family has-medium-font-size wp-block-paragraph\" style=\"margin-top:8px\">The project group worked with Figma og Canva.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-left has-primary-color has-text-color has-roboto-font-family has-large-font-size\"><strong>Who is Steno Museum?<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-left has-roboto-font-family has-medium-font-size wp-block-paragraph\" style=\"margin-top:8px\">Steno Museum is a science and medical history museum located in Aarhus. The museum targets school pupils, students, and the general public with the aim of increasing interest in science and medicine.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-2-color has-custom-color-1-background-color has-text-color has-background has-link-color wp-elements-1 has-global-padding is-layout-constrained wp-container-core-group-is-layout-f4d61f5f wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-69b8e5b7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-470551b9 wp-block-column-is-layout-flow\">\n<p class=\"has-roboto-font-family has-x-large-font-size wp-block-paragraph\"><strong>What was the objective?<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9eeebc98 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-left has-roboto-font-family has-medium-font-size wp-block-paragraph\">The main objective of the Steno Museum project was to create a solution that incorporated storytelling. We were free to develop a concept adapted to an information screen, a (potential) app, a website, or something entirely different.<br>The goal was to design a solution with a strong focus on storytelling that could enhance the museum experience, while also enabling visitors to interact with the final product.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-2-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-f4d61f5f wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-69b8e5b7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-470551b9 wp-block-column-is-layout-flow\">\n<p class=\"has-roboto-font-family has-x-large-font-size wp-block-paragraph\"><strong>What was the problem?<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9eeebc98 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-left has-roboto-font-family has-medium-font-size wp-block-paragraph\">Steno Museum was facing a challenge in increasing visitor numbers and attracting more people. Currently, many schoolchildren, families with children, and individuals interested in science visit the museum.<br>As multimedia designers, we were brought in to propose various solutions to potentially address the problem Steno was facing. In my project group, we chose to respond to the challenge by developing a potential app for both iOS and Android.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-2-color has-custom-color-1-background-color has-text-color has-background has-link-color wp-elements-2 has-global-padding is-layout-constrained wp-container-core-group-is-layout-f4d61f5f wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-69b8e5b7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-470551b9 wp-block-column-is-layout-flow\">\n<p class=\"has-roboto-font-family has-x-large-font-size wp-block-paragraph\"><strong>What was the result?<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9eeebc98 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-left has-roboto-font-family has-medium-font-size wp-block-paragraph\">The result was an app-based solution designed to be used by all visitors. However, our primary focus was on younger children due to the limited project timeframe.<br>We developed a concept centred around interactivity, treasure hunting, and learning. The proposed app featured a talking professor who guides children through the museum, shares fun facts, and leads them to their next treasure hunt object.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-2-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-9180aa93 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--30)\">\n<h1 class=\"wp-block-heading alignwide has-roboto-font-family has-x-large-font-size\"><strong><strong>Examples of typography, persona, and videos of the finished prototype<\/strong><\/strong><\/h1>\n\n\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-69b8e5b7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-60715565 wp-block-column-is-layout-flow\" style=\"padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-container-core-gallery-is-layout-a252b244 wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"477\" height=\"690\" data-id=\"1756\" src=\"https:\/\/portfolio.reussmedia.dk\/wp-content\/uploads\/2024\/09\/typografi-3.png\" alt=\"\" class=\"wp-image-1756\" srcset=\"https:\/\/portfolio.reussmedia.dk\/wp-content\/uploads\/2024\/09\/typografi-3.png 477w, https:\/\/portfolio.reussmedia.dk\/wp-content\/uploads\/2024\/09\/typografi-3-207x300.png 207w\" sizes=\"auto, (max-width: 477px) 100vw, 477px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"541\" height=\"763\" data-id=\"1760\" src=\"https:\/\/portfolio.reussmedia.dk\/wp-content\/uploads\/2024\/09\/persona-3-1.png\" alt=\"\" class=\"wp-image-1760\" srcset=\"https:\/\/portfolio.reussmedia.dk\/wp-content\/uploads\/2024\/09\/persona-3-1.png 541w, https:\/\/portfolio.reussmedia.dk\/wp-content\/uploads\/2024\/09\/persona-3-1-213x300.png 213w\" sizes=\"auto, (max-width: 541px) 100vw, 541px\" \/><\/figure>\n<\/figure>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);grid-template-columns:32% auto\"><figure class=\"wp-block-media-text__media\"><video controls src=\"https:\/\/portfolio.reussmedia.dk\/wp-content\/uploads\/2024\/09\/video-part-1-1.mp4\"><\/video><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-text-align-center has-roboto-font-family has-large-font-size wp-block-paragraph\">The video showcases the finished prototype, featuring voice narration and clickable buttons. The idea is that children are given a phone, and the app guides them through the museum while they learn.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);grid-template-columns:27% auto\"><figure class=\"wp-block-media-text__media\"><video controls src=\"https:\/\/portfolio.reussmedia.dk\/wp-content\/uploads\/2024\/09\/Video-planet.mp4\"><\/video><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-text-align-center has-roboto-font-family has-large-font-size wp-block-paragraph\">The video showcases the final solution with rotating planets. When children enter the astronomy room, they will be able to explore the different planets.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Steno Museum A selection of designs for Steno Museum Steno Museum was a group project during the second semester of the Multimedia Design programme. (The project was a student assignment and was not implemented) Project App til iOS og Android. Date 2024. Systems The project group worked with Figma og Canva. Who is Steno Museum? [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1229","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/portfolio.reussmedia.dk\/index.php\/wp-json\/wp\/v2\/pages\/1229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portfolio.reussmedia.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portfolio.reussmedia.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portfolio.reussmedia.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portfolio.reussmedia.dk\/index.php\/wp-json\/wp\/v2\/comments?post=1229"}],"version-history":[{"count":15,"href":"https:\/\/portfolio.reussmedia.dk\/index.php\/wp-json\/wp\/v2\/pages\/1229\/revisions"}],"predecessor-version":[{"id":2645,"href":"https:\/\/portfolio.reussmedia.dk\/index.php\/wp-json\/wp\/v2\/pages\/1229\/revisions\/2645"}],"wp:attachment":[{"href":"https:\/\/portfolio.reussmedia.dk\/index.php\/wp-json\/wp\/v2\/media?parent=1229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}