Da jeg jo nettop vil fortælle så meget som muligt omkring udviklingen af BureauOversigten, tænkte jeg at jeg ville lave et blogindlæg omkring designprocessen.
Da jeg startede sad jeg og arbejdede med en grundide om at jeg ville have en minimalistisk og clean look på forsiden. Lidt ala Googles forside, men med nogle lækre “bureau inspirerede” billeder i baggrunden.
Herover er den første version jeg kom frem til, med et New York billede og en enkelt søgefelt. På dette tidspunkt besluttede jeg mig for orange som farven der skulle gå igen i billedet og i “Beta” farven. Læg mærke til at på dette tidspunkt arbejdede jeg med navnet: “The Agency List” og troede at sitet skulle være på engelsk til at starte med.
Her er anden version som jeg lavede et par dage efter. Jeg følte at der var behov for en top menu og at jeg manglede noget tekst som beskrev hvad siden handlede om. Derfor kom “find the perfect agency for your pitch” ind på siden og jeg lavede en simple top menu. Jeg var dog ikke begejstret for den, så få timer efter gik jeg tilbage til tegnebrættet og lavede en ny version. Læg mærke til at navnet også nu er ændret til AgencyProfiler.com som jeg følte var bedre end The Agency List.
Her prøvede jeg at arbejde med en hel farvet baggrund og prøvede at lave et logo af en art. Jeg bevarede topmenuen, men den forsvandt i den næste version – og gudskelov gik jeg væk fra den orange baggrund!
Da jeg begyndte at kode sitet gik jeg tilbage til foto baggrunden og valgte at gøre den “blurret” så der var fokus på søge feltet og ikke baggrunden. Desuden besluttede jeg mig for at forsiden skulle ændre foto hver gang man gik der ind, for at skabe lidt overraskelse og fornyelse. Navnet blev til BureauOversigten.dk da jeg besluttede mig for at lave det på dansk i stedet for engelsk og jeg valgte at lave et midlertidigt logo i ren html tekst. Beta farven bevarede jeg som den primære farve for sitet.
Herover er en tidlig version af søge resultatet, før jeg begyndte at udvikle det. Det minder ret meget om den færdige version, men jeg ændrede den orange farve en smule og lavede et “tand-hjul” til settings.
Da jeg havde grund designet kodet til søgeresultaterne var det nemt at lave en sammenlig side, da jeg dybest set kunne overføre principperne fra den forrige side til denne. Dog var det en stor udfordring at vælge farver til pie-chartet, og jeg er stadig ikke tilfreds med de nuværende brune/gule/orange farver.
Til slut vil jeg afsløre at jeg allerede arbejder på et redesign, som indeholder lidt mere farve og som giver lidt kontrast til det hvide. Desuden føler jeg at de “highligtede” søgeresultater er for identiske med de normale, så jeg giver dem nok et boost.
Jeg har dog store problemer med at finde på designet af en “sammenlign” knap og gøre det til en naturlig del af bureau-boksen… Nogle forslag???
