{"id":770,"date":"2025-08-04T12:33:46","date_gmt":"2025-08-04T12:33:46","guid":{"rendered":"https:\/\/benjamin-muenster.de\/?page_id=770"},"modified":"2025-08-04T13:01:56","modified_gmt":"2025-08-04T13:01:56","slug":"porsche-logistics-application","status":"publish","type":"page","link":"https:\/\/benjamin-muenster.de\/index.php\/porsche-logistics-application\/","title":{"rendered":"Porsche Logistics Application"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull case-study-pattern is-layout-constrained wp-container-core-group-is-layout-2db4f2d6 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:0;padding-bottom:var(--wp--preset--spacing--60);padding-left:0\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-679ddeda wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-align-left has-huge-font-size\">Porsche Logistics Application<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-right has-large-font-size wp-block-paragraph\">2025<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-cover alignwide is-light\" style=\"border-radius:16px;min-height:520px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"753\" class=\"wp-block-cover__image-background wp-image-771 size-full\" alt=\"\" src=\"https:\/\/benjamin-muenster.de\/wp-content\/uploads\/2025\/08\/Bosch-logo-scaled.png\" data-object-fit=\"cover\" srcset=\"https:\/\/benjamin-muenster.de\/wp-content\/uploads\/2025\/08\/Bosch-logo-scaled.png 2560w, https:\/\/benjamin-muenster.de\/wp-content\/uploads\/2025\/08\/Bosch-logo-300x88.png 300w, https:\/\/benjamin-muenster.de\/wp-content\/uploads\/2025\/08\/Bosch-logo-1024x301.png 1024w, https:\/\/benjamin-muenster.de\/wp-content\/uploads\/2025\/08\/Bosch-logo-768x226.png 768w, https:\/\/benjamin-muenster.de\/wp-content\/uploads\/2025\/08\/Bosch-logo-1536x452.png 1536w, https:\/\/benjamin-muenster.de\/wp-content\/uploads\/2025\/08\/Bosch-logo-2048x602.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-bg-dark-background-color has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-18a83455 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-8d5352f2 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">At Porsche, I worked as a working student with primary responsibility as a designer on the development of a logistics software for expert users. Through several iterative user tests, I successfully led a restructuring of the interface, significantly improving its usability for end users. <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-medium-gray-color\">Due to a non-disclosure agreement, I am unable to share any images or specific contents of this software. However, by showcasing handdrawn sketches of the interface I can give insights of the restructuring process of the user interface.<\/mark><\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-679ddeda wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-dd60b241 wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\"><strong>Overview<\/strong><\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Expert users:<\/strong> The logistics software is only used by a very specific group of users with a lot of responsibility and high expertise. They demanded an interface packed with necessary information and did not care so much about any fancy designs.<\/li>\n\n\n\n<li><strong>Complex information:<\/strong> The contents of the logistics software covered a complex car-assembling context with a lot of co-dependencies and tables full of information that all had to be accessible in the interface <\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-8d5352f2 wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Redesign process<\/h4>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-679ddeda wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h5 class=\"wp-block-heading\">Initial situation<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">The first version of the software was already present when I started working on the project. My task was to improve the interface and enhance the usability of it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">My initial analysis was that the bottom table in the interface, which was the most important source of information for the users, had to be put in the center of the screen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Additionally, input fields and filter inputs were too wide and had to be reorganized to match their context.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.67%\">\n<figure data-wp-context=\"{&quot;galleryId&quot;:&quot;6a304d7e1acd2&quot;}\" data-wp-interactive=\"core\/gallery\" class=\"wp-block-gallery has-nested-images columns-1 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a304d7e1b072&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a304d7e1b072\" class=\"wp-block-image size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"1024\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"777\" src=\"https:\/\/benjamin-muenster.de\/wp-content\/uploads\/2025\/08\/LogisticUI_1-1.png\" alt=\"\" class=\"wp-image-777\" style=\"border-radius:10px;box-shadow:6px 6px 9px rgba(0, 0, 0, 0.2)\" srcset=\"https:\/\/benjamin-muenster.de\/wp-content\/uploads\/2025\/08\/LogisticUI_1-1.png 1440w, https:\/\/benjamin-muenster.de\/wp-content\/uploads\/2025\/08\/LogisticUI_1-1-300x213.png 300w, https:\/\/benjamin-muenster.de\/wp-content\/uploads\/2025\/08\/LogisticUI_1-1-1024x728.png 1024w, https:\/\/benjamin-muenster.de\/wp-content\/uploads\/2025\/08\/LogisticUI_1-1-768x546.png 768w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-679ddeda wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h5 class=\"wp-block-heading\">Result<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">To give the large table more space, I put the input fields in multiple, contextual matching overlays. By this approach the table was only covered with other information when the user interacts with a different part of the software.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I also grouped input fields based on information from user interviews I conducted throughout this process.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The iterative nature of gathering user feedback by recurring user tests was very helpful for tailoring the interface to the needs of the experts. It was the main reason for the software&#8217;s improved interface and usability.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.67%\">\n<figure data-wp-context=\"{&quot;galleryId&quot;:&quot;6a304d7e1b88a&quot;}\" data-wp-interactive=\"core\/gallery\" class=\"wp-block-gallery has-nested-images columns-1 is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a304d7e1baa1&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a304d7e1baa1\" class=\"wp-block-image size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"1024\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"778\" src=\"https:\/\/benjamin-muenster.de\/wp-content\/uploads\/2025\/08\/LogisticUI_2-1.png\" alt=\"\" class=\"wp-image-778\" style=\"border-radius:10px;box-shadow:6px 6px 9px rgba(0, 0, 0, 0.2)\" srcset=\"https:\/\/benjamin-muenster.de\/wp-content\/uploads\/2025\/08\/LogisticUI_2-1.png 1440w, https:\/\/benjamin-muenster.de\/wp-content\/uploads\/2025\/08\/LogisticUI_2-1-300x213.png 300w, https:\/\/benjamin-muenster.de\/wp-content\/uploads\/2025\/08\/LogisticUI_2-1-1024x728.png 1024w, https:\/\/benjamin-muenster.de\/wp-content\/uploads\/2025\/08\/LogisticUI_2-1-768x546.png 768w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a304d7e1be09&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a304d7e1be09\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"1024\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"779\" src=\"https:\/\/benjamin-muenster.de\/wp-content\/uploads\/2025\/08\/LogisticUI_3-1.png\" alt=\"\" class=\"wp-image-779\" srcset=\"https:\/\/benjamin-muenster.de\/wp-content\/uploads\/2025\/08\/LogisticUI_3-1.png 1440w, https:\/\/benjamin-muenster.de\/wp-content\/uploads\/2025\/08\/LogisticUI_3-1-300x213.png 300w, https:\/\/benjamin-muenster.de\/wp-content\/uploads\/2025\/08\/LogisticUI_3-1-1024x728.png 1024w, https:\/\/benjamin-muenster.de\/wp-content\/uploads\/2025\/08\/LogisticUI_3-1-768x546.png 768w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Porsche Logistics Application 2025 At Porsche, I worked as a working student with primary responsibility as a designer on the development of a logistics software for expert users. Through several iterative user tests, I successfully led a restructuring of the interface, significantly improving its usability for end users. Due to a non-disclosure agreement, I am [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"iawp_total_views":14,"footnotes":""},"class_list":["post-770","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/benjamin-muenster.de\/index.php\/wp-json\/wp\/v2\/pages\/770","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/benjamin-muenster.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/benjamin-muenster.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/benjamin-muenster.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/benjamin-muenster.de\/index.php\/wp-json\/wp\/v2\/comments?post=770"}],"version-history":[{"count":5,"href":"https:\/\/benjamin-muenster.de\/index.php\/wp-json\/wp\/v2\/pages\/770\/revisions"}],"predecessor-version":[{"id":782,"href":"https:\/\/benjamin-muenster.de\/index.php\/wp-json\/wp\/v2\/pages\/770\/revisions\/782"}],"wp:attachment":[{"href":"https:\/\/benjamin-muenster.de\/index.php\/wp-json\/wp\/v2\/media?parent=770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}