{"id":33,"date":"2012-12-20T22:32:21","date_gmt":"2012-12-20T21:32:21","guid":{"rendered":"http:\/\/heldentaten.com\/2_0\/?post_type=jetpack-portfolio&#038;p=33"},"modified":"2024-06-18T09:20:11","modified_gmt":"2024-06-18T07:20:11","slug":"drf-luftrettung","status":"publish","type":"jetpack-portfolio","link":"https:\/\/heldentaten.com\/portfolio\/portfolio\/drf-luftrettung\/","title":{"rendered":"DRF Luftrettung"},"content":{"rendered":"\n<div class=\"keyfacts-container\"><div class=\"keyfacts\"><i class=\"fa-solid fa-helmet-safety keyfacticon\" alt=\"Role\"><\/i>UX\/UI Designer<\/div>\n<div class=\"keyfacts\"><i class=\"fa-solid fa-industry keyfacticon\" alt=\"Industry\" ><\/i>Rescue services<\/div>\n<div class=\"keyfacts\"><i class=\"fa-solid fa-location-dot keyfacticon\" alt=\"Company location\"><\/i>Berlin, Germany<\/div><\/div>\n<div class=\"tasks-container\"><div class=\"keyfacts\"><i class=\"fa-solid fa-list-check keyfacticon\" alt=\"Tasks\"><\/i>Concept, Wireframing, Illustration, UI-Design<\/div><\/div>\n\n\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-125 size-full\" src=\"https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_01.jpg\" alt=\"drf_01\" width=\"1272\" height=\"917\" srcset=\"https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_01.jpg 1272w, https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_01-300x216.jpg 300w, https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_01-1227x885.jpg 1227w, https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_01-840x606.jpg 840w\" sizes=\"auto, (max-width: 1272px) 100vw, 1272px\" \/><\/p>\n\n\n<h2 class=\"wp-block-heading\">Framing<\/h2>\n\n\n\n<p>DRF Luftrettung, a non-profit organization, provides critical air rescue services. Their previous website had been ineffective in generating donations and attracting supporting members, e.g. with manual processes using PDFs.<\/p>\n\n\n\n<p>The goal was to develop a new website that showcased DRF Luftrettung&#8217;s mission, shared news and events, and drove donations and memberships. It should highlight the impact of every financial contribution and explain how funds are used.<\/p>\n\n\n\n<p><strong>Key Objectives:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Enhanced representation:<\/strong> Accurately represent DRF Luftrettung\u2019s mission.<\/li>\n\n\n\n<li><strong>Engaging content:<\/strong> Regular updates with news, events, and impactful stories.<\/li>\n\n\n\n<li><strong>Donation and Membership campaigns:<\/strong> Implement seamless online processes.<\/li>\n\n\n\n<li><strong>Impactful communication:<\/strong> Show the importance and use of financial support.<\/li>\n<\/ol>\n\n\n\n<p>The new site aimed to increase engagement, boost donations, and expand DRF Luftrettung&#8217;s support network.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Outcome<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Intuitive Main Navigation:<\/strong> The new main navigation encapsulates the core mission of DRF Luftrettung with sections: &#8220;People&#8221; (About DRF Luftrettung), &#8220;Life&#8221; (News and Events), and &#8220;Rescue&#8221; (Call to become a supporter and contribute to rescue efforts). This navigation mirrors and reinforces DRF&#8217;s mission statement.<\/li>\n\n\n\n<li><strong>Streamlined donation and membership processes:<\/strong> Simple and transparent donation and membership application processes, comparable to online shop checkouts, make it easy for users to support DRF.<\/li>\n\n\n\n<li><strong>Authentic visual representation:<\/strong> Real photos and detailed presentations of DRF locations provide an authentic glimpse into the daily lives of the rescuers, fostering trust among visitors.<\/li>\n\n\n\n<li><strong>Insightful testimonials:<\/strong> Testimonials offer quotes and insights into the daily operations at DRF, providing a personal and relatable touch.<\/li>\n\n\n\n<li><strong>Visible events and news:<\/strong> Events and news are prominently displayed, showcasing DRF\u2019s activities beyond its core mission and highlighting their multifaceted efforts.<\/li>\n\n\n\n<li><strong>Clear site structure:<\/strong> A well-organized site structure distinguishes between DRF Luftrettung and other areas such as the academy, press section, and shop, facilitating targeted communication and efficiently channeling content for various user groups.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Approach<\/h2>\n\n\n\n<p>We began with workshops and discussions with various stakeholders and departments within DRF Luftrettung to define and gather detailed project requirements. Following this, I engaged in conceptual planning and conducted competitor analyses to identify industry standards and opportunities for differentiation. Initial wireframes were created to visualize the layout and structure of the website, facilitating feedback and quick iterations. During that time I also developed the information hierarchy and the overall sitemap of the new website.<\/p>\n\n\n\n<p>An extensive concept and wireframe phase ensured alignment with DRF. We then moved into the UI design phase, including image editing and illustration creation, while I began coordinating and leading other designers and guiding the development team. Close collaboration with developers ensured the project was completed effectively using the Drupal CMS.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Learnings<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Early and continuous engagement with stakeholders and departments was crucial for accurately defining requirements and ensuring project alignment.<\/li>\n\n\n\n<li>Conducting thorough competitor analysis helped in setting strategic directions and identifying opportunities for differentiation.<\/li>\n\n\n\n<li>Creating initial wireframes and iterating based on feedback accelerated the design process and enhanced alignment with client expectations.<\/li>\n\n\n\n<li>Close collaboration between designers and developers was essential for a seamless transition from design to implementation, ensuring the final product meets the envisioned standards.<\/li>\n\n\n\n<li>The absence of user testing and success measurement was a significant oversight. Future projects should incorporate user testing to validate design decisions and implement metrics to measure the project&#8217;s success post-launch.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Impressions<\/h2>\n\n\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-124 size-full\" src=\"https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_02.jpg\" alt=\"drf_02\" width=\"1272\" height=\"2387\" srcset=\"https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_02.jpg 1272w, https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_02-160x300.jpg 160w, https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_02-1227x2303.jpg 1227w, https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_02-840x1576.jpg 840w\" sizes=\"auto, (max-width: 1272px) 100vw, 1272px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-126 size-full\" src=\"https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_03.jpg\" alt=\"drf_03\" width=\"1272\" height=\"1133\" srcset=\"https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_03.jpg 1272w, https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_03-300x267.jpg 300w, https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_03-1227x1093.jpg 1227w, https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_03-840x748.jpg 840w\" sizes=\"auto, (max-width: 1272px) 100vw, 1272px\" \/><\/p>","protected":false},"excerpt":{"rendered":"<p>UX\/UI Designer Rescue services Berlin, Germany Concept, Wireframing, Illustration, UI-Design Framing DRF Luftrettung, a non-profit organization, provides critical air rescue services. Their previous website had been ineffective in generating donations and attracting supporting members, e.g. with manual processes using PDFs. The goal was to develop a new website that showcased DRF Luftrettung&#8217;s mission, shared news&hellip; <a href=\"https:\/\/heldentaten.com\/portfolio\/portfolio\/drf-luftrettung\/\">Continue reading <span class=\"screen-reader-text\">DRF Luftrettung<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":36,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"jetpack-portfolio-type":[3],"jetpack-portfolio-tag":[69,67,286,70,68,72,71],"class_list":["post-33","jetpack-portfolio","type-jetpack-portfolio","status-publish","format-standard","has-post-thumbnail","hentry","jetpack-portfolio-type-ui-design","jetpack-portfolio-tag-design","jetpack-portfolio-tag-drf","jetpack-portfolio-tag-highlight","jetpack-portfolio-tag-konzept","jetpack-portfolio-tag-luftrettung","jetpack-portfolio-tag-mark-veys","jetpack-portfolio-tag-website"],"uagb_featured_image_src":{"full":["https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_cover.jpg",480,480,false],"thumbnail":["https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_cover-150x150.jpg",150,150,true],"medium":["https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_cover-300x300.jpg",300,300,true],"medium_large":["https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_cover.jpg",480,480,false],"large":["https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_cover.jpg",480,480,false],"1536x1536":["https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_cover.jpg",480,480,false],"2048x2048":["https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_cover.jpg",480,480,false],"post-thumbnail":["https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_cover.jpg",480,480,false],"portfolio-landscape":["https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_cover-480x360.jpg",480,360,true],"portfolio-portrait":["https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_cover-480x480.jpg",480,480,true],"portfolio-square":["https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_cover.jpg",480,480,false],"jetpack-portfolio-admin-thumb":["https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_cover-50x50.jpg",50,50,true]},"uagb_author_info":{"display_name":"Werner Held","author_link":"https:\/\/heldentaten.com\/portfolio\/author\/misterwrnz\/"},"uagb_comment_info":0,"uagb_excerpt":"UX\/UI Designer Rescue services Berlin, Germany Concept, Wireframing, Illustration, UI-Design Framing DRF Luftrettung, a non-profit organization, provides critical air rescue services. Their previous website had been ineffective in generating donations and attracting supporting members, e.g. with manual processes using PDFs. The goal was to develop a new website that showcased DRF Luftrettung&#8217;s mission, shared news&hellip;&hellip;","featured_img":"https:\/\/heldentaten.com\/portfolio\/wp-content\/uploads\/2015\/09\/drf_cover.jpg","coauthors":[],"author_meta":{"author_link":"https:\/\/heldentaten.com\/portfolio\/author\/misterwrnz\/","display_name":"Werner Held"},"relative_dates":{"created":"Posted 14 years ago","modified":"Updated 2 years ago"},"absolute_dates":{"created":"Posted on 20. December 2012","modified":"Updated on 18. June 2024"},"absolute_dates_time":{"created":"Posted on 20. December 2012 22:32","modified":"Updated on 18. June 2024 9:20"},"featured_img_caption":"","tax_additional":{"post_format":{"linked":[],"unlinked":[],"slug":"post_format","name":"Formats"},"jetpack-portfolio-type":{"linked":["<a href=\"https:\/\/heldentaten.com\/portfolio\/project-type\/ui-design\/\" class=\"advgb-post-tax-term\">UI-Design<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">UI-Design<\/span>"],"slug":"jetpack-portfolio-type","name":"Project Types"},"jetpack-portfolio-tag":{"linked":["<a href=\"https:\/\/heldentaten.com\/portfolio\/project-tag\/design\/\" class=\"advgb-post-tax-term\">Design<\/a>","<a href=\"https:\/\/heldentaten.com\/portfolio\/project-tag\/drf\/\" class=\"advgb-post-tax-term\">DRF<\/a>","<a href=\"https:\/\/heldentaten.com\/portfolio\/project-tag\/highlight\/\" class=\"advgb-post-tax-term\">Highlight<\/a>","<a href=\"https:\/\/heldentaten.com\/portfolio\/project-tag\/konzept\/\" class=\"advgb-post-tax-term\">Konzept<\/a>","<a href=\"https:\/\/heldentaten.com\/portfolio\/project-tag\/luftrettung\/\" class=\"advgb-post-tax-term\">Luftrettung<\/a>","<a href=\"https:\/\/heldentaten.com\/portfolio\/project-tag\/mark-veys\/\" class=\"advgb-post-tax-term\">mark veys<\/a>","<a href=\"https:\/\/heldentaten.com\/portfolio\/project-tag\/website\/\" class=\"advgb-post-tax-term\">Website<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Design<\/span>","<span class=\"advgb-post-tax-term\">DRF<\/span>","<span class=\"advgb-post-tax-term\">Highlight<\/span>","<span class=\"advgb-post-tax-term\">Konzept<\/span>","<span class=\"advgb-post-tax-term\">Luftrettung<\/span>","<span class=\"advgb-post-tax-term\">mark veys<\/span>","<span class=\"advgb-post-tax-term\">Website<\/span>"],"slug":"jetpack-portfolio-tag","name":"Project Tags"}},"series_order":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/heldentaten.com\/portfolio\/wp-json\/wp\/v2\/jetpack-portfolio\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/heldentaten.com\/portfolio\/wp-json\/wp\/v2\/jetpack-portfolio"}],"about":[{"href":"https:\/\/heldentaten.com\/portfolio\/wp-json\/wp\/v2\/types\/jetpack-portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/heldentaten.com\/portfolio\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":9,"href":"https:\/\/heldentaten.com\/portfolio\/wp-json\/wp\/v2\/jetpack-portfolio\/33\/revisions"}],"predecessor-version":[{"id":3582,"href":"https:\/\/heldentaten.com\/portfolio\/wp-json\/wp\/v2\/jetpack-portfolio\/33\/revisions\/3582"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/heldentaten.com\/portfolio\/wp-json\/wp\/v2\/media\/36"}],"wp:attachment":[{"href":"https:\/\/heldentaten.com\/portfolio\/wp-json\/wp\/v2\/media?parent=33"}],"wp:term":[{"taxonomy":"jetpack-portfolio-type","embeddable":true,"href":"https:\/\/heldentaten.com\/portfolio\/wp-json\/wp\/v2\/jetpack-portfolio-type?post=33"},{"taxonomy":"jetpack-portfolio-tag","embeddable":true,"href":"https:\/\/heldentaten.com\/portfolio\/wp-json\/wp\/v2\/jetpack-portfolio-tag?post=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}