Brand identity & Web design

〡 2024

Varighed:

4 uger

Projekttype:

Solo eksamensprojekt

Værktøjer:

Figma, VS Code, Illustrator, Photoshop, Google form, pen og papir, AI

Projektmål

Øge kendskab og forståelse for Radars kulturelle værdi blandt 18-30-årige i Aarhus og omsætte den interesse til konkret opbakning i form af deltagelse, frivillighed og økonomisk støtte. Baggrunden er bortfaldet af den regionale støtte pr. januar 2025 og behovet for at mobilisere publikum og nøgleaktører lokalt.

Løsning

RadarHub er et selvstændigt website, der samler fortællingen om Radar, gør engagement let og synligt og styrker fællesskabet gennem funktioner som medlemskab, frivillighed, idéindsendelse, social proof og donation. Løsningen bygger på transparens og brugerinddragelse som drivere for loyalitet og handling.

Udvalgte dele af den kreative proces

Styleboard & Visual identity

Jeg endte med at skabe et mørkegråt design, der skaber en tydelig følelse sammen med den stærke neongrønne accentfarve. Både accentfarven og den mørkegrå har en matchende mørkere/lysere version for at skabe et stærkt dobbelttonet farvepalet-tema for hjemmesiden.
 Parret med kasseformede, isometriske former og et logo, der matcher.
Logoet er skabt ud fra skriftfamilien Cy, men er blevet tilpasset manuelt for at skabe et stærkere look for logoet, samtidig med at det er muligt at bruge skriftfamilien på webstedet for at skabe en stærk identitet.

Styleboard & Visual identity​

Jeg endte med at skabe et mørkegråt design, der skaber en tydelig følelse sammen med den stærke neongrønne accentfarve. Både accentfarven og den mørkegrå har en matchende mørkere/lysere version for at skabe et stærkt dobbelttonet farvepalet-tema for hjemmesiden.
 Parret med kasseformede, isometriske former og et logo, der matcher.
Logoet er skabt ud fra skriftfamilien Cy, men er blevet tilpasset manuelt for at skabe et stærkere look for logoet, samtidig med at det er muligt at bruge skriftfamilien på webstedet for at skabe en stærk identitet.

Mockups og endelig designretning​

Fortsatte med at udforske videnskaben i figma i en højere grad ved hjælp af rigtige fotos, tekster og farvekombinationer for bedre at visualisere mine ideer Jeg udforskede forskellige proportioner af grafiske elementer, før jeg landede på min retning, hvor jeg raffinerede det generelle design af hjemmesiden sammen med finjustering af farvepaletten, hvorefter jeg færdiggjorde det nederste design, så det passede til den visuelle identitet, samt skabte grafiske aktiver og infografik.
Det var alt sammen en del af den samme visuelle identitet, visuelle familie

Baggrundsbilledet​

Fortsatte med at udforske videnskaben i figma i en højere grad ved hjælp af rigtige fotos, tekster og farvekombinationer for bedre at visualisere mine ideer Jeg udforskede forskellige proportioner af grafiske elementer, før jeg landede på min retning, hvor jeg raffinerede det generelle design af hjemmesiden sammen med finjustering af farvepaletten, hvorefter jeg færdiggjorde det nederste design, så det passede til den visuelle identitet, samt skabte grafiske aktiver og infografik.
Det var alt sammen en del af den samme visuelle identitet, visuelle familie

Forfinet design

Til den endelige designretning, der næsten er færdig, skabte jeg et AI-genereret billede, som jeg derefter modificerede og justerede i Photoshop for at få det udtryk, jeg kunne lide, og som jeg mente kommunikerede det eksperimentelle og alternative på en kunstnerisk måde, som jeg mente kunne være et godt billede at have som baggrund for bedre at kommunikere deres kerneformål. Sammen med specialfremstillede svg-grafikker af mennesker, som jeg planlægger at give liv med animation på den rigtige hjemmeside.