'%20fill-opacity='0.4'/%3e%3cdefs%3e%3cradialGradient%20id='lewo-gradient-radial'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(471.5%20472.5)%20rotate(90)%20scale(472.5%20471.5)'%3e%3cstop%20offset='0.0208333'%20stop-color='%23F0B203'/%3e%3cstop%20offset='0.442708'%20stop-color='%23972F48'/%3e%3cstop%20offset='0.78125'%20stop-color='%23122B4E'/%3e%3cstop%20offset='1'%20stop-color='%2304040E'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e)
Wie wir für Antonia Ruut Stiftung einen digitalen Auftritt geschaffen haben, der Marke und Angebot erlebbar macht.
Finn Schönberg Frontend Developer
Adam Mohamed Junior Designer
Die Herausforderung: die Vielfalt und Wirkung internationaler Hilfsprojekte sichtbar machen – und dabei die Menschen, Geschichten und Werte hinter der Stiftung authentisch in den Mittelpunkt stellen.
Website Relaunch
Icondesign
'/%3e%3c/svg%3e)
Eine Marke, die digital weiterdenkt
Die Herausforderung: die Vielfalt und Wirkung internationaler Hilfsprojekte sichtbar machen – und dabei die Menschen, Geschichten und Werte hinter der Stiftung authentisch in den Mittelpunkt stellen.
Der neue Auftritt macht Antonia Ruut Stiftung auf allen Geräten zugänglich und verbindet Orientierung mit einer unverwechselbaren visuellen Sprache.
Design & Entwicklung
Eine klare Struktur, präzise Interaktionen und ein responsives Designsystem sorgen für einen Auftritt, der nachhaltig funktioniert.
Impressionen
Markenwelt & Design-System
Schriften
Mona Sans
Antonia Ruut Stiftung verbindet Haltung, Qualität und ein digitales Erlebnis mit Wiedererkennungswert.
Inter
Antonia Ruut Stiftung verbindet Haltung, Qualität und ein digitales Erlebnis mit Wiedererkennungswert.
Farben
Tools
Cloudflare, Cursor, Figma, Photoshop, Illustrator
'%3e%3cmask%20id='mask1_4304_132999'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='8'%20y='8'%20width='33'%20height='32'%3e%3cpath%20d='M8%208H40.1562V39.3125H8V8Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask1_4304_132999)'%3e%3cpath%20d='M23.9776%2039.3125L37.9455%2031.4844L23.9776%2023.6562L10.0098%2031.4844L23.9776%2039.3125Z'%20fill='url(%23paint0_linear_4304_132999)'/%3e%3cpath%20d='M37.9454%2031.4844V15.8281L23.9775%208V23.6562L37.9454%2031.4844Z'%20fill='url(%23paint1_linear_4304_132999)'/%3e%3cpath%20d='M23.9776%208L10.0098%2015.8281V31.4844L23.9776%2023.6562V8Z'%20fill='url(%23paint2_linear_4304_132999)'/%3e%3cpath%20d='M37.9454%2015.8281L23.9775%2039.3125V23.6562L37.9454%2015.8281Z'%20fill='%23E4E4E4'/%3e%3cpath%20d='M37.9455%2015.8281L23.9776%2023.6562L10.0098%2015.8281H37.9455Z'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_4304_132999'%20x1='23.9776'%20y1='23.6562'%20x2='23.9776'%20y2='39.3125'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.16'%20stop-color='white'%20stop-opacity='0.39'/%3e%3cstop%20offset='0.658'%20stop-color='white'%20stop-opacity='0.8'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_4304_132999'%20x1='37.9454'%20y1='15.8764'%20x2='24.1701'%20y2='24.1716'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.182'%20stop-color='white'%20stop-opacity='0.31'/%3e%3cstop%20offset='0.715'%20stop-color='white'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_4304_132999'%20x1='23.9776'%20y1='8'%20x2='10.5586'%20y2='31.7939'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='white'%20stop-opacity='0.6'/%3e%3cstop%20offset='0.667'%20stop-color='white'%20stop-opacity='0.22'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e){kind=small}
'%3e%3cpath%20d='M8.5%20-5.71663e-05H39.5C40.6165%20-0.00113649%2041.7223%200.223623%2042.7541%200.661359C43.7858%201.09909%2044.7232%201.74121%2045.5128%202.55096C46.3023%203.36071%2046.9283%204.3222%2047.3551%205.3804C47.7819%206.4386%2048.0011%207.57273%2048%208.71789V39.282C48.0011%2040.4272%2047.7819%2041.5613%2047.3551%2042.6195C46.9283%2043.6777%2046.3023%2044.6392%2045.5128%2045.4489C44.7232%2046.2587%2043.7858%2046.9008%2042.7541%2047.3385C41.7223%2047.7763%2040.6165%2048.001%2039.5%2047.9999H8.5C7.38347%2048.001%206.27769%2047.7763%205.24595%2047.3385C4.21421%2046.9008%203.27676%2046.2587%202.48725%2045.4489C1.69774%2044.6392%201.07168%2043.6777%200.644884%2042.6195C0.218092%2041.5613%20-0.00104857%2040.4272%203.77215e-06%2039.282V8.71789C-0.00104857%207.57273%200.218092%206.4386%200.644884%205.3804C1.07168%204.3222%201.69774%203.36071%202.48725%202.55096C3.27676%201.74121%204.21421%201.09909%205.24595%200.661359C6.27769%200.223623%207.38347%20-0.00113649%208.5%20-5.71663e-05Z'%20fill='%23000B1D'/%3e%3cpath%20d='M19%2039.3846C21.7614%2039.3846%2024%2037.0887%2024%2034.2564V29.1282H19C16.2386%2029.1282%2014%2031.4242%2014%2034.2564C14%2037.0887%2016.2386%2039.3846%2019%2039.3846Z'%20fill='%230ACF83'/%3e%3cpath%20d='M14%2024C14%2021.1677%2016.2386%2018.8718%2019%2018.8718H24V29.1282H19C16.2386%2029.1282%2014%2026.8322%2014%2024Z'%20fill='%23A259FF'/%3e%3cpath%20d='M14%2013.7436C14%2010.9114%2016.2386%208.61542%2019%208.61542H24V18.8718H19C16.2386%2018.8718%2014%2016.5759%2014%2013.7436Z'%20fill='%23F24E1E'/%3e%3cpath%20d='M24%208.61542H29C31.7614%208.61542%2034%2010.9114%2034%2013.7436C34%2016.5759%2031.7614%2018.8718%2029%2018.8718H24V8.61542Z'%20fill='%23FF7262'/%3e%3cpath%20d='M34%2024C34%2026.8322%2031.7614%2029.1282%2029%2029.1282C26.2386%2029.1282%2024%2026.8322%2024%2024C24%2021.1677%2026.2386%2018.8718%2029%2018.8718C31.7614%2018.8718%2034%2021.1677%2034%2024Z'%20fill='%231ABCFE'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4300_124409'%3e%3crect%20width='48'%20height='48'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e){kind=small}
'%3e%3cpath%20d='M8.5%20-5.71663e-05H39.5C40.6165%20-0.00113649%2041.7223%200.223623%2042.7541%200.661359C43.7858%201.09909%2044.7232%201.74121%2045.5128%202.55096C46.3023%203.36071%2046.9283%204.3222%2047.3551%205.3804C47.7819%206.4386%2048.0011%207.57273%2048%208.71789V39.282C48.0011%2040.4272%2047.7819%2041.5613%2047.3551%2042.6195C46.9283%2043.6777%2046.3023%2044.6392%2045.5128%2045.4489C44.7232%2046.2587%2043.7858%2046.9008%2042.7541%2047.3385C41.7223%2047.7763%2040.6165%2048.001%2039.5%2047.9999H8.5C7.38347%2048.001%206.27769%2047.7763%205.24595%2047.3385C4.21421%2046.9008%203.27676%2046.2587%202.48725%2045.4489C1.69774%2044.6392%201.07168%2043.6777%200.644884%2042.6195C0.218092%2041.5613%20-0.00104857%2040.4272%203.77215e-06%2039.282V8.71789C-0.00104857%207.57273%200.218092%206.4386%200.644884%205.3804C1.07168%204.3222%201.69774%203.36071%202.48725%202.55096C3.27676%201.74121%204.21421%201.09909%205.24595%200.661359C6.27769%200.223623%207.38347%20-0.00113649%208.5%20-5.71663e-05V-5.71663e-05Z'%20fill='%23330000'/%3e%3cpath%20d='M23.2599%2028.8H15.8199L14.2999%2033.6205C14.2829%2033.7084%2014.2345%2033.7865%2014.1642%2033.8397C14.0939%2033.8928%2014.0067%2033.9171%2013.9199%2033.9077H10.1599C9.93988%2033.9077%209.87988%2033.7846%209.93988%2033.5385L16.3799%2014.5231C16.4399%2014.3179%2016.4999%2014.0923%2016.5799%2013.8461C16.6604%2013.4065%2016.7005%2012.9601%2016.6999%2012.5128C16.6939%2012.4614%2016.707%2012.4096%2016.7367%2012.3678C16.7664%2012.3259%2016.8104%2012.2972%2016.8599%2012.2872H22.0399C22.1999%2012.2872%2022.2799%2012.3487%2022.2999%2012.4513L29.5999%2033.5795C29.6599%2033.8051%2029.5999%2033.9077%2029.3999%2033.9077H25.2199C25.1492%2033.9147%2025.0784%2033.8959%2025.0198%2033.8546C24.9613%2033.8133%2024.9188%2033.7522%2024.8999%2033.682L23.2599%2028.8ZM16.9799%2024.6359H22.0599C21.9399%2024.2051%2021.7799%2023.6923%2021.5999%2023.159C21.4199%2022.6256%2021.2399%2022.0102%2021.0599%2021.3949C20.8799%2020.7795%2020.6799%2020.1436%2020.4799%2019.5077C20.2799%2018.8718%2020.0999%2018.2769%2019.9399%2017.682C19.7799%2017.0872%2019.6399%2016.5743%2019.4999%2016.082H19.4599C19.2801%2016.9761%2019.0531%2017.8594%2018.7799%2018.7282C18.4799%2019.7128%2018.1799%2020.7385%2017.8599%2021.7641C17.5799%2022.8102%2017.2799%2023.7743%2016.9799%2024.6359V24.6359Z'%20fill='%23FF9A00'/%3e%3cpath%20d='M33.96%2015.7949C33.6317%2015.8022%2033.3053%2015.7425%2032.9997%2015.6193C32.6941%2015.496%2032.4155%2015.3117%2032.18%2015.0769C31.7218%2014.563%2031.4778%2013.8857%2031.5%2013.1897C31.4882%2012.8506%2031.5462%2012.5128%2031.6703%2012.1982C31.7944%2011.8836%2031.9817%2011.5994%2032.22%2011.3641C32.7008%2010.8981%2033.3386%2010.6408%2034%2010.6461C34.78%2010.6461%2035.38%2010.8923%2035.82%2011.3641C36.2631%2011.8615%2036.4998%2012.5163%2036.48%2013.1897C36.4922%2013.5363%2036.4366%2013.8819%2036.3163%2014.206C36.1961%2014.5302%2036.0138%2014.8263%2035.78%2015.0769C35.5444%2015.3231%2035.26%2015.5146%2034.946%2015.6384C34.632%2015.7623%2034.2958%2015.8156%2033.96%2015.7949V15.7949ZM31.72%2033.6V17.8051C31.72%2017.6%2031.8%2017.5179%2031.98%2017.5179H35.94C36.12%2017.5179%2036.2%2017.6205%2036.2%2017.8051V33.6C36.2%2033.8256%2036.12%2033.9282%2035.94%2033.9282H32.02C31.978%2033.9317%2031.9357%2033.9255%2031.8964%2033.91C31.857%2033.8944%2031.8216%2033.8699%2031.7928%2033.8384C31.7639%2033.8068%2031.7424%2033.769%2031.7298%2033.7277C31.7172%2033.6864%2031.7139%2033.6428%2031.72%2033.6V33.6Z'%20fill='%23FF9A00'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4300_124408'%3e%3crect%20width='48'%20height='48'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e){kind=small}
Projektleistungen
Strategie
- Konzeption
- Informationsarchitektur
- Content Strategy
Design
- UI / UX Design
- Responsive Web Design
- Design System
- Icondesign
Development
- Frontend Development
- CMS Integration
- Performance Optimization
Kostenlosen 30 Minuten Termin buchen
Q & A
Ein individueller Auftritt übersetzt Marke, Angebot und Zielgruppenbedürfnisse in eine klare digitale Erfahrung.
