'%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)
How we created a digital presence for Antonia Ruut Stiftung that brings its brand and work to life.
Finn Schönberg Frontend Developer
Adam Mohamed Junior Designer
The challenge: showcase the diversity and impact of international aid projects while authentically placing the people, stories, and values behind the foundation at the heart of the experience.
Website relaunch
Icon design
'/%3e%3c/svg%3e)
A brand with a forward-thinking digital presence
The challenge: showcase the diversity and impact of international aid projects while authentically placing the people, stories, and values behind the foundation at the heart of the experience.
The new website makes Antonia Ruut Stiftung accessible on every device, combining intuitive navigation with a distinctive visual language.
Design & development
A clear structure, precise interactions, and a responsive design system create a digital presence built to perform over the long term.
Impressionen
Markenwelt & Design-System
Schriften
Mona Sans
Antonia Ruut Stiftung combines purpose and quality with a distinctive digital experience.
Inter
Antonia Ruut Stiftung combines purpose and quality with a distinctive digital experience.
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}
Project services
Strategy
- Concept development
- Information architecture
- Content Strategy
Design
- UI / UX Design
- Responsive Web Design
- Design System
- Icon design
Development
- Frontend Development
- CMS Integration
- Performance Optimization
Book a free 30-minute consultation
Q & A
A custom website translates the brand, its offering, and the needs of its target audiences into a clear digital experience.
