{"id":32988,"date":"2023-08-16T11:45:51","date_gmt":"2023-08-16T09:45:51","guid":{"rendered":"https:\/\/www.medienwerft.de\/?page_id=32988"},"modified":"2025-04-02T17:01:14","modified_gmt":"2025-04-02T15:01:14","slug":"hamburg-wasser","status":"publish","type":"page","link":"https:\/\/www.medienwerft.de\/en\/references\/hamburg-wasser\/","title":{"rendered":"Hamburg Wasser"},"content":{"rendered":"<div class=\"block block--intro block--intro-ref  bg--light\">\n\n\t<div class=\"container container--medium padding-bottom \">\n\n\t\t<div class=\"bg--white spacing\">\n\t\t\t<div class=\"container container--small\">\n\n\t\t\t\t\t\t\t\t<nav class=\"breadcrumbs\"><ol itemscope itemtype=\"https:\/\/schema.org\/BreadcrumbList\"><li itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\"><span itemprop=\"name\"><span class=\"last\">Home<\/span><\/span><\/li><\/ol><\/nav>\n\t\t\t\t\t\t\t\t\t<div class=\"block--headline\">\n\t\t\t\t\t\t<div class=\"left\">\n\t\t\t\t\t\t\t<h1>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<span>Website relaunch: HAMBURG WASSER creates clear, informative and accessible website<\/span>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h1>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t<p>We are familiar with the requirements for barrier-free websites. We were able to prove this during the website relaunch for HAMBURG WASSER.<\/p>\n<p>In joint workshops, concepts for target group analysis, information architecture and wireframes of the most important pages were constructed and then implemented in just under 2 years. The focus of the work was on digital accessibility. For optimal implementation, we worked with HAMBURG WASSER to anchor barrier-free development in the foundation &#8211; that is, in our concepts.<\/p>\n\n\t\t\t\t<div class=\"flex flexgrid--gutter flex--wrap\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"flex__item one-quarter md-one-half xs-one-whole\">\n\t\t\t\t\t\t\t<p><strong>CLIENT<\/strong><\/p>\n<p>HAMBURG WASSER<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"flex__item one-quarter md-one-half xs-one-whole\">\n\t\t\t\t\t\t\t<p><strong>PROJECT DURATION<\/strong><\/p>\n<p>2 years<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"flex__item one-quarter md-one-half xs-one-whole\">\n\t\t\t\t\t\t\t<p><strong>EXPERTISE<\/strong><\/p>\n<ul>\n<li>Accessible implementation<\/li>\n<li>Agile approach<\/li>\n<li>CI\/Corporate Design<\/li>\n<li>CX\/UI<\/li>\n<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"flex__item one-quarter md-one-half xs-one-whole\">\n\t\t\t\t\t\t\t<p><strong>TECHNOLOGIES<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-33954 size-medium\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/03\/hamburg-wasser-technologien-1-300x197.png\" alt=\"-\" width=\"300\" height=\"197\" srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/03\/hamburg-wasser-technologien-1-300x197.png 300w, https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/03\/hamburg-wasser-technologien-1-768x506.png 768w, https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/03\/hamburg-wasser-technologien-1-620x408.png 620w, https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/03\/hamburg-wasser-technologien-1-560x369.png 560w, https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/03\/hamburg-wasser-technologien-1-480x316.png 480w, https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/03\/hamburg-wasser-technologien-1-310x204.png 310w, https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/03\/hamburg-wasser-technologien-1-200x132.png 200w, https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/03\/hamburg-wasser-technologien-1-40x26.png 40w, https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/03\/hamburg-wasser-technologien-1.png 790w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\"><\/p>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"block block--accordion  bg--light c-black bg-white\" id=\"block_d69aaa127a1273d47569589dcafc7124\">\n\n\t<div class=\"container container--medium no-pad padding-bottom \">\n\n\t\t\n\t\t\t<div class=\"accordion js-fade js-fade-in\">\n\n\t\t\t\t<button class=\"accordion__opener\" id=\"xxx-1-label\" aria-controls=\"xxx-1-content\" aria-expanded=\"false\">\n\t\t\t\t\tABOUT THE CLIENT\t\t\t\t<\/button>\n\t\t\t\t<div class=\"accordion__content\" id=\"xxx-1-content\"\n\t\t\t\t\taria-labelledby=\"xxx-1-label\">\n\t\t\t\t\t<p>HAMBURG WASSER closes the water cycle. Drinking water supply and wastewater disposal are combined in one company, which not only provides the highest quality for the citizens of Hamburg, but also innovative solutions for the challenges of tomorrow. HAMBURG WASSER is a solution partner on the way to becoming a blue-green-city, a city that adapts to the consequences of climate change. To this end, HAMBURG WASSER combines a wide range of services of general interest under one roof. With its two corporate units &#8211; Hamburger Wasserwerke and Hamburger Stadtentw\u00e4sserung &#8211; the water utility is part of a long tradition of innovative solutions for the benefit of the Hanseatic city.<\/p>\n<p>The oldest public water supply and wastewater disposal company on the European continent draws on 180 years of experience to ensure a safe water supply and wastewater disposal for all citizens at the highest level. This know-how also forms the basis for tackling new challenges, for which HAMBURG WASSER offers innovative solutions through its subsidiaries CONSULAQUA and servTEC. You can find more information about the company at <a href=\"https:\/\/www.hamburgwasser.de\" target=\"_blank\" rel=\"nofollow noopener\">www.hamburgwasser.de<\/a>.<\/p>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\n\t<\/div>\n\n<\/div>\n\n<style>\n\t\t<\/style>\n\n<div class=\"block block--ipad-sliding block--classic  bg--white pos-left\">\n\n\t\n\t<div class=\"container container--normal padding-top--big no-pad orange-h4-inside\">\n\t\t\n\t\t\t\n\t\t<div class=\"flex flex--wrap\">\n\n\t\t\t<div class=\"flex__item two-fifths content-one-half md-one-whole bg--white\">\n\t\t\t\t<div class=\"\n\t\t\t\tjs-fade js-fade-up\t\t\t\tp\">\n\t\t\t\t\t<h4>THE TASK<\/h4>\n<h2>Accessibility in TYPO3<\/h2>\n<p>The Hamburg drinking water supplier and wastewater disposal company wanted a relaunch of its web presence.<\/p>\n<p>Concept and design of the new HAMBURG WASSER appearance were technically implemented on the latest TYPO3 version. First and foremost, we focused on the barrier-free design of the frontend during the development of various wireframes. Thus, a clean HTML markup was on the agenda at the beginning in order to pay attention to the technical aspects of accessibility during the implementation.<\/p>\n<p>Tools such as persona and user journey development were used to review the target group environment, the strengths and weaknesses of the previous presence, the target group selection and the UX and UI design and integrate them into the new accessibility requirements.<\/p>\n<p>Do you have a similar challenge for us? <span style=\"white-space: nowrap;\">Then please feel free to contact us!<\/span><\/p>\n<p><a class=\"border fullYellow btn\" href=\"\/en\/contact\/\" rel=\"noopener\">GET IN TOUCH<\/a><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"flex__item three-fifths content-one-half md-one-whole flex flex--middle flex--center\">\n\n\t\t\t\t<div class=\"ipad-con\">\n\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-ipdas-en.webp\"\n\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-ipdas-en.webp 1920w,\n\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-ipdas-en.webp 1600w,\n\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-ipdas-en.webp 1400w,\n\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-ipdas-en.webp 1200w,\n\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-ipdas-en.webp 1000w,\n\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-ipdas-en-800x718.webp 800w,\n\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-ipdas-en-620x557.webp 620w\"\n\t\t\t\t\t\talt=\"Hamburg Wasser Case - EN Ipad\"\n\t\t\t\t\t\tsizes=\"(min-width:1401px) 960px, (min-width:801px) and (max-width:1400px) 50vw,  96vw\" class=\"js-load-lazy js-scroll-ipad\" \/>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\t<div class=\"info-con\">\n\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/03\/Barrierefrei-Grafik-2.png\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/03\/Barrierefrei-Grafik-2.png 1200w,\n\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/03\/Barrierefrei-Grafik-2.png 1000w,\n\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/03\/Barrierefrei-Grafik-2.png 800w,\n\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/03\/Barrierefrei-Grafik-2-620x581.png 620w\"\n\t\t\t\t\t\talt=\"Barrierefreiheit Grafik 2\"\n\t\t\t\t\t\tsizes=\"(min-width:800px) 680px, 90vw\" class=\"js-load-lazy js-scroll-info\" \/>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t<\/div>\n\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--flying-phones block--classic  bg--light\">\n\n\t<div class=\"container container--normal no-pad no-pad orange-h4-inside\">\n\t\t\n\t\t<div class=\"flex flex--wrap\">\n\n\t\t\t<div class=\"flex__item two-fifths content-one-half md-one-whole md-bg--light\">\n\t\t\t\t<div class=\"\n\t\t\t\t\t\t\t\t\">\n\t\t\t\t\t<h4>OUR SOLUTION<\/h4>\n<h2>An intuitively structured website that can be used without restrictions<\/h2>\n<p>In order to make the website barrier-free as a public agency and service provider for citizens &#8211; in accordance with the provisions of the Hamburg Equal Opportunities Ordinances &#8211; HAMBURG WASSER&#8217;s website was adapted to semantic HTML. The implementation was based on Web Content Accessibility Guidelines. These describe an international standard for the barrier-free implementation of websites. Medienwerft&#8217;s goal was to achieve at least priority level AA with the relaunch.<\/p>\n<p>This was achieved, among other things, by the following measures: Graphic elements are made available to the users* for the perception of the text contents. In addition, adapted user interfaces and navigation elements enable all functionalities to be accessed via keyboard input. Clear focus elements for usability are immediately apparent to users. Also essential in the implementation was the functional development of the content elements so that screen reader programs can process them.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"flex__item three-fifths content-one-half md-one-whole\">\n\t\t\t\t<div class=\"flying-phones\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"img-con\">\n\t\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-3-en-480x929.webp\"\n\t\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-3-en-800x1548.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-3-en-620x1200.webp 620w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-3-en-560x1084.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-3-en-480x929.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-3-en-310x600.webp 310w\"\n\t\t\t\t\t\t\talt=\"Hamburg Wasser Case - EN Iphone 3\"\n\t\t\t\t\t\t\tsizes=\"(min-width:1200px) 440px, 260px\" class=\"js-scroll-left js-load-lazy\" \/>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"img-con\">\n\t\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-1-en-480x929.webp\"\n\t\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-1-en-800x1548.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-1-en-620x1200.webp 620w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-1-en-560x1084.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-1-en-480x929.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-1-en-310x600.webp 310w\"\n\t\t\t\t\t\t\talt=\"Hamburg Wasser Case - EN Iphone 1\"\n\t\t\t\t\t\t\tsizes=\"(min-width:1200px) 440px, 260px\" class=\"js-scroll-top js-load-lazy\" \/>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"img-con\">\n\t\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-4-en-480x929.webp\"\n\t\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-4-en-800x1548.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-4-en-620x1200.webp 620w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-4-en-560x1084.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-4-en-480x929.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-4-en-310x600.webp 310w\"\n\t\t\t\t\t\t\talt=\"Hamburg Wasser Case - EN Iphone 4\"\n\t\t\t\t\t\t\tsizes=\"(min-width:1200px) 440px, 260px\" class=\"js-scroll-bottom js-load-lazy\" \/>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"img-con\">\n\t\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-2-en-480x929.webp\"\n\t\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-2-en-800x1548.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-2-en-620x1200.webp 620w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-2-en-560x1084.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-2-en-480x929.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-2-en-310x600.webp 310w\"\n\t\t\t\t\t\t\talt=\"Hamburg Wasser Case - EN Iphone 2\"\n\t\t\t\t\t\t\tsizes=\"(min-width:1200px) 440px, 260px\" class=\"js-scroll-right js-load-lazy\" \/>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t<\/div>\n\n\t\t<\/div>\n\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--text  bg--white\">\n\n\t<div class=\"container container--normal padding-top--big padding-bottom--big\">\n\t\t\n\t\t<div class=\"\n\t\t\t\tp\"><h4>THE CHALLENGE<\/h4>\n<h2>Implementing accessibility &#8211; the barriers and challenges<\/h2>\n<p>One of the biggest challenges we faced during the conceptual design phase was targeting the content to all people from the Hamburg metropolitan region: a very heterogeneous target group with widely varying expectations, needs, experiences and information on the topic of water. However, with the help of several information architecture workshops, we created a content structure that would allow everyone to reach their destination and make every piece of information accessible. Creating an accessible website also further advances inclusion on the Internet.<\/p>\n<p>An important part of accessibility is the use of semantic HTML in development: it provides for a clear structure with a hierarchy of headings. This structured design leads to a higher level of accessibility compliance, but it is also important for the maintenance and further development of the website. The code becomes leaner, and search engine optimization also benefits. Last but not least, the user experience is improved with clear pages that allow easy scanning.<\/p>\n<p>HAMBURG WASSER is thus ahead of its time: because from 2025, it will become mandatory for companies and online stores to integrate accessibility into their websites: Electronic services will then have to be barrier-free.<\/p>\n<\/div>\n\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--slider-text-image  bg--light pos-right\">\n\n\t\n\t\t<div class=\"padding-top--big padding-bottom--big contain\">\n\n\t\t\t\n\t\t\t\t<div class=\"slick slick--split orange-h4-inside js-fade js-fade-in\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttransparent\">\n\n\t\t\t\t\t\t\t<div class=\"flex flex--wrap\">\n\n\t\t\t\t\t\t\t\t<div class=\"flex__item one-half md-one-whole flex flex--middle \n\t\t\t\t\t\t\t\t\">\n\t\t\t\t\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"max-width\">\n\t\t\t\t\t\t\t\t\t\t\t<h4>The target group<\/h4>\n<h2>Optimal information coverage for everyone<\/h2>\n<p>What expectations do citizens have of the website as the first point of contact for questions and concerns about water supply in their region? How can the increasing information needs of citizens be optimally met?<\/p>\n<p>In addition to answering these questions, the target group is a special feature: As a water provider for the federal state of Hamburg and the surrounding area, HAMBURG WASSER counts all citizens* among its customers. It was therefore not possible to outline a clearly defined user group, but rather to address everyone &#8211; across all age groups, B2B as well as B2C.<\/p>\n<p>The target groups were divided into workshops: Citizens who, for example, collect meter reading data from their water levels or are looking for information on drinking water quality or tips on saving water, or potential new employees who want to address HAMBURG WASSER as a modern company with challenging job offers.<\/p>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"flex__item one-half md-one-whole\">\n\t\t\t\t\t\t\t\t\t<div class=\"object-fit-con\"  \n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-slider-desktop-3.webp\"\n\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-slider-desktop-3.webp 1000w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-slider-desktop-3.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-slider-desktop-3-620x654.webp 620w\"\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"Hamburg Wasser Case - EN Slider Desktop 3\" loading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\t\t\tsizes=\"auto, (min-width:800px) 50vw, 100vw\" \n\t\t\t\t\t\t\t\t\t\t\t\twidth=\"795\" \n\t\t\t\t\t\t\t\t\t\t\t\theight=\"838\" \n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"object-position:left-bottom;\" \n\t\t\t\t\t\t\t\t\t\t\t\t \/>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"\n\t\t\t\t\t\t\thidden\t\t\t\t\t\t\ttransparent\">\n\n\t\t\t\t\t\t\t<div class=\"flex flex--wrap\">\n\n\t\t\t\t\t\t\t\t<div class=\"flex__item one-half md-one-whole flex flex--middle \n\t\t\t\t\t\t\t\t\">\n\t\t\t\t\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"max-width\">\n\t\t\t\t\t\t\t\t\t\t\t<h4>Language<\/h4>\n<h2>Multilingualism as the key to accessibility<\/h2>\n<p>Overall, it is important that a website is readable in all languages of the world in order to appeal to the company&#8217;s broad user base and to promote Hamburg&#8217;s cultural diversity. Finally, a multilingual website is also an important step towards accessibility.<\/p>\n<p>People with different language backgrounds and reading abilities should have equal access to information that is relevant to them. A multilingual website helps ensure that everyone has an equal opportunity to access important information, regardless of their language or culture.<\/p>\n<p>For the implementation, Google Translate was connected to the website, translating the website content in seconds. The translation of a website is fully automatic, with text fragments being analyzed with the help of Google Translate and then re-integrated into the website in the desired target language. Nothing changes in the basic structure, so the website can still be used natively.<\/p>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"flex__item one-half md-one-whole\">\n\t\t\t\t\t\t\t\t\t<div class=\"object-fit-con\"  \n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-slider-desktop-2.webp\"\n\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-slider-desktop-2.webp 1000w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-slider-desktop-2.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-slider-desktop-2-620x654.webp 620w\"\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"Hamburg Wasser Case - EN Slider Desktop 2\" loading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\t\t\tsizes=\"auto, (min-width:800px) 50vw, 100vw\" \n\t\t\t\t\t\t\t\t\t\t\t\twidth=\"795\" \n\t\t\t\t\t\t\t\t\t\t\t\theight=\"838\" \n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"object-position:left-bottom;\" \n\t\t\t\t\t\t\t\t\t\t\t\t \/>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"\n\t\t\t\t\t\t\thidden\t\t\t\t\t\t\ttransparent\">\n\n\t\t\t\t\t\t\t<div class=\"flex flex--wrap\">\n\n\t\t\t\t\t\t\t\t<div class=\"flex__item one-half md-one-whole flex flex--middle \n\t\t\t\t\t\t\t\t\">\n\t\t\t\t\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"max-width\">\n\t\t\t\t\t\t\t\t\t\t\t<h4>Digital CI<\/h4>\n<h2>Corporate identity and efficient page design for strong online presence<\/h2>\n<p>In several workshops, the structure of the individual page areas was developed and built up accordingly into relevant page types. In parallel, the design was developed: HAMBURG WASSER&#8217;s new corporate identity had previously only been used for print products. We now extended this for digital use on websites and smartphones, so that HAMBURG WASSER can be better perceived as a brand.<\/p>\n<p>To do this, the style guide for print products with colors, fonts and imagery was adapted and further developed for digital applications, fonts and sizes were optimized for digital devices, for example, and it was ensured that the contrasts were large enough. All page types such as start, service, magazine and press were conceived and designed and thus prepared for development. A component library was used to ensure an efficient structure in TYPO3.<\/p>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"flex__item one-half md-one-whole\">\n\t\t\t\t\t\t\t\t\t<div class=\"object-fit-con\"  \n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-slider-desktop-1.webp\"\n\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-slider-desktop-1.webp 1000w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-slider-desktop-1.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-slider-desktop-1.webp 620w\"\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"Hamburg Wasser Case - EN Slider Desktop 1\" loading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\t\t\tsizes=\"auto, (min-width:800px) 50vw, 100vw\" \n\t\t\t\t\t\t\t\t\t\t\t\twidth=\"795\" \n\t\t\t\t\t\t\t\t\t\t\t\theight=\"838\" \n\t\t\t\t\t\t\t\t\t\t\t\t \/>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\n\n\t\t<\/div>\n\n\t\n<\/div>\n\n<div class=\"block block--moving-phones text--center  bg--white\">\n\n\t<div class=\"container container--medium padding-top--big no-pad orange-h4-inside\">\n\t\t\n\t\t<div class=\"js-fade js-fade-up\">\n\t\t\t<h4>CONCLUSION<\/h4>\n<h2>Further agile development: Optimizations and requirements in the ongoing project with HAMBURG WASSER<\/h2>\n<p>The project is currently in its second phase and is being further developed in an agile manner. One example is the option to download videos in the press area. In addition, topics can now be filtered with a keyword search in the magazine area. There are always new requirements, such as updating TYPO3 or closing security gaps. The success so far, since the relaunch, could already be measured by the improved accesses to the online service, which especially relieves the customer service. We are looking forward to the further cooperation with HAMBURG WASSER and are excited about upcoming tasks and challenges that will accompany us in this project.<\/p>\n\t\t<\/div>\n\n\t\t<div class=\"moving-phones js-intersect\">\n\t\t\t<div class=\"flex flexgrid--normal flex__bottom\">\n\n\t\t\t\t\n\t\t\t\t\t<div class=\"flex__item one-fifth md-one-third\">\n\n\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-8-en-310x321.webp\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-8-en.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-8-en-480x497.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-8-en-310x321.webp 310w\"\n\t\t\t\t\t\t\talt=\"Hamburg Wasser Case - EN Iphone 8\" class=\"js-load-lazy\"\n\t\t\t\t\t\t\tsizes=\"(min-width:1200px) 260px, (min-width:801px) and (max-width:1199px) 23vw, 36vw\" \/>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"flex__item one-fifth md-one-third\">\n\n\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-7-en-310x443.webp\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-7-en.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-7-en-480x686.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-7-en-310x443.webp 310w\"\n\t\t\t\t\t\t\talt=\"Hamburg Wasser Case - EN Iphone 7\" class=\"js-load-lazy\"\n\t\t\t\t\t\t\tsizes=\"(min-width:1200px) 260px, (min-width:801px) and (max-width:1199px) 23vw, 36vw\" \/>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"flex__item one-fifth md-one-third\">\n\n\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-9-en-310x321.webp\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-9-en.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-9-en-480x497.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-9-en-310x321.webp 310w\"\n\t\t\t\t\t\t\talt=\"Hamburg Wasser Case - EN Iphone 9\" class=\"js-load-lazy\"\n\t\t\t\t\t\t\tsizes=\"(min-width:1200px) 260px, (min-width:801px) and (max-width:1199px) 23vw, 36vw\" \/>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"flex__item one-fifth md-one-third\">\n\n\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-6-en-310x443.webp\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-6-en.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-6-en-480x686.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-6-en-310x443.webp 310w\"\n\t\t\t\t\t\t\talt=\"Hamburg Wasser Case - EN Iphone 6\" class=\"js-load-lazy\"\n\t\t\t\t\t\t\tsizes=\"(min-width:1200px) 260px, (min-width:801px) and (max-width:1199px) 23vw, 36vw\" \/>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"flex__item one-fifth md-one-third\">\n\n\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-11-en-310x321.webp\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-11-en.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-11-en-480x497.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-11-en-310x321.webp 310w\"\n\t\t\t\t\t\t\talt=\"Hamburg Wasser Case - EN Iphone 11\" class=\"js-load-lazy\"\n\t\t\t\t\t\t\tsizes=\"(min-width:1200px) 260px, (min-width:801px) and (max-width:1199px) 23vw, 36vw\" \/>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"flex__item one-fifth md-one-third\">\n\n\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-5-en-310x443.webp\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-5-en.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-5-en-480x686.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-5-en-310x443.webp 310w\"\n\t\t\t\t\t\t\talt=\"Hamburg Wasser Case - EN Iphone 5\" class=\"js-load-lazy\"\n\t\t\t\t\t\t\tsizes=\"(min-width:1200px) 260px, (min-width:801px) and (max-width:1199px) 23vw, 36vw\" \/>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"flex__item one-fifth md-one-third\">\n\n\t\t\t\t\t\t<img data-src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-10-en-310x321.webp\"\n\t\t\t\t\t\t\tdata-srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-10-en.webp 560w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-10-en-480x497.webp 480w,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/hamburg-wasser-iphone-10-en-310x321.webp 310w\"\n\t\t\t\t\t\t\talt=\"Hamburg Wasser Case - EN Iphone 10\" class=\"js-load-lazy\"\n\t\t\t\t\t\t\tsizes=\"(min-width:1200px) 260px, (min-width:801px) and (max-width:1199px) 23vw, 36vw\" \/>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--quote  bg--light mpos-top\">\n\n\t<div class=\"container container--normal padding-top--huge padding-bottom \">\n\t\t\n\t\t\t\t\t\n\t\t\t<div class=\"flex flex--quote flex--middle flex--wrap\">\n\t\t\t\t<div class=\"flex__item  \n\t\t\t\t\t\t\t\t\">\n\t\t\t\t\t\t\t\t\t\t\t<h3>Accessibility &#038; contemporary design<\/h3>\n\t\t\t\t\t\t\t\t\t\t<blockquote class=\"blockquote--big\">\n\t\t\t\t\t\t<p>The beauty of working with HAMBURG WASSER is that you create something that helps every citizen of Hamburg. A website that aims, among other things, to promote environmental protection and create awareness of the need to handle the valuable resource of water conscientiously &#8211; a project that motivates and with which people like to identify.<\/p>\n\t\t\t\t\t\t<footer>\n\t\t\t\t\t\t\t<cite>\n\t\t\t\t\t\t\t\t<p>Adrian Stern<br \/>\r\nProject supervisor Medienwerft<\/p>\n\t\t\t\t\t\t\t<\/cite>\n\t\t\t\t\t\t<\/footer>\n\t\t\t\t\t<\/blockquote>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"flex__item  \n\t\t\t\t\t\t\t\t\">\n\t\t\t\t\t<div class=\"img-round\">\n\t\t\t\t\t\t<div class=\"round__inner\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2022\/11\/Intro-310x181.jpg\" \n\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2022\/11\/Intro.jpg 2x, \n\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2022\/11\/Intro-310x181.jpg 1x\" \n\t\t\t\t\t\t\talt=\"CX Expert Support Intro Adrian\" loading=\"lazy\" \/>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n<\/div>\n\n<div class=\"block block--teaser  bg--light\">\n\n\t<div class=\"container container--normal padding-top--big padding-bottom--big\">\n\n\t\t\n\t\t\n\n\t\t\n\n\t\t\n\n\t\t\t\n\t\t\t\t<div class=\"flex flexgrid--normal flex--wrap  js-fade js-fade-in\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"flex__item one-third md-one-half portrait-one-whole margin-bottom flex flex--column\">\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<h3>PROJECTS<\/h3>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<a href=\"https:\/\/www.medienwerft.de\/en\/references\/volkswagen-accessories-serviceportal-sap-commerce-cloud-old\/\" class=\"flex1 flex flex--column\">\n\t\t\t\t\t\t\t\t<span class=\"teaser__image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/09\/vw_thumb_crossteaser_1200x741-1-480x296.jpg\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/09\/vw_thumb_crossteaser_1200x741-1-800x494.jpg 800w,\n\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/09\/vw_thumb_crossteaser_1200x741-1-620x383.jpg 620w,\n\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/09\/vw_thumb_crossteaser_1200x741-1-620x383.jpg 480w\"\n\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"Volkswagen Accessories\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsizes=\"(min:1201px) 480w, (max-width:640px) and (min-width:1200px) 46vw, 96vw\" loading=\"lazy\"\/>\n\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<div class=\"teaser__inner flex flex--column flex1\">\n\t\t\t\t\t\t\t\t\t<div class=\"flex1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"teaser__subtitle\">\n\t\t\t\t\t\t\t\t\t\t\t\tVOLKSWAGEN\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<h3>Volkswagen Accessories<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p>Medienwerft was commissioned with the launch of the marketing platform PLUS, through which all the importers can access this product and marketing content. In addition to the technical implementation, Medienwerft took over the content budget for text, pictures and newsletters.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div><span class=\"btn btn--ghost\">\n\t\t\t\t\t\t\t\t\t\t\tLEARN MORE\t\t\t\t\t\t\t\t\t\t<\/span><\/div>\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"flex__item one-third md-one-half portrait-one-whole margin-bottom flex flex--column\">\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<h3>ALSO INTERESTING<\/h3>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<a href=\"https:\/\/www.medienwerft.de\/en\/content-management\/typo3\/\" class=\"flex1 flex flex--column\">\n\t\t\t\t\t\t\t\t<span class=\"teaser__image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/09\/typo3_crossteaser_thumb_800x494-480x296.jpg\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/09\/typo3_crossteaser_thumb_800x494.jpg 800w,\n\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/09\/typo3_crossteaser_thumb_800x494-620x383.jpg 620w,\n\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/09\/typo3_crossteaser_thumb_800x494-620x383.jpg 480w\"\n\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"TYPO3\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsizes=\"(min:1201px) 480w, (max-width:640px) and (min-width:1200px) 46vw, 96vw\" loading=\"lazy\"\/>\n\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<div class=\"teaser__inner flex flex--column flex1\">\n\t\t\t\t\t\t\t\t\t<div class=\"flex1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"teaser__subtitle\">\n\t\t\t\t\t\t\t\t\t\t\t\tTYPO3\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<h3>TYPO3<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p>TYPO3 is one of the most effective and flexible content management systems (CMS) on the market. Combine the comprehensive functionalities of TYPO3 with our full-service offering, to open up countless possibilities for your online communication.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div><span class=\"btn btn--ghost\">\n\t\t\t\t\t\t\t\t\t\t\tACT FLEXIBLE\t\t\t\t\t\t\t\t\t\t<\/span><\/div>\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"flex__item one-third md-one-half portrait-one-whole margin-bottom flex flex--column\">\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<a href=\"https:\/\/www.medienwerft.de\/en\/references\/hamburger-software\/\" class=\"flex1 flex flex--column noHeadline\">\n\t\t\t\t\t\t\t\t<span class=\"teaser__image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/09\/blog-beitrag-hs_thumb_1200x741.jpg-480x296.jpeg\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/09\/blog-beitrag-hs_thumb_1200x741.jpg-800x494.jpeg 800w,\n\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/09\/blog-beitrag-hs_thumb_1200x741.jpg-620x383.jpeg 620w,\n\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/09\/blog-beitrag-hs_thumb_1200x741.jpg-620x383.jpeg 480w\"\n\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"Hamburger Software\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsizes=\"(min:1201px) 480w, (max-width:640px) and (min-width:1200px) 46vw, 96vw\" loading=\"lazy\"\/>\n\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<div class=\"teaser__inner flex flex--column flex1\">\n\t\t\t\t\t\t\t\t\t<div class=\"flex1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"teaser__subtitle\">\n\t\t\t\t\t\t\t\t\t\t\t\tHAMBURGER SOFTWARE\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<h3>Hamburger Software<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p>A complete relaunch of the company\u2019s website was planned for their 40th anniversary.\u202fMedienwert provided full service for this order, from online strategy to the new digital corporate design to TYPO3 programming.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div><span class=\"btn btn--ghost\">\n\t\t\t\t\t\t\t\t\t\t\tLEARN MORE\t\t\t\t\t\t\t\t\t\t<\/span><\/div>\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\n\t\t\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--lets-connect flex flex--column  bg--white no-pad padding-bottom--big top normal bottom\">\n\n\t<div class=\"connect__banner bg--white js-fade js-fade-in\">\n\t\t<p class=\"connect__tagline\">Let&#8217;s connect<\/p>\n\n\t\t\n\t\t\t<div class=\"connect__tagline-overlay hidden--sm\">\n\t\t\t\t<div class=\"container\">\n\t\t\t\t\t<h3>DO YOU HAVE ANY QUESTIONS?<br \/>\n<span class=\"orange\">CONTACT US!<\/span><\/h3>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\n\t\n\t<div class=\"connect__contact js-fade js-fade-in\">\n\n\t\t\n\t\t\t<div class=\"headline-replacement-sm hidden text--center\">\n\t\t\t\t<div class=\"container\">\n\t\t\t\t\t<h3>DO YOU HAVE ANY QUESTIONS?<br \/>\n<span class=\"orange\">CONTACT US!<\/span><\/h3>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\n\t\t\n\t\t\t<div class=\"container\">\n\n\t\t\t\t\n\n\t\t\t\t<div class=\"flex flexgrid--gutter flex--wrap padding-top--small\">\n\t\t\t\t\t<div class=\"flex__item one-half md-one-whole\">\n\n\t\t\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t\t\t<div class=\"flex__round\">\n\t\t\t\t\t\t\t\t<div class=\"object-fit-con\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2022\/11\/Hendrik-Kreisgrafik.webp\"\n\t\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2022\/11\/Hendrik-Kreisgrafik.webp 2x,\n\t\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2022\/11\/Hendrik-Kreisgrafik.webp 1x\"\n\t\t\t\t\t\t\t\t\t\t\talt=\"Hendrik van Laaten\" loading=\"lazy\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"\">\n\t\t\t\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\t\t\t<p><strong>HENDRIK VAN LAATEN<\/strong><br \/>\nManaging Partner of Medienwerft<\/p>\n<p><a href=\"tel:+49403177990\" rel=\"nofollow\">040 317799-0<\/a><br \/>\n<a href=\"mailto:info@medienwerft.de\">info@medienwerft.de<\/a><\/p>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.linkedin.com\/in\/hendrikvanlaaten\/\" target=\"_blank\" class=\"connect__linkedin\" rel=\"nofollow noopener\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg height=\"72\" viewBox=\"0 0 72 72\" width=\"72\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><g fill=\"none\"><path d=\"M8,72 L64,72 C68.418278,72 72,68.418278 72,64 L72,8 C72,3.581722 68.418278,-8.11624501e-16 64,0 L8,0 C3.581722,8.11624501e-16 -5.41083001e-16,3.581722 0,8 L0,64 C5.41083001e-16,68.418278 3.581722,72 8,72 Z\" fill=\"#007EBB\"\/><path d=\"M62,62 L51.315625,62 L51.315625,43.8021149 C51.315625,38.8127542 49.4197917,36.0245323 45.4707031,36.0245323 C41.1746094,36.0245323 38.9300781,38.9261103 38.9300781,43.8021149 L38.9300781,62 L28.6333333,62 L28.6333333,27.3333333 L38.9300781,27.3333333 L38.9300781,32.0029283 C38.9300781,32.0029283 42.0260417,26.2742151 49.3825521,26.2742151 C56.7356771,26.2742151 62,30.7644705 62,40.051212 L62,62 Z M16.349349,22.7940133 C12.8420573,22.7940133 10,19.9296567 10,16.3970067 C10,12.8643566 12.8420573,10 16.349349,10 C19.8566406,10 22.6970052,12.8643566 22.6970052,16.3970067 C22.6970052,19.9296567 19.8566406,22.7940133 16.349349,22.7940133 Z M11.0325521,62 L21.769401,62 L21.769401,27.3333333 L11.0325521,27.3333333 L11.0325521,62 Z\" fill=\"#FFF\"\/><\/g><\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"flex__item one-half md-one-whole\">\n\n\t\t\t\t\t\t<p><span data-teams=\"true\">\n\t\t\t\t\t\t<script>\n\t\t\t\t\t\t\twindow.hsFormsOnReady = window.hsFormsOnReady || [];\n\t\t\t\t\t\t\twindow.hsFormsOnReady.push(()=>{\n\t\t\t\t\t\t\t\thbspt.forms.create({\n\t\t\t\t\t\t\t\t\tportalId: 139748848,\n\t\t\t\t\t\t\t\t\tformId: \"cd85fe7a-37f1-4f9d-9009-0c8be7bd32f6\",\n\t\t\t\t\t\t\t\t\ttarget: \"#hbspt-form-1786760205000-1290819504\",\n\t\t\t\t\t\t\t\t\tregion: \"eu1\",\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t})});\n\t\t\t\t\t\t<\/script>\n\t\t\t\t\t\t<div class=\"hbspt-form\" id=\"hbspt-form-1786760205000-1290819504\"><\/div><\/span><\/p>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t\n\t<\/div>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>We are familiar with the requirements for barrier-free websites. We were able to prove this during the website relaunch for HAMBURG WASSER.<\/p>\n","protected":false},"author":42,"featured_media":41054,"parent":36729,"menu_order":17,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","footnotes":""},"class_list":["post-32988","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"taxonomy_info":[],"featured_image_src_large":["https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/heroimage-hamburg-wasser-en.webp",2560,896,false],"author_info":{"display_name":"Marina Reiter","author_link":"https:\/\/www.medienwerft.de\/en\/author\/mreiter\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/pages\/32988","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/users\/42"}],"replies":[{"embeddable":true,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/comments?post=32988"}],"version-history":[{"count":12,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/pages\/32988\/revisions"}],"predecessor-version":[{"id":63278,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/pages\/32988\/revisions\/63278"}],"up":[{"embeddable":true,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/pages\/36729"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/media\/41054"}],"wp:attachment":[{"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/media?parent=32988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}