Barn av Rusmisbrukere
Barn av Rusmisbrukere jobber for de med foreldre, eller andre nær seg, som har eller har hatt et rusproblem. Sammen med Postpost Studio har vi laget nettsidene til BaR - to ganger!
Barn av rusmisbrukere ble stiftet i 2009 og har siden den gang blitt en landsdekkende bruker- og interesseorganisasjon som jobber for å fremme barn som pårørende.
Teknologi
- Craft CMS (multi-site)
- Tailwind CSS
- GSAP
![](https://vrsgdweb.imgix.net/images/projects/barnavrus/barn-av-rus.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=600&s=d10ae0a22c894c1ae934f533e9a4ac94 600w, https://vrsgdweb.imgix.net/images/projects/barnavrus/barn-av-rus.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=800&s=1397d96c1ce693a878e8652e1f7c1c8a 800w, https://vrsgdweb.imgix.net/images/projects/barnavrus/barn-av-rus.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1000&s=203d8d20b235ee16ee684ed889a1523d 1000w, https://vrsgdweb.imgix.net/images/projects/barnavrus/barn-av-rus.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1200&s=374e1d4e50cae13cfe965775e8ee47da 1200w, https://vrsgdweb.imgix.net/images/projects/barnavrus/barn-av-rus.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1400&s=fd39a4cedc49dc6692d481f909487a07 1400w, https://vrsgdweb.imgix.net/images/projects/barnavrus/barn-av-rus.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1600&s=348f290e284b3c7ab9962954d1772eb1 1600w, https://vrsgdweb.imgix.net/images/projects/barnavrus/barn-av-rus.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1800&s=e396c5652194056213eb7867e24372f1 1800w)
I 2018 fikk våre venner i Postpost Studio oppdraget med å redesigne Barn av rusmisbrukeres visuelle identitet, og vi ble invitert med på laget for å implementere nye nettsider.
Første versjon av nettsidene ble lansert på nyåret i 2019. Dette var i all hovedsak et rent informasjonsnettsted om organisasjonen, med vekt på praktisk info og internt stoff og med en frontend forankret i en sterk visuell identitet.
Med effektive publiseringsverktøy på baksiden, ble BaR raskt inspirert til å produsere mer innhold: artikler, dybdestoff og annet kunnskapsmateriell om temaene organisasjonen arbeider med. Problemet var løsningen ikke var blitt designet for denne typen innhold, og i 2021 bestemte BaR seg for å gjøre en større redesign av nettsidene.
Men, det er sjelden noen grunn til å bytte ut et vinnerlag! Redesign-jobben gikk til Postpost, og vi var selvfølgelig glade for å få lov til å bli med på enda en runde 🥳
![](https://vrsgdweb.imgix.net/images/projects/barnavrus/MockupMaison_DD_B11-v2.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=600&s=c6922adda1423d27643708013c6bddc7 600w, https://vrsgdweb.imgix.net/images/projects/barnavrus/MockupMaison_DD_B11-v2.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=800&s=9a04eb9110bf3de1d9cead53a51d974c 800w, https://vrsgdweb.imgix.net/images/projects/barnavrus/MockupMaison_DD_B11-v2.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1000&s=e9404e1e5d7301aebc9d6f049b93f051 1000w, https://vrsgdweb.imgix.net/images/projects/barnavrus/MockupMaison_DD_B11-v2.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1200&s=002ec72ba2222b5dbade712a86fe09bf 1200w, https://vrsgdweb.imgix.net/images/projects/barnavrus/MockupMaison_DD_B11-v2.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1400&s=338e789cac31cfe37d21ef305e04fc8a 1400w, https://vrsgdweb.imgix.net/images/projects/barnavrus/MockupMaison_DD_B11-v2.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1600&s=9febfca2370a8d86ac6a1eea5be8c121 1600w, https://vrsgdweb.imgix.net/images/projects/barnavrus/MockupMaison_DD_B11-v2.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1800&s=d1a54c8a66b479541bb0725c505fdb31 1800w)
Versjon 2 av nettsidene er en mer eller mindre total redesign, med en helt ny frontend og en rekke nye innholdsmoduler og verktøy under panseret.
Med et mer balansert fokus på både organisasjon og tematikk, og med en videreforedlet visuell profil, fungerer de nye nettsidene bedre som BaRs primære informasjonskanal – samtidig som løsningen har blitt en verdifull kunnskapsbase for temaene organisasjonen arbeider med.
En stor fordel med Craft CMS er at innhold og presentasjon i stor grad er skilt fra hverandre. Dette gjorde det enkelt for oss å løfte over (såkalt "migrere", på fagspråket) alt innholdet i den gamle løsningen, uten særlig mikk og makk 💪
På denne måten kunne innholdsprodusentene i BaR fokusere på å lage innholdet de manglet, i stedet for å bruke kreftene på å gjenskape eller tilpasse innhold de allerede hadde 🚀
Og ikke nok med det! Løsningen er rikt illustrert av fantastiske Jon Arne Berg 😍
![](https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.33.35@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=600&s=381f260c3703c0ba06a71f3a80aed1ed 600w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.33.35@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=800&s=826e87c00cc38ad2d9e790617050d2de 800w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.33.35@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1000&s=44b809777f0c978a721f4159366e7662 1000w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.33.35@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1200&s=d6b8487aad8cdc4e74fd47ebe0dc572f 1200w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.33.35@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1400&s=d105cd71b4fbaac4f09a46b002eb8368 1400w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.33.35@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1600&s=3dafcfc04e4e65f605b3e113ce308c2e 1600w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.33.35@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1800&s=de4aee3f40773cbcdba40b9faff6954d 1800w)
![](https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.51.07@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=600&s=5f835456a81a4435e5d6749bb79f54e3 600w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.51.07@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=800&s=d323d9de46fb8fb0cc792c9df944ebc6 800w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.51.07@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1000&s=c12abc43b27ef43822747d371766c70c 1000w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.51.07@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1200&s=8820743979048612005620611923fb5a 1200w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.51.07@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1400&s=f3396c370542ebabba92b7eeddaf506d 1400w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.51.07@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1600&s=d709d15357f4b0a731cf918b2776c979 1600w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.51.07@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1800&s=c628e1b66c91f34a3cf20788934426d3 1800w)
![](https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.55.25@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=600&s=f774474106bf82acaa91075d4574b10e 600w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.55.25@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=800&s=9b40eeb7ae9ea6bb7bfe3565967e9a1b 800w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.55.25@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1000&s=9663277123a1842dbf50967113bacf09 1000w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.55.25@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1200&s=b467aab7f9d960ed9a37f3f893e633d4 1200w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.55.25@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1400&s=67710257ff5156d60ef4a4dcc9f15934 1400w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.55.25@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1600&s=ea724ff22fe2ce4e4a2a93910307e3ac 1600w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.55.25@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1800&s=36b2526dbcbe97b9a2d73cb0c4b4813f 1800w)
BaR Portal
I tillegg til selve nettstedet barnavrus.no, har vi utviklet en lukket portal for onboarding av frivillige. Portalen består av 100% modulære kursopplegg, og er bygget inn i samme publiseringsløsning som hovednettstedet.
![](https://vrsgdweb.imgix.net/illustrations/Vaersaagod_Godstemning_A_cropped.png?colorquant=6&cs=srgb&fit=clip&fm=png8&q=80&w=400&s=7d0f13e53c42b39f0153b669049e8b13 400w, https://vrsgdweb.imgix.net/illustrations/Vaersaagod_Godstemning_A_cropped.png?colorquant=6&cs=srgb&fit=clip&fm=png8&q=80&w=600&s=cc3e197a68e910a435afd27996d5761c 600w, https://vrsgdweb.imgix.net/illustrations/Vaersaagod_Godstemning_A_cropped.png?colorquant=6&cs=srgb&fit=clip&fm=png8&q=80&w=800&s=23f51183e95989ad44d5027a16c3350b 800w, https://vrsgdweb.imgix.net/illustrations/Vaersaagod_Godstemning_A_cropped.png?colorquant=6&cs=srgb&fit=clip&fm=png8&q=80&w=1000&s=b7965dba38df4bc0f92cd257ce85e60d 1000w, https://vrsgdweb.imgix.net/illustrations/Vaersaagod_Godstemning_A_cropped.png?colorquant=6&cs=srgb&fit=clip&fm=png8&q=80&w=1200&s=fb82b4c8de5874ed6c551d4638edd8b4 1200w)
![](https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.58.20@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=600&s=fac1c3504846ec7f8fbf6a424f5b919e 600w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.58.20@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=800&s=82f998993065f1ae3b07e1c71b9c1c26 800w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.58.20@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1000&s=f801847f8096e671defaa17aaa0c2412 1000w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.58.20@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1200&s=e10f524abcbc74626857107a9d30a372 1200w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.58.20@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1400&s=8b8418f46334ed1fff08f0ee3a4f8b67 1400w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.58.20@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1600&s=4e5d25ddf2e72b9ec451b531bb00f4a3 1600w, https://vrsgdweb.imgix.net/images/projects/barnavrus/CleanShot-2023-08-20-at-12.58.20@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1800&s=e695d7a30aca16fc1ff5ad70af28bb34 1800w)