Banorama for Bane NOR
Together with Spoon Norway, we've created a digital learning tool for Bane NOR that provides children and young people with a simple introduction to safe crossing of the railway, electricity near the tracks, and other smart tips on how to stay on the safe side.
During the corona pandemic, it became difficult for BaneNOR to carry out traditional, attitude-forming programs in the country's schools.
As a digital alternative, the website Banorama conveys important safety information to children in a colorful visual language, wonderfully illustrated by Frode Skaren at byHands 😍
Technology
- Lottie
- GSAP
- Craft CMS
- Matter.js
Awards
![](https://vrsgdweb.imgix.net/images/projects/banorama/banorama_desktop.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=600&s=a5878052e2f62cd92e87f0facfd4e0e9 600w, https://vrsgdweb.imgix.net/images/projects/banorama/banorama_desktop.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=800&s=ce44c242562c1df43b010a505afcc278 800w, https://vrsgdweb.imgix.net/images/projects/banorama/banorama_desktop.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1000&s=c837e726c29d438fa372b9cd2b1e0d7f 1000w, https://vrsgdweb.imgix.net/images/projects/banorama/banorama_desktop.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1200&s=20a93b2f0e92d9bdee4111d1863da6c2 1200w, https://vrsgdweb.imgix.net/images/projects/banorama/banorama_desktop.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1400&s=8faa942c91b2e4cd2ce0f1199587a1fb 1400w, https://vrsgdweb.imgix.net/images/projects/banorama/banorama_desktop.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1600&s=fb60b6052782b2f7c5b644ebb05ab306 1600w, https://vrsgdweb.imgix.net/images/projects/banorama/banorama_desktop.jpg?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1800&s=fbce6b8faa7da01900d7958807d04557 1800w)
![](https://vrsgdweb.imgix.net/images/projects/banorama/CleanShot-2023-08-09-at-01.44.49@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=600&s=81ae77708cf7eff9f21fb1880b1879ab 600w, https://vrsgdweb.imgix.net/images/projects/banorama/CleanShot-2023-08-09-at-01.44.49@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=800&s=ce757ba8afdf8d52e059c997aa6b2d33 800w, https://vrsgdweb.imgix.net/images/projects/banorama/CleanShot-2023-08-09-at-01.44.49@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1000&s=23035601925871c6a2c85deded9ba0ce 1000w, https://vrsgdweb.imgix.net/images/projects/banorama/CleanShot-2023-08-09-at-01.44.49@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1200&s=a5e8c95fad754b292df316c5449d0c39 1200w, https://vrsgdweb.imgix.net/images/projects/banorama/CleanShot-2023-08-09-at-01.44.49@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1400&s=d709d407ce72f722a4fcde93e9e3bbe8 1400w, https://vrsgdweb.imgix.net/images/projects/banorama/CleanShot-2023-08-09-at-01.44.49@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1600&s=08f17eb4a4173912a0024acb07b36b6a 1600w, https://vrsgdweb.imgix.net/images/projects/banorama/CleanShot-2023-08-09-at-01.44.49@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1800&s=695afda94651b5346fa5c542bb1aa55e 1800w)
![](https://vrsgdweb.imgix.net/images/projects/banorama/CleanShot-2023-08-09-at-01.46.17@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=600&s=da52d4742022e3cd6945c489b11c71a6 600w, https://vrsgdweb.imgix.net/images/projects/banorama/CleanShot-2023-08-09-at-01.46.17@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=800&s=4f28693c7205c667069db30e63ae0320 800w, https://vrsgdweb.imgix.net/images/projects/banorama/CleanShot-2023-08-09-at-01.46.17@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1000&s=93759f4e8f028fa20c6057e638bc9b69 1000w, https://vrsgdweb.imgix.net/images/projects/banorama/CleanShot-2023-08-09-at-01.46.17@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1200&s=ead096a53270ee7a87939b0658be9a47 1200w, https://vrsgdweb.imgix.net/images/projects/banorama/CleanShot-2023-08-09-at-01.46.17@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1400&s=ca66863890da717278edc7540a2e315a 1400w, https://vrsgdweb.imgix.net/images/projects/banorama/CleanShot-2023-08-09-at-01.46.17@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1600&s=c8cf53bec7250764cca5393083e5898b 1600w, https://vrsgdweb.imgix.net/images/projects/banorama/CleanShot-2023-08-09-at-01.46.17@2x.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=80&w=1800&s=94d70db720193c0088c7ea87662dd7fb 1800w)