IOGT er en frivillig organisasjon som jobber for et rusfritt og tryggere samfunn. De påvirker ruspolitikken, driver forebyggende arbeid og tilbyr støtte til dem som sliter med rus, samt deres pårørende – med særlig fokus på barn og unge. De jobber for at det skal være lett å ta rusfrie valg og skape et inkluderende fellesskap for alle.
Innsiktsfasen
Formålet med løsningen er å et skape et fellesskap for mennesker som aktivt velger å avstå fra alkohol – for egen og andres del. Nettsiden gir tilgang til materiell som støtter opp under målgruppens engasjement og informasjonsarbeid, og som kan brukes til å fremme klarhet og en mer reflektert tilnærming til alkohol i samfunnet.
Vi assosierer betydelig alkoholforbruk eller rusvaner med at ting blir "blurry" (uklart). Grensene viskes ut, og man tenker ikke like klart som i edru tilstand.
Designfasen
Konseptet går ut på at brukeren gjør at aktivt valg, ved å velge en retning fylt med klarhet og tydelighet. Der alt som er viktig i livet blir satt i fokus. At det handler om å prioritere seg selv og egen helse, familie og venner. At sammen beveger vi oss mot en klar retning.
Gradienten fungerer som et retningselement som visualiserer overgangen fra uklart til klart – fra fortid til fremtid. Den blå sirkelen markerer brukerens posisjon i livet og gir et tydelig ankerpunkt i grensesnittet. Slik blir konseptets idé om retning og klarhet integrert i det visuelle uttrykket.
Informasjonsbærende innhold i fokus
Et visuelt grep for å knytte konsept og UI er å fremheve informasjonsbærende innhold. Det gjør innholdet tydelig og gir brukeren en følelse av klarhet når informasjonen formidles.
En hvit gradient over bakgrunnsfargen brukes for å dempe intensiteten i bakgrunnen, fremheve innholdet og skape et tydelig visuell hierarki, samtidig som bakgrunnsfargen beholdes som en integrert del av designet.
Farger
IOGT er en del av et internasjonalt nettverk med en etablert fargepalett. For å sikre god kontrast og lesbarhet brukes lysere nyanser som bakgrunnsfarge. Mørkeblå fungerer som primærfarge og gir kontrast og autoritet til nøkkelkomponenter som logo og ikoner, mens isblå brukes som sekundærfarge på UI-elementer og navigasjon, og bidrar til et luftig og lettlest grensesnitt.
