{"id":1494,"date":"2024-04-23T14:17:14","date_gmt":"2024-04-23T12:17:14","guid":{"rendered":"https:\/\/innovation-natives.de\/cases\/customized-information-modular-travel-assistance-for-the-hamburg-s-bahn\/"},"modified":"2025-06-03T16:07:25","modified_gmt":"2025-06-03T14:07:25","slug":"customized-information-modular-travel-assistance-for-the-hamburg-s-bahn","status":"publish","type":"cpt-cases","link":"https:\/\/innovation-natives.de\/en\/cases\/customized-information-modular-travel-assistance-for-the-hamburg-s-bahn\/","title":{"rendered":"Customized information: Modular travel assistance for the Hamburg S-Bahn"},"content":{"rendered":"\n    \n    <section class=\"block-cases-header\">\n\n        <div class=\"block-inner\">\n\n            <div class=\"block-inner-inner s1x-constraint-narrow s1x-padding\">\n\n                <div class=\"head-info\">\n                    <div class=\"the-topic\">\n                        Product- &amp; Serviceinnovation                    <\/div>\n                    <div class=\"client-n-date\">\n                        S-Bahn Hamburg \/\/ 23.04.2024                    <\/div>\n                <\/div>\n\n                <div class=\"head-content\">\n                    <h1 class=\"headline\">Customized information: Modular travel assistance for the Hamburg S-Bahn<\/h1>\n                    <div class=\"involved\">Involved in this Project: Research Lab | Design Studio | Developer Squad | Co-Creation Space<\/div>\n                    <div class=\"description\">S-Bahn Hamburg is expanding its range of passenger information by introducing new train information displays (ZVA) at key stations.<\/div>\n                <\/div>\n\n            <\/div>\n\n\n\n        <\/div>\n\n    <\/section>\n\n    \n\n    \n    <section class=\"block-focus-image-slider\" style=\"--bgp-mobile-top: 40px;--bgp-mobile-bottom: 40px;--bgp-tablet-top: 40px;--bgp-tablet-bottom: 40px;\">\n\n        <div class=\"block-inner s1x-constraint-narrow s1x-padding\">\n\n            \n            <div class=\"focus-image-slider-swiper swiper without-specific-mobile-images\">\n                <div class=\"swiper-wrapper\">\n                                                                                                        <div class=\"swiper-slide\">\n                                    <img decoding=\"async\" class=\"desktop\" src=\"https:\/\/innovation-natives.de\/wp-content\/uploads\/2024\/04\/case-sbahn-banner1.jpg\" alt=\"\">\n                                                                    <\/div>\n                                                            <div class=\"swiper-slide\">\n                                    <img decoding=\"async\" class=\"desktop\" src=\"https:\/\/innovation-natives.de\/wp-content\/uploads\/2024\/04\/case-sbahn-banner2.jpg\" alt=\"\">\n                                                                    <\/div>\n                                                                                        <\/div>\n                <div class=\"swiper-controls\">\n                    <div class=\"swb swiper-button-prev\">\n\n                        <svg width=\"11.0067028px\" height=\"19.1849786px\" viewBox=\"0 0 11.0067028 19.1849786\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                            <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                <g transform=\"translate(-1147.5142, -1053.4075)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n                                    <polyline transform=\"translate(1153.3711, 1063) scale(-1, 1) translate(-1153.3711, -1063)\" points=\"1148.92837 1054.11462 1157.81376 1063 1148.92837 1071.88538\"><\/polyline>\n                                <\/g>\n                            <\/g>\n                        <\/svg>\n\n                    <\/div>\n                    <div class=\"swb swiper-button-next\">\n\n                        <svg width=\"11.0067028px\" height=\"19.1849786px\" viewBox=\"0 0 11.0067028 19.1849786\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                            <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                <g transform=\"translate(-1189.2213, -1053.4075)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n                                    <polyline points=\"1189.92837 1054.11462 1198.81376 1063 1189.92837 1071.88538\"><\/polyline>\n                                <\/g>\n                            <\/g>\n                        <\/svg>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n    \n\n    <section class=\"block-accordeon-element\" style=\"--bgp-mobile-top: 40px;--bgp-mobile-bottom: 40px;--bgp-tablet-top: 40px;--bgp-tablet-bottom: 40px;\">\n\n        <div class=\"block-inner-top s1x-constraint-narrow s1x-padding color-blue split-4060\">\n\n                                        \n                    <div class=\"desktop-controls s1x-noselect\">\n                                                                                <div class=\"desktop-section-title section-title active\" data-id=\"1\">\n\n                                <svg width=\"17.6871358px\" height=\"17px\" viewBox=\"0 0 17.6871358 17\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                                    <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                        <g transform=\"translate(-224, -767)\" fill=\"#000000\">\n                                            <polygon points=\"233.185265 767 230.684978 769.500536 234.91533 773.731137 224 773.731137 224 777.267366 234.917076 777.267366 230.684978 781.499464 233.185265 784 239.184854 778.00066 239.1866 778.002407 241.687136 775.501871 241.685389 775.500125 241.687136 775.498378 239.1866 772.997843 239.184854 772.999589\"><\/polygon>\n                                        <\/g>\n                                    <\/g>\n                                <\/svg>\n\n                                The challenge                            <\/div>\n                                                                                <div class=\"desktop-section-title section-title \" data-id=\"2\">\n\n                                <svg width=\"17.6871358px\" height=\"17px\" viewBox=\"0 0 17.6871358 17\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                                    <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                        <g transform=\"translate(-224, -767)\" fill=\"#000000\">\n                                            <polygon points=\"233.185265 767 230.684978 769.500536 234.91533 773.731137 224 773.731137 224 777.267366 234.917076 777.267366 230.684978 781.499464 233.185265 784 239.184854 778.00066 239.1866 778.002407 241.687136 775.501871 241.685389 775.500125 241.687136 775.498378 239.1866 772.997843 239.184854 772.999589\"><\/polygon>\n                                        <\/g>\n                                    <\/g>\n                                <\/svg>\n\n                                Process                            <\/div>\n                                                                                <div class=\"desktop-section-title section-title \" data-id=\"3\">\n\n                                <svg width=\"17.6871358px\" height=\"17px\" viewBox=\"0 0 17.6871358 17\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                                    <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                        <g transform=\"translate(-224, -767)\" fill=\"#000000\">\n                                            <polygon points=\"233.185265 767 230.684978 769.500536 234.91533 773.731137 224 773.731137 224 777.267366 234.917076 777.267366 230.684978 781.499464 233.185265 784 239.184854 778.00066 239.1866 778.002407 241.687136 775.501871 241.685389 775.500125 241.687136 775.498378 239.1866 772.997843 239.184854 772.999589\"><\/polygon>\n                                        <\/g>\n                                    <\/g>\n                                <\/svg>\n\n                                Result                            <\/div>\n                                            <\/div>\n\n                                                                    <div class=\"mobile-section-title section-title active\" data-id=\"1\">\n\n                            <svg width=\"17.6871358px\" height=\"17px\" viewBox=\"0 0 17.6871358 17\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                                <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                    <g transform=\"translate(-224, -767)\" fill=\"#000000\">\n                                        <polygon points=\"233.185265 767 230.684978 769.500536 234.91533 773.731137 224 773.731137 224 777.267366 234.917076 777.267366 230.684978 781.499464 233.185265 784 239.184854 778.00066 239.1866 778.002407 241.687136 775.501871 241.685389 775.500125 241.687136 775.498378 239.1866 772.997843 239.184854 772.999589\"><\/polygon>\n                                    <\/g>\n                                <\/g>\n                            <\/svg>\n\n                            The challenge                        <\/div>\n\n                        <div class=\"section-content active\" data-id=\"1\">\n                            <p>The aim of the project was to integrate the available information into the existing passenger information system in the best possible way in order to make the user experience easier, more intuitive and more attractive for passengers.  <\/p>\n<p>The central question at all times was: Where do passengers need what information at the stop and in the surrounding area? Both the content and the positioning of information within different types of stops were researched.<\/p>\n                        <\/div>\n                                                                    <div class=\"mobile-section-title section-title \" data-id=\"2\">\n\n                            <svg width=\"17.6871358px\" height=\"17px\" viewBox=\"0 0 17.6871358 17\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                                <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                    <g transform=\"translate(-224, -767)\" fill=\"#000000\">\n                                        <polygon points=\"233.185265 767 230.684978 769.500536 234.91533 773.731137 224 773.731137 224 777.267366 234.917076 777.267366 230.684978 781.499464 233.185265 784 239.184854 778.00066 239.1866 778.002407 241.687136 775.501871 241.685389 775.500125 241.687136 775.498378 239.1866 772.997843 239.184854 772.999589\"><\/polygon>\n                                    <\/g>\n                                <\/g>\n                            <\/svg>\n\n                            Process                        <\/div>\n\n                        <div class=\"section-content \" data-id=\"2\">\n                            <p>To ensure that the results are as valuable and useful as possible for passengers, we have opted for a collaborative development process. The core element of this process was a detailed exploration and co-creative design of the passenger information system at the Dammtor, Jungfernstieg and Hauptbahnhof stops.  <\/p>\n<p>Based on explorative interviews with passengers from different passenger segments, we developed concrete designs and technical implementations along the customer journey.  <\/p>\n                        <\/div>\n                                                                    <div class=\"mobile-section-title section-title \" data-id=\"3\">\n\n                            <svg width=\"17.6871358px\" height=\"17px\" viewBox=\"0 0 17.6871358 17\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                                <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                    <g transform=\"translate(-224, -767)\" fill=\"#000000\">\n                                        <polygon points=\"233.185265 767 230.684978 769.500536 234.91533 773.731137 224 773.731137 224 777.267366 234.917076 777.267366 230.684978 781.499464 233.185265 784 239.184854 778.00066 239.1866 778.002407 241.687136 775.501871 241.685389 775.500125 241.687136 775.498378 239.1866 772.997843 239.184854 772.999589\"><\/polygon>\n                                    <\/g>\n                                <\/g>\n                            <\/svg>\n\n                            Result                        <\/div>\n\n                        <div class=\"section-content \" data-id=\"3\">\n                            <p>Based on the concrete findings on requirements at the three researched wards, we were able to develop an ideal image for all wards. The result serves as a template for equipping Hamburg&#8217;s S-Bahn stations with a new passenger information system.  <\/p>\n                        <\/div>\n                    \n                            \n        <\/div>\n\n        <div class=\"block-inner-bottom  s1x-noselect s1x-constraint-narrow s1x-padding color-blue\">\n\n            <div class=\"accordeon-controls\">\n                <div class=\"button-prev control-btn inactive\">\n\n                    <svg width=\"11.0067028px\" height=\"19.1849786px\" viewBox=\"0 0 11.0067028 19.1849786\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                        <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                            <g transform=\"translate(-1147.5142, -1053.4075)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n                                <polyline transform=\"translate(1153.3711, 1063) scale(-1, 1) translate(-1153.3711, -1063)\" points=\"1148.92837 1054.11462 1157.81376 1063 1148.92837 1071.88538\"><\/polyline>\n                            <\/g>\n                        <\/g>\n                    <\/svg>\n\n                <\/div>\n                <div class=\"button-next control-btn\">\n\n                    <svg width=\"11.0067028px\" height=\"19.1849786px\" viewBox=\"0 0 11.0067028 19.1849786\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                        <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                            <g transform=\"translate(-1189.2213, -1053.4075)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n                                <polyline points=\"1189.92837 1054.11462 1198.81376 1063 1189.92837 1071.88538\"><\/polyline>\n                            <\/g>\n                        <\/g>\n                    <\/svg>\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/div>\n\n\n\n    <\/section>\n\n\n    <section class=\"block-cases-mockup s1x-constraint\" style=\"--bgp-mobile-top: 60px;--bgp-mobile-bottom: 60px;--bgp-tablet-top: 80px;--bgp-tablet-bottom: 80px;\">\n\n        <div class=\"block-inner s1x-constraint-narrow s1x-padding\">\n\n            \n            \n            \n                <div class=\"mockup-open\">\n\n                    <img decoding=\"async\" src=\"https:\/\/innovation-natives.de\/wp-content\/uploads\/2024\/04\/case-sbahn-mockup.jpg\" alt=\"\">\n\n                <\/div>\n\n            \n            <div class=\"mockup-text type-open\">\n                The requirement: \nA layout that can be adapted to different locations.            <\/div>\n\n\n        <\/div>\n\n    <\/section>\n\n\n    \n    <section class=\"block-three-images-slider\">\n\n        <div class=\"block-inner s1x-constraint-narrow s1x-padding\">\n\n            <div class=\"three-images-slider-swiper swiper\">\n                <div class=\"swiper-wrapper\">\n                                                                                                        <div class=\"swiper-slide\">\n                                    <div class=\"image-holder\">\n                                        <picture>\n                                            <img decoding=\"async\" src=\"https:\/\/innovation-natives.de\/wp-content\/uploads\/2024\/04\/case-sbahn-3img-1.jpg\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"text-holder\">\n                                        Using a test device at Hammerbrook station, we were able to observe the usage behavior of passengers.                                    <\/div>\n                                <\/div>\n                                                            <div class=\"swiper-slide\">\n                                    <div class=\"image-holder\">\n                                        <picture>\n                                            <img decoding=\"async\" src=\"https:\/\/innovation-natives.de\/wp-content\/uploads\/2024\/04\/case-sbahn-3img-2.jpg\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"text-holder\">\n                                        Converted advance train display at Dammtor station                                    <\/div>\n                                <\/div>\n                                                            <div class=\"swiper-slide\">\n                                    <div class=\"image-holder\">\n                                        <picture>\n                                            <img decoding=\"async\" src=\"https:\/\/innovation-natives.de\/wp-content\/uploads\/2024\/04\/case-sbahn-3img-3.jpg\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"text-holder\">\n                                        Converted train pre-display at Hamburg Central Station                                    <\/div>\n                                <\/div>\n                                                            <div class=\"swiper-slide\">\n                                    <div class=\"image-holder\">\n                                        <picture>\n                                            <img decoding=\"async\" src=\"https:\/\/innovation-natives.de\/wp-content\/uploads\/2024\/04\/case-sbahn-3img-4.jpg\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"text-holder\">\n                                        Converted train pre-display at Hamburg Central Station                                    <\/div>\n                                <\/div>\n                                                                                        <\/div>\n                <div class=\"swiper-controls\">\n                    <div class=\"swb swiper-button-prev\">\n\n                        <svg width=\"11.0067028px\" height=\"19.1849786px\" viewBox=\"0 0 11.0067028 19.1849786\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                            <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                <g transform=\"translate(-1147.5142, -1053.4075)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n                                    <polyline transform=\"translate(1153.3711, 1063) scale(-1, 1) translate(-1153.3711, -1063)\" points=\"1148.92837 1054.11462 1157.81376 1063 1148.92837 1071.88538\"><\/polyline>\n                                <\/g>\n                            <\/g>\n                        <\/svg>\n\n                    <\/div>\n                    <div class=\"swb swiper-button-next\">\n\n                        <svg width=\"11.0067028px\" height=\"19.1849786px\" viewBox=\"0 0 11.0067028 19.1849786\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                            <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                <g transform=\"translate(-1189.2213, -1053.4075)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n                                    <polyline points=\"1189.92837 1054.11462 1198.81376 1063 1189.92837 1071.88538\"><\/polyline>\n                                <\/g>\n                            <\/g>\n                        <\/svg>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n    \n\n    \n    <section class=\"block-cases-more-cases\">\n\n        <div class=\"block-inner s1x-constraint s1x-padding\">\n\n            <h2>\n                Other Cases            <\/h2>\n\n            <div class=\"cases-more-cases-slider swiper\">\n                <div class=\"swiper-wrapper\">\n\n                                        <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/innovation-natives.de\/en\/cases\/digitally-barrier-free-accessible-information-in-hamburgs-public-transport-system\/\">\n                            <picture>\n                                <img decoding=\"async\" src=\"https:\/\/innovation-natives.de\/wp-content\/uploads\/2024\/04\/case-sbahn2-banner1.jpg\" loading=\"lazy\">\n                            <\/picture>\n                        <\/a>\n\n                        <div class=\"post-info\">\n                            <div class=\"category\">\n                                Product- &amp; Serviceinnovation                            <\/div>\n                            <div class=\"date\">\n                                23.04.2024                            <\/div>\n                        <\/div>\n\n                        <div class=\"post-exerpt\">\n                            <h3 class=\"headline\"><a href=\"https:\/\/innovation-natives.de\/en\/cases\/digitally-barrier-free-accessible-information-in-hamburgs-public-transport-system\/\">Digitally barrier-free: Accessible information in Hamburg&#8217;s public transport system<\/a><\/h3>\n                            <p class=\"description\">Together with S-Bahn Hamburg, we have addressed one of the most basic passenger problems faced by blind and visually impaired people: the lack of information on the track.<\/p>\n                            <a class=\"readmore\" href=\"https:\/\/innovation-natives.de\/en\/cases\/digitally-barrier-free-accessible-information-in-hamburgs-public-transport-system\/\">\n                                Read more\n                                <svg width=\"12.4850371px\" height=\"12px\" viewBox=\"0 0 12.4850371 12\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                                    <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                        <g transform=\"translate(-1039, -1081)\" fill=\"#000000\">\n                                            <polygon points=\"1045.48372 1081 1043.71881 1082.76508 1046.70494 1085.75139 1039 1085.75139 1039 1088.24755 1046.70617 1088.24755 1043.71881 1091.23492 1045.48372 1093 1049.71872 1088.76517 1049.71995 1088.7664 1051.48504 1087.00132 1051.4838 1087.00009 1051.48504 1086.99886 1049.71995 1085.23377 1049.71872 1085.235\"><\/polygon>\n                                        <\/g>\n                                    <\/g>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n\n                    <\/div>\n                    \n                <\/div>\n                <div class=\"swiper-controls\">\n                    <div class=\"swb swiper-button-prev\"> < <\/div>\n                    <div class=\"swb swiper-button-next\"> > <\/div>\n                <\/div>\n            <\/div>\n\n\n        <\/div>\n\n    <\/section>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":1445,"comment_status":"open","ping_status":"closed","template":"","cpt-cases-category":[15],"acf":[],"_links":{"self":[{"href":"https:\/\/innovation-natives.de\/en\/wp-json\/wp\/v2\/cpt-cases\/1494"}],"collection":[{"href":"https:\/\/innovation-natives.de\/en\/wp-json\/wp\/v2\/cpt-cases"}],"about":[{"href":"https:\/\/innovation-natives.de\/en\/wp-json\/wp\/v2\/types\/cpt-cases"}],"author":[{"embeddable":true,"href":"https:\/\/innovation-natives.de\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/innovation-natives.de\/en\/wp-json\/wp\/v2\/comments?post=1494"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/innovation-natives.de\/en\/wp-json\/wp\/v2\/media\/1445"}],"wp:attachment":[{"href":"https:\/\/innovation-natives.de\/en\/wp-json\/wp\/v2\/media?parent=1494"}],"wp:term":[{"taxonomy":"cpt-cases-category","embeddable":true,"href":"https:\/\/innovation-natives.de\/en\/wp-json\/wp\/v2\/cpt-cases-category?post=1494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}