Aurélia Durand Hjemmeside
Vi hjalp kunstneren Aurélia Durand med at præsentere sit farverige univers gennem en levende hjemmeside udviklet i Webflow, hvor vi zoomer ind på de karakteristiske detaljer i hendes kunst og lader hendes figurer træde helt frem.
Aurélia Durand er en ung illustrator baseret i København. Gennem stærke farver, markante budskaber og selvsikker, legende energi hylder hun sine afro-descendant rødder og styrker mennesker i at tro på sig selv. At få hendes kunst til at leve digitalt har derfor været en særlig oversættelsesopgave.
Ved at arbejde med forstørrede udsnit, bevægelse og dynamiske interaktioner, hvor karaktererne danser hen over siderne, har vi skabt et digitalt univers, der spejler hendes visuelle udtryk. Resultatet er en oplevelse, der ikke kan andet end få sine besøgende til at smile. Og det er netop essensen af Aurélia Durands kunst.
Layout i lag
Ligesom Aurélia gør i sit arbejde, har vi arbejdet med lag på hjemmesiden, som bevæger sig individuelt, når man navigerer rundt. Øverst på siden oplever man det med det samme, hvor tre forskellige cases præsenteres. Fællesnævneren er cirklen i baggrunden med subtile bevægelser, der fungerer som bagtæppe for illustrationen i midten og titlen i forgrunden. Vi har anvendt samme effekt i menuen, hvor hendes temperamentsfulde kvinder dukker op, når man holder musen hen over de forskellige menupunkter.
Ligesom Aurélia gør i sit arbejde, har vi arbejdet med lag på hjemmesiden, som bevæger sig individuelt, når man navigerer rundt. Øverst på siden oplever man det med det samme, hvor tre forskellige cases præsenteres.
Fællesnævneren er cirklen i baggrunden med subtile bevægelser, der fungerer som bagtæppe for illustrationen i midten og titlen i forgrunden.
Vi har anvendt samme effekt i menuen, hvor hendes temperamentsfulde kvinder dukker op, når man holder musen hen over de forskellige menupunkter.
Layout i lag
Ligesom Aurélia gør i sit arbejde, har vi arbejdet med lag på hjemmesiden, som bevæger sig individuelt, når man navigerer rundt. Øverst på siden oplever man det med det samme, hvor tre forskellige cases præsenteres.
Fællesnævneren er cirklen i baggrunden med subtile bevægelser, der fungerer som bagtæppe for illustrationen i midten og titlen i forgrunden.
Vi har anvendt samme effekt i menuen, hvor hendes temperamentsfulde kvinder dukker op, når man holder musen hen over de forskellige menupunkter.
Ligesom Aurélia gør i sit arbejde, har vi arbejdet med lag på hjemmesiden, som bevæger sig individuelt, når man navigerer rundt. Øverst på siden oplever man det med det samme, hvor tre forskellige cases præsenteres. Fællesnævneren er cirklen i baggrunden med subtile bevægelser, der fungerer som bagtæppe for illustrationen i midten og titlen i forgrunden. Vi har anvendt samme effekt i menuen, hvor hendes temperamentsfulde kvinder dukker op, når man holder musen hen over de forskellige menupunkter.
Layout i lag
Ligesom Aurélia gør i sit arbejde, har vi arbejdet med lag på hjemmesiden, som bevæger sig individuelt, når man navigerer rundt. Øverst på siden oplever man det med det samme, hvor tre forskellige cases præsenteres. Fællesnævneren er cirklen i baggrunden med subtile bevægelser, der fungerer som bagtæppe for illustrationen i midten og titlen i forgrunden. Vi har anvendt samme effekt i menuen, hvor hendes temperamentsfulde kvinder dukker op, når man holder musen hen over de forskellige menupunkter.
Layout i lag
Ligesom Aurélia gør i sit arbejde, har vi arbejdet med lag på hjemmesiden, som bevæger sig individuelt, når man navigerer rundt. Øverst på siden oplever man det med det samme, hvor tre forskellige cases præsenteres.
Fællesnævneren er cirklen i baggrunden med subtile bevægelser, der fungerer som bagtæppe for illustrationen i midten og titlen i forgrunden.
Vi har anvendt samme effekt i menuen, hvor hendes temperamentsfulde kvinder dukker op, når man holder musen hen over de forskellige menupunkter.
Ligesom Aurélia gør i sit arbejde, har vi arbejdet med lag på hjemmesiden, som bevæger sig individuelt, når man navigerer rundt. Øverst på siden oplever man det med det samme, hvor tre forskellige cases præsenteres. Fællesnævneren er cirklen i baggrunden med subtile bevægelser, der fungerer som bagtæppe for illustrationen i midten og titlen i forgrunden. Vi har anvendt samme effekt i menuen, hvor hendes temperamentsfulde kvinder dukker op, når man holder musen hen over de forskellige menupunkter.
Ligesom Aurélia gør i sit arbejde, har vi arbejdet med lag på hjemmesiden, som bevæger sig individuelt, når man navigerer rundt. Øverst på siden oplever man det med det samme, hvor tre forskellige cases præsenteres.
Fællesnævneren er cirklen i baggrunden med subtile bevægelser, der fungerer som bagtæppe for illustrationen i midten og titlen i forgrunden.
Vi har anvendt samme effekt i menuen, hvor hendes temperamentsfulde kvinder dukker op, når man holder musen hen over de forskellige menupunkter.
Layout i lag
Ligesom Aurélia gør i sit arbejde, har vi arbejdet med lag på hjemmesiden, som bevæger sig individuelt, når man navigerer rundt. Øverst på siden oplever man det med det samme, hvor tre forskellige cases præsenteres. Fællesnævneren er cirklen i baggrunden med subtile bevægelser, der fungerer som bagtæppe for illustrationen i midten og titlen i forgrunden. Vi har anvendt samme effekt i menuen, hvor hendes temperamentsfulde kvinder dukker op, når man holder musen hen over de forskellige menupunkter.
Ligesom Aurélia gør i sit arbejde, har vi arbejdet med lag på hjemmesiden, som bevæger sig individuelt, når man navigerer rundt. Øverst på siden oplever man det med det samme, hvor tre forskellige cases præsenteres.
Fællesnævneren er cirklen i baggrunden med subtile bevægelser, der fungerer som bagtæppe for illustrationen i midten og titlen i forgrunden.
Vi har anvendt samme effekt i menuen, hvor hendes temperamentsfulde kvinder dukker op, når man holder musen hen over de forskellige menupunkter.
Opdagelsesside med filtre
For at gøre Aurélias omfattende portfolio af personlige og bestilte værker tilgængelig og sjov at gå på opdagelse i, har vi skabt et nøgleordsfilter på siden “Explore”. Her kan du indtaste præcis det ord, du har i tankerne, fra fest til poesi. Søgningen viser resultater live, så du løbende kan se, hvad der dukker op, mens du skriver.
Opdagelsesside med filtre
For at gøre Aurélias omfattende portfolio af personlige og bestilte værker tilgængelig og sjov at gå på opdagelse i, har vi skabt et nøgleordsfilter på siden “Explore”. Her kan du indtaste præcis det ord, du har i tankerne, fra fest til poesi. Søgningen viser resultater live, så du løbende kan se, hvad der dukker op, mens du skriver.
Opdagelsesside med filtre
Opdagelsesside med filtre
For at gøre Aurélias omfattende portfolio af personlige og bestilte værker tilgængelig og sjov at gå på opdagelse i, har vi skabt et nøgleordsfilter på siden “Explore”. Her kan du indtaste præcis det ord, du har i tankerne, fra fest til poesi. Søgningen viser resultater live, så du løbende kan se, hvad der dukker op, mens du skriver.
For at gøre Aurélias omfattende portfolio af personlige og bestilte værker tilgængelig og sjov at gå på opdagelse i, har vi skabt et nøgleordsfilter på siden “Explore”. Her kan du indtaste præcis det ord, du har i tankerne, fra fest til poesi. Søgningen viser resultater live, så du løbende kan se, hvad der dukker op, mens du skriver.
Opdagelsesside med filtre
For at gøre Aurélias omfattende portfolio af personlige og bestilte værker tilgængelig og sjov at gå på opdagelse i, har vi skabt et nøgleordsfilter på siden “Explore”. Her kan du indtaste præcis det ord, du har i tankerne, fra fest til poesi. Søgningen viser resultater live, så du løbende kan se, hvad der dukker op, mens du skriver.
Specialskrift og cursor
Aurélia hjalp os med at designe sin egen custom font, som hun bruger til statements i illustrationerne. Kombineret med en mere klassisk sans serif-typografi er alle tekster helt bogstaveligt skrevet med hendes egne ord og bogstaver. For at få hver eneste pixel til at føles og bevæge sig som hende har hun også skabt en specialdesignet cursor.
Specialskrift og cursor
Aurélia hjalp os med at designe sin egen custom font, som hun bruger til statements i illustrationerne. Kombineret med en mere klassisk sans serif-typografi er alle tekster helt bogstaveligt skrevet med hendes egne ord og bogstaver. For at få hver eneste pixel til at føles og bevæge sig som hende har hun også skabt en specialdesignet cursor.
Specialskrift og cursor
Aurélia hjalp os med at designe sin egen custom font, som hun bruger til statements i illustrationerne. Kombineret med en mere klassisk sans serif-typografi er alle tekster helt bogstaveligt skrevet med hendes egne ord og bogstaver. For at få hver eneste pixel til at føles og bevæge sig som hende har hun også skabt en specialdesignet cursor.
Specialskrift og cursor
Aurélia hjalp os med at designe sin egen custom font, som hun bruger til statements i illustrationerne. Kombineret med en mere klassisk sans serif-typografi er alle tekster helt bogstaveligt skrevet med hendes egne ord og bogstaver. For at få hver eneste pixel til at føles og bevæge sig som hende har hun også skabt en specialdesignet cursor.
Specialskrift og cursor
Aurélia hjalp os med at designe sin egen custom font, som hun bruger til statements i illustrationerne. Kombineret med en mere klassisk sans serif-typografi er alle tekster helt bogstaveligt skrevet med hendes egne ord og bogstaver. For at få hver eneste pixel til at føles og bevæge sig som hende har hun også skabt en specialdesignet cursor.
Transitions effekter og sektioner
Hjemmesiden er designet til at give lyst til at bevæge sig rundt på siden, hvis ikke for at lede efter noget konkret, så blot for at se, hvad der sker. Derfor har vi arbejdet med både små og store effekter i hver interaktion. Den mest markante af dem er sidetransitionen, en bølgende bevægelse, som har sit ophav i en af hendes animerede videoer.
Transitions effekter og sektioner
Hjemmesiden er designet til at give lyst til at bevæge sig rundt på siden, hvis ikke for at lede efter noget konkret, så blot for at se, hvad der sker. Derfor har vi arbejdet med både små og store effekter i hver interaktion. Den mest markante af dem er sidetransitionen, en bølgende bevægelse, som har sit ophav i en af hendes animerede videoer.
Transitions effekter og sektioner
Hjemmesiden er designet til at give lyst til at bevæge sig rundt på siden, hvis ikke for at lede efter noget konkret, så blot for at se, hvad der sker. Derfor har vi arbejdet med både små og store effekter i hver interaktion. Den mest markante af dem er sidetransitionen, en bølgende bevægelse, som har sit ophav i en af hendes animerede videoer.
Transitions effekter og sektioner
Hjemmesiden er designet til at give lyst til at bevæge sig rundt på siden, hvis ikke for at lede efter noget konkret, så blot for at se, hvad der sker. Derfor har vi arbejdet med både små og store effekter i hver interaktion. Den mest markante af dem er sidetransitionen, en bølgende bevægelse, som har sit ophav i en af hendes animerede videoer.
Transitions effekter og sektioner
Hjemmesiden er designet til at give lyst til at bevæge sig rundt på siden, hvis ikke for at lede efter noget konkret, så blot for at se, hvad der sker. Derfor har vi arbejdet med både små og store effekter i hver interaktion. Den mest markante af dem er sidetransitionen, en bølgende bevægelse, som har sit ophav i en af hendes animerede videoer.
Klar på at starte et design- eller digitalt projekt med Granyon? Tag fat i os. Du kan være helt rolig. Vi er de flinke. Ingen spam. Ingen selvfede bureauattituder.
Klar på at starte et design- eller digitalt projekt med Granyon? Tag fat i os. Du kan være helt rolig. Vi er de flinke. Ingen spam. Ingen selvfede bureauattituder.
