A creative and highly animated Flash® project for Hasbro® and Cartoonnetwork. I started by sketching a series of interaction designs and created the final graphic design based on my initial studies. Then created the programming architecture for the website based on my Blue Framework. The videos are distributed through the AWS services that I implemented in the framework. The website features the latest Starwars® products from Hasbro®, together with videos and games.

The TOPModel Universe for preteen girls is a facebook’ish universe with profiles, status updates, makeup/outfit creative sections and your own model agency with job assignments. The project is created in Flash® and based on my Blue framework for ActionScript 3.0. My work on the project incl. concept, ideas, ui/ux, design and ActionScript® development.

The new LEGO® Ninjago® DVD was an exciting project for me, packed with beautiful artwork. The DVD features a language menu, followed by 4 video options. Each video is displayed on a LEGO® Ninjago® background and told in that magical LEGO® way. The design and artwork was done in Photoshop and Illustrator.

LEGO® lancerer Plankgame, en konkurrence for børn i alle aldre i en dyst om hastighed og hukommelse. Mine opgaver på projektet omfatter design, artwork, flash programmering, blue framework og interaktionsdesign.

Artwork af Webfighters nye logo. Mine opgaver omfatter design af logo og artwork. Designet hos/for Webfighter.

PharmaVinci langserer ny Intima hjemmeside med en serie sociale og virale funktioner for de besøgende. Mine opgaver omfatter hjemmeside Design og Animation. Udvikling af video koncept til viral facebook og youtube annoncering. Hjemmesiden er udviklet hos Webfighter for PharmaVinci.

LEGO langserer Ninjago Online til børn i alle aldre. En hjemmeside spækket med videoer, spil og konkurrencer. Mine opgaver på projektet omfatter design, animationer, Flash programmering, opsætning af video streaming server og video encoding. Projektet er udviklet hos Webfighter for LEGO®.

Bonduelle langserer ny nordisk hjemmeside. Mine opgaver på projektet omfatter Koncept, Grafisk Design, PHP Udvikling og Flash Animation. Forside artwork har jeg skabt fra bunden, baseret på vectors og texture. Udviklet hos Webfighter for Bonduelle i Danmark, Sverige og Norge.

Funktion, information og interaktion er de essentielle grundsten for dine kreative ideer inden du begynder på den grafiske process. De i alt fire områder af digital kommunikation, er med til at skabe en fuldendt oplevelse for brugeren og komplementerer hinanden i et gennemført design.

Hvordan designer du et menupunkt til en hjemmeside? I dette konkrete eksempel komplementerer de fire områder hinanden på følgende måde; Informationsdesign beskriver et område. Grafiskdesign illustrerer at området er en knap. Interaktionsdesign reagerer ved brug af illustrationen. Funktionsdesign folder en menu ud, efter din interaktion.

For mange designere er det ikke en opdelt process, men en rutine der ligger så dybt i os, at vi ikke længere tænker over det som fire adskilte opgaver, men som måden gennemtænkte design kreationer kommer til live. Det handler om at få afstemt dine idéer og skabe et fuldendt design.

Informationsdesign

Hvordan skal brugeren forstå designet…

Informationsdesign er et arbejds område der siden starten på den digitale tidsalder, har været et af de vigtigste dele af digital kommunikation. Det er her hvor hele dit fundament skal opbygges; hvad skal brugeren få ud af dit design?

Det handler om hvad dit budskab er til brugeren. Informationsdesign kan være alt fra politiske holdninger til avanceret filosofier. Det kan være direkte eller abstrakt. Det kan serveres i et let forståeligt format eller kræve indsigt. Det kan være struktureret eller lineært. Det kan være åbent eller lukket. Det er her hvor du som designer skal tage stilling til hvad du vil informere brugeren om, men vigtigst af alt, hvordan brugeren skal forstå det.

Grafiskdesign

Hvordan skal brugeren opleve designet…

Grafiskdesign er håndværk der med størrer bredbåndsforbindelser har givet plads til imponerende detaljer over de sidste par år. Med grafiskdesign kan du visualisere dit budskab i farver og former. Du kan skabe stemninger og vække følelser hos dem som ser dine kreationer.

Mange kreative grafikere ser deres designs som kunstværker og dette har skabt en lang liste af galleri hjemmesider som udstiller webdesigns og digitalt artwork. Der bliver årligt udlovet priser og nomineringer for inspirerende tiltag som skubber grafiskdesign, som et håndværk, mod nye højder.

Kunst for mig, er når design overgår sig selv og bliver til mere end bare et møbel, en hjemmeside eller et maleri i modtagerens øjne. Det bliver til en følelse, et minde, en fasination, en realisering eller en begivenhed der varer ved! Mine designs er altid et eksperiment, det er en del af min arbejds process, det er min perfektionisme og kærlighed til mine projekter der gør mine designs til mere end bare en kreativ ide.

Interaktionsdesign

Hvordan skal brugeren tilgå designet…

Med hastig udviklingen af populære interaktive teknologier, såsom jQuery og ActionScript 3.0, er interaktionsdesign vokset eksplosivt over de sidste 5 år. Interaktion giver dig uendelige dimensioner i dit design som brugeren kan fordybe sig i og udforske. Denne process er med til at udvikle dit design og skabe liv i samspil med brugeren.

Funktionsdesign

Hvordan skal brugeren anvende designet…

Funktionsdesign ses typisk på hjemmesider i form af kreative menuer, cloud tags, søge felter og facebook knapper. Men funktioner er så meget mere end bare resultater. Det handler om at optimere oplevelsen for brugeren, om at skabe et innovativt design.

Funktionalitet for mig, er en intuitiv og facinerende opfattelse af designet. Jeg får lyst til at fordybe mig og se det udfolde sig, i takt med at jeg finder nye områder at udforske.

Den nyeste bølge af funktionsdesign kommer som resultatet af de mange sociale netværk der er dukket op overalt på nettet. Det skal være nemt og hurtigt at være social og dette skal løses af kreative funktioner der giver os adgang til vores venner og familie. Vi skal kunne skabe forbindelse til hinanden fra én hjemmeside til en anden og sende status beskeder om vores oplevelser på diverse hjemmesider (læs mere om 3 strategier til Social Markedsføring).

Men funktionsdesign har er mere end sociale forbindelser at løse. For i mere end 30 år har information været nettets største resource. Med hjemmesider som f.eks. Wikipidia og Freebase, bliver disse informationer for første gang struktureret i åbne databaser, skabt og vedligeholdt af nettets brugere. I samme ånd udvikler flerer og flerer hjemmesider API’er (Application Programming Interface), såsom google, facebook, twitter m.m., der giver uafhængige funktionsdesignere mulighed for at udveksle informationer med hjemmesidens database.

Med alle disse informationer til rådighed kan funktionsdesignere og programmører skabe oplevelser, der bruger sociale-, geografiske-, API- og meta informationer, til at give brugeren en intuitiv design oplevelse, baseret på innovative teknologier og algoritmer.

Der er mange bud på de næste trends for internettet i 2011. Ud fra mit daglige arbejde kan jeg se et potentiale for en håndfuld interessante trends som vil præge udviklingen. Her er mine 4 bud på Internet trends 2011…

1. Funktions Design

Digitalt design er mere end bare grafik og består af 4 arbejdsområder…

1. Informations design; hvordan skal brugeren forstå designet. Et arbejds område der siden 80′erne har været en af de vigtigste dele af digital kommunikation.
2. Interaktions design; hvordan skal brugeren tilgå designet. Et område der med udviklingen af populære interaktive teknologier, såsom jQuery og ActionScript 3.0, er vokset eksplosivt over de sidste 5 år.
3. Grafisk design; hvordan skal brugeren opleve designet. Et håndværk der med størrer bredbåndsforbindelser har givet plads til imponerende detaljer og videoer over de sidste par år.
4. Funktions design; hvordan skal brugeren anvende designet. Dette ses typisk på hjemmesider i form af kreative menuer, cloud tags, søge felter og facebook knapper.

I takt med at den sociale udvikling er igang med at sprede sig til alle områder af internettet, vil behovet for mere funktionalitet på hjemmesider stige markant. Det skal fremover være nemmere og sjovere at være social, hvilket skal løses af et kreativt funktions design. Derfor vil internettet i 2011 se langt flere eksempler på hjemmesider der har lagt kreative planer for hvilke funktioner der skal tilbydes til brugerne. Det skal ikke blot være de typiske facebook knapper og søge felter der skal præge den funktionelle side af fremtidens hjemmesider.

Funktions design er i mange bureauer et overset punkt i projekt faserne og bliver typisk udviklet under den grafiske- og sidste fase. Det er vigtigt at information, interaktion og funktion er udtænkt inden den grafiske fase påbegyndes, for at skabe et solidt, kreativt og afstemt design. Det er denne projekt tilgang, som begynder at se sig selv som en standard blandt mange designere, der i højere grad implementerer gennemtænkt funktionalitet på deres hjemmesider.

2. Nye Normer for Grafisk Design

Med den nye Instant Preview funktion i Google’s søgeresultater, kan du få et hurtigt billed af den hjemmeside du eventuelt ønsker at klikke dig ind til, uden at besøge siden. Det betyder at man ikke længere skal ind på hjemmesiden for at se om den kunne have interesse. Det er muligt at danne sig et overblik over de sider man skal til at besøge, hvilket gør det langt nemmere at fravælge søgeresultater.

Google Instant Preview er allerede tilgængeligt og er ikke den store nyhed for 2011, men resultatet af denne funktion giver designere og udviklere nye problematikker at løse. Det er ikke længere nok at følge generelle design normer for et optimalt hjemmeside design. Din hjemmeside skal nu også se spændende ud i et preview billed hvor bl.a. tekster kan være svære at tyde. Alt dette sætter nye krav til grafisk design og giver fundamentale design teknikker som funktions-, informations- og interaktions design en plads på bænken.

Grafisk design skal fremover være med til at give et udtryk, der i minimeret format giver brugerne lyst til at besøge siden, derfor vil 2011 byde på nye grafiske trends.

3. Web Applikationer

Vi har i de seneste år fået til vane, at vores mobil telefoner kan løse de fleste her og nu problematikker med små skræddersyet applikationer, eller sagt på en anden måde “There is an app for that!” som vi har lært det fra iPhone. Men denne tendens er også stigende blandt hjemmesider, som i størrer grad tilbyder komplekse værktøjer der kan løse typiske problematikker når vi sidder ved vores computer.

Mange populære programmer som indtil nu har krævet at været installeret på din computer, udkommer i stigende grad som Web Applikationer der kan afvikles fra en hjemmeside uden at skulle downloades og installeres. Selv komplekse programmer som Adobe Photoshop kan åbnes i en gratis alternativ version fra hjemmesiden Aviary og adskillige versioner af Microsoft Office kan også findes på nettet.

Med de seneste opdateringer til populære internet teknologier, såsom HTML5 og Flash, kan Web Applikationer tilbyde en stabil og fleksibel arbejds platform. Derfor vil 2011 se en stigning i Web Applikationer der er målrettet et marked som kræver universalt tilgængelige programmer.

4. Hjemmesider og Reklamer i 3D

Der har længe været en lang debat om Flash og HTML5; hvilken teknologi vil være den store vinder som multimedie platform. Men en ting står klart efter min mening, HTML5 er nettets fremtidige legeplads og Flash er bare et af de mange tilbud på legepladsen. Men det betyder ikke at Flash forsvinder, for der vil altid være et behov for plugins såsom Flash, så længe de holder sig foran HTML5 (læs også 10 grunde til at Adobe® Flash® slår HTML5!).

Den næste store opdatering af Adobe Flash platformen byder på interaktiv 3D i accelereret HD kvalitet, som specielt vil være interessant for kampagne hjemmesider og reklamer. Derfor vil 2011 se en serie af 3D designs i bl.a. reklamer, men også i de mange hjemmesider som har til formål at skabe oplevelser for brugeren. Det betyder at reklame designs og kampagne udvikling får en tiltrængt ny dimension at arbejde med, når budskaber skal kommunikeres ud til brugeren. Læs mere om Flash Molehill 3D projekt på Adobe Labs.

LEGO® langserer Masterspinner kampagnen hvor 300 heldige børn bliver udvalgt til at deltage i de første Ninjago produkter. Mine opgaver på projektet omfatter Grafisk design, Flash Animation og Programmering. Micrositet er udviklet hos Webfighter for LEGO®.

Meego langseres af Webfighter for børn i alle aldre. Hjemmesiden er fyldt med spil, film og konkurrencer. Mine opgaver omfatter Koncept Design, Markedsførring, Grafisk Design, System Arkitektur, Programmering, Animationer, Tegninger, Spil, TV Reklamer m.m. Meego er udviklet hos Webfighter for CartoonNetwork, Hasbro, LEGO® og Toptoys.

Cartoonnetwork langserer “Hvem redder efteråret” hvor Flashmob-events i storecentre bliver reklameret og promoveres med videoer fra tidligere begivenheder. Lykkekoder uddelt i storcentre kan indløses på hjemmesiden. Mine opgaver på projektet omfatter Design, Animation & Programmering. Et Flash Microsite udviklet hos Webfighter for CartoonNetwork®.

Mine opgaver på projektet omfatter spil-koncept, -design, -programmering og -framework udvikling. Spillet er udviklet hos Webfighter i forbindelse med LEGO® Hero Factory Microsite for LEGO®. Se spillet her…

Mine opgaver på projektet omfatter Koncept Design, Grafisk Design, Flash Animation & Programmering. Udviklet hos Webfighter for Gyldendal®.