BAKGRUNN 
Formålet oppdraget var å tydeliggjøre brandingen til Aventia Media AS gjennom modernisering, redesign av grafiske elementer, forbedring av farger, typografi og kontraster. Farger og typografi skulle velges og settes opp slik at de har universal utforming og forholder seg til WCAG reglementet. Prosjektet var delt opp i rater som skal resultere i en helhetlig designprofil. Disse bestod av: 1) Retting av logo, 2) Fargepalett med regler for bruk (WCAG), 3) Typografi med regler for bruk, 4) Ikoner i linjert stil, 5) 5 forslag på bruk av grafiske elementer, 6) 1 enkel animasjon for å se at brandingen fungerer med bevegelse og 7) Redesign av nettside forside utifra ny branding.
RETTELSE AV EMBLEM OG LOGO
Hovedelementet ved redesignet var korreksjon av emblem og logoutrykk. Eksisterende emblem var skjevt, hadde ujevnheter og ikke utviklet ved grid. Et annet problem var at indre form ikke hadde samme breddeforhold og at nedre bue og avsluttende form ikke stod på linje. Disse ble korrigert ved egenutviklet grid og kombinert med wordmark i grid.
Original emblem
Original emblem
Emblem tilpasset grid
Emblem tilpasset grid
Redesignet emblem
Redesignet emblem
Original logo
Original logo
Logo tilpasset grid
Logo tilpasset grid
Redesignet  logo
Redesignet logo
FARGEPALETT OG WCAG REGLER
Aventia ønsket å beholde rødt og gråtoner som primærfarger, men at eksisterende fargepallet skulle justeres i forhold til UU- og WCAG-reglement. I tillegg ønsket de en fargepalett som kunne anvendes med primærfargene ved knapper og mindre elementer, samt farger som kan brukes ved illustrasjoner og grafiske elementer. Det ble utviklet en rekke WCAG kart for hvilke farger som har nok kontraster til hverandre slik at de ansatte enkelt kan navigere. I tillegg til kartene under ble det utviklet egne kart mellom de ulike nivåene.
Primærfarger og WCAG
Primærfarger og WCAG
Sekundærfarger og WCAG
Sekundærfarger og WCAG
Tertiærfarger og WCAG
Tertiærfarger og WCAG
IKONER
Bedriften ønsket at det skulle utvikles engenartede ikoner i oneline stil som skal kunne komplimentere den overordnede visuelle identiteten og ha likhetstrekk til logo emblem. Ikonene skulle representere ulike kategorier og kunne anvendes på alle ulike flater, både digitale og trykte. Ikonene ble utviklet i et grid på 48x48 ruter (Iconography Cheat Sheet fra Jammed - free of use) der linjene er 2 rutestørrelse i tykkelse.
Grid
Grid
Ikon utviklet i grid
Ikon utviklet i grid
Ikon ferdig
Ikon ferdig
Pc
Pc
Video/streaming
Video/streaming
Undertekst
Undertekst
Votering
Votering
Brukere
Brukere
Bruker
Bruker
Stjerne
Stjerne
Punkter
Punkter
GRAFISK ELEMENT
Ved utvikling av grafisk element ble logo emblem blåst opp i positiv og negativ form for å skape nye uttrykk. Disse bakgrunnene ble så anvendt i rødt og grått ved fem ulike forslag på bruk. Bedriften ønsket å se disse anvendt i en løsning på: PowerPoint, rollups, web-banner, flyer og et sosiale medier innlegg ved Instagram-karusell.
Grafisk element bakgrunner
Grafisk element bakgrunner
PowerPoint mal
PowerPoint mal
Rollups
Rollups
Banner versjon 1
Banner versjon 1
Banner versjon 2
Banner versjon 2
Banner versjon 3
Banner versjon 3
Banner versjon 4
Banner versjon 4
Flyer rød og grå versjon 1
Flyer rød og grå versjon 1
Flyer rød og grå versjon 2
Flyer rød og grå versjon 2
Flyer rød og grå versjon 3
Flyer rød og grå versjon 3
Flyer rød og grå versjon 4
Flyer rød og grå versjon 4
Innlegg på Instagram (karusell)
Innlegg på Instagram (karusell)
REDESIGN AV LANDINGSSIDE
Siste del av prosjektet omhandlet å lage utkast til ny landingsside for Aventia sin pc- og mobil løsning. I tillegg til dette ble det valgt ny typografi Ubuntu Sans (brukt på hele re-branding) og satt opp regler for bruk og hierarki. Bedriften ønsket bare utkast til forsiden da deres egen designer skulle videreutvikle uttrykket ved de underliggende sidene.
Nytt design av Aventia landingside
Nytt design av Aventia landingside
Nytt design av Aventia landingside : Kommune TV
Nytt design av Aventia landingside : Kommune TV
Nytt design av Aventia landingside: Bruk av ikoner
Nytt design av Aventia landingside: Bruk av ikoner
Nytt design av Aventia landingside: Footer
Nytt design av Aventia landingside: Footer
Skisser landingside web løsning
Skisser landingside web løsning
Skisser landingside mobil løsning
Skisser landingside mobil løsning
ALLE RETTIGHETER PÅ DESIGN OG BILDER VED PROSJEKTET TILHØRER AVENTIA AS © 2024
MOCKUPS: FREEPIK
Back to Top