{"id":244,"date":"2022-12-20T20:22:53","date_gmt":"2022-12-20T20:22:53","guid":{"rendered":"https:\/\/avadawebsites.wpengine.com\/retro\/?post_type=avada_portfolio&#038;p=244"},"modified":"2025-07-31T18:25:46","modified_gmt":"2025-07-31T18:25:46","slug":"music-school","status":"publish","type":"avada_portfolio","link":"https:\/\/www.meinweb.design\/de\/our-projects\/music-school\/","title":{"rendered":"Musikschule"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1331.2px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_2_3 2_3 fusion-flex-column\" style=\"--awb-padding-right:40px;--awb-bg-size:cover;--awb-width-large:66.666666666667%;--awb-margin-top-large:0px;--awb-spacing-right-large:2.88%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:2.88%;--awb-width-medium:66.666666666667%;--awb-order-medium:0;--awb-spacing-right-medium:2.88%;--awb-spacing-left-medium:2.88%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-text fusion-title-size-four\"><h4 class=\"fusion-title-heading title-heading-left\" style=\"margin:0;\">Projektbeschreibung<\/h4><\/div><div class=\"fusion-text fusion-text-1\"><p>This project was focused on designing a digital presence for a classical music school with a strong emphasis on violin and viola lessons based on the Shinichi Suzuki method.<\/p>\n<p>My responsibilities included logo creation, color strategy, image production, and full UX\/UI design of the website. Special attention was given to translating the warmth and pedagogy of traditional music education into a modern and functional website.<br \/>\nThe site needed to speak to both parents and students \u2013 inspiring trust and excitement.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_3 1_3 fusion-flex-column\" style=\"--awb-padding-top:10px;--awb-padding-top-small:20px;--awb-bg-size:cover;--awb-width-large:33.333333333333%;--awb-margin-top-large:0px;--awb-spacing-right-large:5.76%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:5.76%;--awb-width-medium:33.333333333333%;--awb-order-medium:0;--awb-spacing-right-medium:5.76%;--awb-spacing-left-medium:5.76%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-2 fusion-sep-none fusion-title-text fusion-title-size-five\"><h5 class=\"fusion-title-heading title-heading-left\" style=\"margin:0;\">Verwendete Technologie<\/h5><\/div><ul style=\"--awb-margin-top:20px;--awb-item-padding-top:15px;--awb-item-padding-bottom:15px;--awb-item-padding-left:20px;--awb-odd-row-bgcolor:hsla(calc(var(--awb-color4-h) + 70),var(--awb-color4-s),calc(var(--awb-color4-l) + 38%),var(--awb-color4-a));--awb-iconcolor:var(--awb-color4);--awb-line-height:27.2px;--awb-icon-width:27.2px;--awb-icon-height:27.2px;--awb-icon-margin:11.2px;--awb-content-margin:38.4px;\" class=\"fusion-checklist fusion-checklist-1 type-icons\"><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\">\n<p>3D &amp; Animation<\/p>\n<\/div><\/li><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\">Adobe Illustrator<\/div><\/li><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\">\n<p>Canva Pro &amp; CorelDraw<\/p>\n<\/div><\/li><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-check fas\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\">\n<p>UI UX Design Guidelines<\/p>\n<\/div><\/li><\/ul><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-top:10px;--awb-padding-top-medium:40px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-3 fusion-sep-none fusion-title-text fusion-title-size-four\"><h4 class=\"fusion-title-heading title-heading-left\" style=\"margin:0;\">Verbindung des digitalen Zeitalters<\/h4><\/div><div class=\"fusion-text fusion-text-2\" style=\"--awb-margin-top:60px;\"><p>In this project, the digital presence had to reflect the emotional world of classical music, especially for children and families.<br \/>\nUsing custom imagery, a carefully curated color palette, and a clean visual hierarchy, I ensured that visitors would experience both clarity and warmth.<\/p>\n<p>Although the Suzuki method is traditional, the website presents it in an engaging and contemporary way \u2013 with accessible content, downloadable materials, and performance insights.<\/p>\n<\/div><div class=\"fusion-title title fusion-title-4 fusion-sep-none fusion-title-text fusion-title-size-four\" style=\"--awb-margin-top:20px;--awb-margin-top-small:40px;\"><h4 class=\"fusion-title-heading title-heading-left\" style=\"margin:0;\">Herausforderungen, denen wir uns gestellt haben<\/h4><\/div><div class=\"fusion-text fusion-text-3\" style=\"--awb-margin-top:20px;\"><p>This project posed a few unexpected design and content-related hurdles:<\/p>\n<\/div><ul style=\"--awb-size:18px;--awb-margin-top:20px;--awb-margin-bottom:40px;--awb-iconcolor:var(--awb-color4);--awb-line-height:30.6px;--awb-icon-width:30.6px;--awb-icon-height:30.6px;--awb-icon-margin:12.6px;--awb-content-margin:43.2px;--awb-circlecolor:var(--awb-color2);--awb-circle-yes-font-size:15.84px;\" class=\"fusion-checklist fusion-checklist-2 fusion-checklist-default type-numbered\"><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-yes\">1<\/span><div class=\"fusion-li-item-content\">\n<p><strong data-start=\"1495\" data-end=\"1521\">Adapting dense content<\/strong> (e.g. methodology, material, fees, events) into a clear and mobile-friendly format.<\/p>\n<\/div><\/li><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-yes\">2<\/span><div class=\"fusion-li-item-content\">\n<p><strong data-start=\"1611\" data-end=\"1642\">Designing a navigation flow<\/strong> that works for both parents seeking information and returning students looking for updates.<\/p>\n<\/div><\/li><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-yes\">3<\/span><div class=\"fusion-li-item-content\">\n<p><strong data-start=\"1740\" data-end=\"1779\">Creating and editing visual content<\/strong> under difficult lighting conditions while maintaining aesthetic and emotional quality.<\/p>\n<\/div><\/li><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-yes\">4<\/span><div class=\"fusion-li-item-content\">\n<p><strong data-start=\"1872\" data-end=\"1912\">Designing a logo and choosing colors<\/strong> that balance tradition, elegance, and child-friendliness.<\/p>\n<\/div><\/li><\/ul><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-top-medium:0px;--awb-padding-top-small:0px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-5 fusion-sep-none fusion-title-text fusion-title-size-four\"><h4 class=\"fusion-title-heading title-heading-left\" style=\"margin:0;\">das Endergebnis<\/h4><\/div><div class=\"fusion-text fusion-text-4 fusion-text-no-margin\" style=\"--awb-margin-bottom:30px;\"><p>The final website is a clear and emotional digital home for the music school.<br \/>\nWith strong imagery, a responsive layout, and a tone that matches the spirit of music education, it enables users to quickly find relevant information \u2013 from teaching philosophy to events and pricing.<\/p>\n<p>The project successfully combines tradition and digital clarity, creating a trustworthy and welcoming environment for families and aspiring young musicians.<\/p>\n<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Maecenas eleifend nulla pellentesque netus curabitur sodales<\/p>","protected":false},"author":1,"featured_media":2369,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"portfolio_category":[7,15],"portfolio_skills":[],"portfolio_tags":[],"class_list":["post-244","avada_portfolio","type-avada_portfolio","status-publish","format-standard","has-post-thumbnail","hentry","portfolio_category-branding-identity","portfolio_category-ux-ui-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Music School - MeinWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.meinweb.design\/de\/our-projects\/music-school\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Music School - MeinWeb\" \/>\n<meta property=\"og:description\" content=\"Maecenas eleifend nulla pellentesque netus curabitur sodales\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.meinweb.design\/de\/our-projects\/music-school\/\" \/>\n<meta property=\"og:site_name\" content=\"MeinWeb\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-31T18:25:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.meinweb.design\/wp-content\/uploads\/2025\/07\/geigenschule.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1899\" \/>\n\t<meta property=\"og:image:height\" content=\"944\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"11\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.meinweb.design\\\/de\\\/our-projects\\\/music-school\\\/\",\"url\":\"https:\\\/\\\/www.meinweb.design\\\/de\\\/our-projects\\\/music-school\\\/\",\"name\":\"Music School - MeinWeb\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.meinweb.design\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.meinweb.design\\\/de\\\/our-projects\\\/music-school\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.meinweb.design\\\/de\\\/our-projects\\\/music-school\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.meinweb.design\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/geigenschule.jpg\",\"datePublished\":\"2022-12-20T20:22:53+00:00\",\"dateModified\":\"2025-07-31T18:25:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.meinweb.design\\\/de\\\/our-projects\\\/music-school\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.meinweb.design\\\/de\\\/our-projects\\\/music-school\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.meinweb.design\\\/de\\\/our-projects\\\/music-school\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.meinweb.design\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/geigenschule.jpg\",\"contentUrl\":\"https:\\\/\\\/www.meinweb.design\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/geigenschule.jpg\",\"width\":1899,\"height\":944},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.meinweb.design\\\/de\\\/our-projects\\\/music-school\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.meinweb.design\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio\",\"item\":\"https:\\\/\\\/www.meinweb.design\\\/de\\\/our-projects\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Music School\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.meinweb.design\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/www.meinweb.design\\\/de\\\/\",\"name\":\"MeinWeb\",\"description\":\"IT &amp; Design Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.meinweb.design\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Music School - MeinWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.meinweb.design\/de\/our-projects\/music-school\/","og_locale":"de_DE","og_type":"article","og_title":"Music School - MeinWeb","og_description":"Maecenas eleifend nulla pellentesque netus curabitur sodales","og_url":"https:\/\/www.meinweb.design\/de\/our-projects\/music-school\/","og_site_name":"MeinWeb","article_modified_time":"2025-07-31T18:25:46+00:00","og_image":[{"width":1899,"height":944,"url":"https:\/\/www.meinweb.design\/wp-content\/uploads\/2025\/07\/geigenschule.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"11\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.meinweb.design\/de\/our-projects\/music-school\/","url":"https:\/\/www.meinweb.design\/de\/our-projects\/music-school\/","name":"Music School - MeinWeb","isPartOf":{"@id":"https:\/\/www.meinweb.design\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.meinweb.design\/de\/our-projects\/music-school\/#primaryimage"},"image":{"@id":"https:\/\/www.meinweb.design\/de\/our-projects\/music-school\/#primaryimage"},"thumbnailUrl":"https:\/\/www.meinweb.design\/wp-content\/uploads\/2025\/07\/geigenschule.jpg","datePublished":"2022-12-20T20:22:53+00:00","dateModified":"2025-07-31T18:25:46+00:00","breadcrumb":{"@id":"https:\/\/www.meinweb.design\/de\/our-projects\/music-school\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.meinweb.design\/de\/our-projects\/music-school\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.meinweb.design\/de\/our-projects\/music-school\/#primaryimage","url":"https:\/\/www.meinweb.design\/wp-content\/uploads\/2025\/07\/geigenschule.jpg","contentUrl":"https:\/\/www.meinweb.design\/wp-content\/uploads\/2025\/07\/geigenschule.jpg","width":1899,"height":944},{"@type":"BreadcrumbList","@id":"https:\/\/www.meinweb.design\/de\/our-projects\/music-school\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.meinweb.design\/"},{"@type":"ListItem","position":2,"name":"Portfolio","item":"https:\/\/www.meinweb.design\/de\/our-projects\/"},{"@type":"ListItem","position":3,"name":"Music School"}]},{"@type":"WebSite","@id":"https:\/\/www.meinweb.design\/de\/#website","url":"https:\/\/www.meinweb.design\/de\/","name":"MeinWeb","description":"IT &amp; Design Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.meinweb.design\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/www.meinweb.design\/de\/wp-json\/wp\/v2\/avada_portfolio\/244","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.meinweb.design\/de\/wp-json\/wp\/v2\/avada_portfolio"}],"about":[{"href":"https:\/\/www.meinweb.design\/de\/wp-json\/wp\/v2\/types\/avada_portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/www.meinweb.design\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.meinweb.design\/de\/wp-json\/wp\/v2\/comments?post=244"}],"version-history":[{"count":6,"href":"https:\/\/www.meinweb.design\/de\/wp-json\/wp\/v2\/avada_portfolio\/244\/revisions"}],"predecessor-version":[{"id":2480,"href":"https:\/\/www.meinweb.design\/de\/wp-json\/wp\/v2\/avada_portfolio\/244\/revisions\/2480"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.meinweb.design\/de\/wp-json\/wp\/v2\/media\/2369"}],"wp:attachment":[{"href":"https:\/\/www.meinweb.design\/de\/wp-json\/wp\/v2\/media?parent=244"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/www.meinweb.design\/de\/wp-json\/wp\/v2\/portfolio_category?post=244"},{"taxonomy":"portfolio_skills","embeddable":true,"href":"https:\/\/www.meinweb.design\/de\/wp-json\/wp\/v2\/portfolio_skills?post=244"},{"taxonomy":"portfolio_tags","embeddable":true,"href":"https:\/\/www.meinweb.design\/de\/wp-json\/wp\/v2\/portfolio_tags?post=244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}