Arkiv for kategorien 'Egne projekter'

Fredrik Clement - Online portfolio

tirsdag, 28. oktober 2008

Så har vi netop smidt et nyt site i luften og denne gang er der tale om en online portfolio for den danske fotograf Fredrik Clement.

Målet har været at lave et site der var så minimalistisk som muligt, sådan så Fredriks rå og stærke billeder kunne få fuldt fokus.

Photographer Fredrik Clement

Synes virkelig det har været en udfordring at lave en navigation der på en gang kan alt det nødvendige og er intuitiv at bruge, samtidig med at den er helt skjult når man ikke bruger den, så man dermed undgår at den tager fokus fra det det handler om - billederne.

Og det måske især også fordi vi er indædte modstandere af navigation der skal forklares.
Fint nok at man opfinder den dybe tallerken igen og laver noget fancy hvor man kan trække i tingene, bruge piletasterne eller hvad det nu måtte være, men det skal virkelig give noget helt exceptionelt til oplevelsen for at det kan forsvares, ellers så er noget som alle kan forstå, uden instruktion, så absolut at foretrække.

Men nok snak, du kan se sitet her:
Photographer Fredrik Clement

Andreas Møller - 12 kinds of precipitation

mandag, 18. august 2008

Andreas Møller - 12 kinds of precipitation

Så har vi netop smidt et nyt site i luften for jazz pianist Andreas Møller og hans debut-cd: 12 kinds of precipitation (12 slags nedbør).

Vores mål har været at lave et site, som ikke i fortæller en masse om kunstneren eller cd’en, men først og fremmest har fokus på at understøtte musikken.

Hvorvidt det er lykkedes, må du selv vurdere:
Andreas Møller - 12 kinds of precipitation

Ny version af Se mor!

fredag, 16. maj 2008

Se mor! - Digital konceptudvikling og design

Efter længere tids arbejde har vi netop smidt en ny version af Se mor! i luften:
Se mor! - Digital konceptudvikling og design

Udover ændringen i designet, så er der kommet en mere hensigtsmæssig måde at vise cases på, og derudover har vi også brugt SwfAddress sådan så man kan bookmarke og linke direkte til alle sider.

Erfaringerne med SwfAddress udmynter sig i øvrigt snart i en lille, eller måske endda en større, artikel.

God weekend!

Visuals til Se mor! fødselsdagsfest

mandag, 3. marts 2008

Der var lidt stille her på bloggen i sidste uge, og det skyldes simpelthen at vi i fredags d. 29. februar holdt en stor 1 års fødselsdagsfest for det firma som jeg er medstifter af, Se mor!.
Derfor gik det meste af min tid i sidste uge med de praktiske forberedelser til festen, samt ikke mindst, på at lave nogle sjove visuals der kunne vises på projektor.

Resultatet blev en lille applikation med både almindelige videoklip, såvel som lidt interaktivt webcamsjov.

Da det hele ikke giver sig selv, skulle kun betjenes af os, så kommer der her en lille forklaring, link følger til sidst.

Det overordnede
Vi ville gerne have en applikation som kunne køre hele aftenen, uden at vores almindelige skrivebord nogensinde blev synligt for gæsterne, så derfor valgte vi at lave en samlet applikation med det hele i, som vi kunne betjene via tastaturet, nærmere betegnet med tasterne 1-5 samt 0.

NB: Virker kun på de almindelige tal, ikke på det numeriske tastatur.

Tast 1

En lille stiliseret video hvor man ser en papirflyver blive foldet.

Tast 2

En række stills med farvekridt sat sammen til en video.

Tast 3

Igen række stills sat sammen til en video.

Tast 4

Viser indholdet fra et webcam 24 gange, men med et delay på 100 millisekunder mellem hvert billede.
Derudover ændrer trekanternes mønster sig også tilfældigt.

Tast 5

Papirflyvere som genereres automatisk og herefter flyver henover skærmen mens de trækker et røgslør efter sig.
Selvom man ikke lige kan se det, så gør denne applikation også brug af webcammet.

Hver gang en ny papirflyver genereres, så tager den et snapshot fra webcammet og beregner gennemsnitsfarven på det, og det er så denne farve som bruges til røgsløret.
Prøv selv at vifte med hænderne foran de webcam, eller at holde noget med en kraftigt farve hen foran det.

Tast 0
De fleste af disse visuals er ganske korte, og eftersom vi helst også skulle have tid til gæsterne, så kunne vi jo ikke bruge hele aftenen foran skærmen.
Derfor er 0 simpelthen en selvkørende random-funktion, hvor den med jævne mellemrum selv skifter mellem de forskellige visuals.

Effekt
Meget mod min forventning, så opførte Flash sig eksemplarisk hele aftenen, så vi havde faktisk ikke et eneste nedbrud på vores visuals, hvilket i sig selv var fedt.
Og, derudover viste det sig at være rigtig fedt at kunne skifte hurtigt mellem de forskellige scener med tastaturet, noget som vi blandt andet brugte til at ramme takten under koncerten med Turboweekend.

Link
Og her kommer linket så, men inden du klikker på det, så husk at det er en applikation som egentlig er lave til offline brug, og derfor er der ikke nogen loader, på trods af at den fylder 12 MB.
Når den kommer frem og beder om adgang til webcammet, så er den loadet, og herefter kan du trykke på 1-5 samt 0 for at se hvad den kan.

Se mor! party visuals

Invitationen
I øvrigt, så er invitationen også lavet i Flash, med brug af Turboweekends musik og lidt sjov med ComputeSpectrum:
Se mor! 1 års fødselsdagsfest

FDIM redesign

mandag, 7. januar 2008

FDIM logoDet har intet med Flash at gøre, endnu i hvert fald, men ikke desto mindre gik www.fdim.dk i luften i sidste uge i en redesignet udgave. Vi har stået for den nye grafiske linie, mens andre har lavet selve implementationen.

FDIM, Foreningen af Danske Internet Medier, er en sammenslutning af de største internetmedier i Danmark, herunder DR, TV2, Jubii, Ekstra Bladet m.fl.

Du kan læse FDIMs egen pressemeddelelse om det her, hvor der også er et screenshot af det gamle design:
Fdim.dk redesignet

Valget er dit!

lørdag, 10. november 2007

Valget er dit

Så har vi i sidste øjeblik fået smidt et valgsite i luften for…..ja, det må du ind og kigge på det for at finde ud af.

Er selv rigtig glad for resultatet som synes har ramt en god, eftertænksom stemning og stil, og med et særdeles seriøst budskab.

Timingen kunne have været bedre, men vi er ude i plan C eller D for hvad vi gerne ville, så egentlig utroligt at vi fik nået det i det hele taget.

Se det her:
Valget er dit!

Yeah! i beta

torsdag, 25. oktober 2007

Yeah beta
Så er Yeah! gået i invitationsbeta, og som læser af bloggen skal du naturligvis have en mulighed for at komme med.

Alt du skal gøre er at sende en mail til mbs@omflash.dk med “Yeah beta” i emnelinien.

Der er garanteret invite til de 10 første, så det er med at at være hurtig.

Hvis du er i tvivl om hvad Yeah! er, så vil jeg anbefale dig at tage et kig på Yeah! bloggen

Videoplayer til IDG - PCWorld og Computerworld

fredag, 17. august 2007

IDG - PlayDet er altid dejligt at slutte ugen med en optur og opture består i min bog i høj grad af at få søsat projekter, så derfor er det dejligt at se at den videoplayer vi har lavet til IDG netop er blevet taget i brug på PCWorld.

Af features i playeren kan nævnes:

  • Fuldt skalerbar: Størrelsen på videoplayeren kan sættes 100% som man har lyst til, hvorefter den selv tilpasser videoen og kontrolknapperne.
  • Fullscreen: Ægte fullscreen.
  • Husker indstillinger: Hvis man har skruet op eller ned for lyden, så husker den det næste gang man skal se en video.
  • Indbygget statistik: Videoplayeren er koblet op på en statistik-server, så der er nem adgang til at se hvor mange videoer der startes, der er blevet set 10 sekunder af m.m.
  • XML backend: Alt indholdet i playeren defineres med xml, inklusiv indstillinger for om videoen skal starte automatisk, hvilke teasers der skal vises efter den m.m.
  • Hop til kapitel: Mulighed for at definere overskrifter med tidskoder, som vises en ekstra menu i playeren hvor brugeren nemt kan hoppe hen til et bestemt afsnit.

Prøv den
Du kan prøve videoplayeren på PCWorld nu:
Video: Sådan genopliver du harddisken

Eller du kan se et par eksempler på lidt længere nede.

PCWorld skin
IDG - PCWorld

Computerworld skin
Bemærk den ekstra Hop-til menu.
IDG - Computerworld

Det var alt for mig i denne omgang, håber også du får dig en optur i dag at starte weekenden på!

Upload af video på Yeah

mandag, 9. juli 2007

Yeah logoJeg skrev for halvanden måned siden om Yeah, et stort projekt vi er igang med for Jubii, og nu er tiden kommer til at fortælle lidt mere.

En af de vigtigste ting når man laver et site der baserer sig på brugergenereret indhold, er at gøre det nemt og overskueligt for brugerne at lægge indhold ind. Det giver måske lidt sig selv, men i forhold til tilsvarende sites, syntes vi at det er et punkt hvor vi har mulighed for at gøre det bedre.

Og det har vi så forsøgt, hvilket dette indlæg handler.

Upload af indhold
Det første skridt i forbindelse med upload er naturligvis at vælge hvad man vil uploade, og på Yeah kan der vælges mellem video, billeder og links. Herefter skal man vælge den konkrete fil og sende den afsted:
Screen 1 section
(Klik på billedet for at se et større udsnit)

Ventetid
Når man sender video afsted, så er der typisk tale om halvstore filer, og selv på hurtige forbindelser betyder det, at upload sagtens kan tage rigtigt mange minutter.

Derfor har vi valgt at man på første skærmbillede kun skal vælge den fil man vil uploade, og så kan man efterfølgende indtaste overskrift, vælge kategori m.m. mens den uploader. På den måde udnyttes ventetiden optimalt.

Da der kan være tale om en lang ventetid, er det også vigtigt at brugeren får et tydeligt feedback på hvordan det går, sådan så de ikke tror at siden er gået død. Udover at vise hvor mange procent og MB der rent fysisk mangler, så forsøger vi også at regne ud hvor mange minutter det omtrent vil tage. Så kan man jo lave en kop kaffe, hente en pizza, ja eller måske endda optage endnu en film, mens der uploades:
Screen 2 section
(Klik på billedet for at se et større udsnit)

Mere ventetid
Inden videoen kan vises på nettet skal den konverteres fra det format den kom i og til flv (Flash Video Format), og det betyder at der igen vil være tale om lidt ventetid. Men, heldigvis er det i denne omgang bare vores servere der skal knokle, brugeren kan lave lige hvad han har lyst til imellemtiden, så derfor tilbyder vi at sende en mail når videoen er konverteret og klar til at blive vist:
Screen 3 section
(Klik på billedet for at se et større udsnit)

Det var et par de ting som vi har gjort for at gøre forløbet så enkelt og smertefri som muligt.
Hvis du har andre gode forslag, så smid endelig en kommentar, er ikke umuligt at det kan nå at komme med endnu.

Hvis du klikker på et eller flere af de små udsnit, så kan du i øvrigt se nogle flere detaljer.
Bloggen var desværre ikke bred nok til at vise dem i naturlig størrelse, og den slags bliver altid noget fnidrede hvis man skalerer dem ned.

Se mor, så er vi i luften!

fredag, 8. juni 2007

Se mor! Digital konceptudvikling og designDet tog lidt længere tid end beregnet, sådan er det jo når der er travlt, men nu er vi glade for endelig at kunne præsentere websitet til Se mor!

Mere er der sådan set ikke at sige, så tag et kig på:
Se mor! Digital konceptudvikling og design

Næste punkt på dagsordenen må vidst være at få givet bloggen her en ansigtsløftning.