BureauOversigten Beta Blog

Følg udviklingen af BureauOversigten.dk

Design

Fonte og fotos

13. maj 2015 by David Rasmussen Leave a Comment

Der gik ikke længe, så har jeg opdateret og rodet med designet igen.

Denne gang gik det ud over fontene som er blevet ændret til en lettere og tyndere font:  Open Sans fra Google Fonts som jeg er ret vild med.

Desuden har jeg længe følt at søgeresultaterne var lidt for hvide og blege, plus jeg følte ikke der var nok forskel på de “sponsorerede” resultater og de normale resultater, så jeg besluttede mig for at oprette nogle billedefelter som dukker op i boksen på de sponsorede resultater. Jeg er selv ret tilfreds med resultatet, men lad mig se om ikke jeg finder på noget nyt i morgen.

FonteOgFotos

Posted in: Opdatering Tagged: Design, Grafik, Rettelser

Designprocessen

8. maj 2015 by David Rasmussen Leave a Comment

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.

Screenshot1

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.

Screenshot2

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.

Screenshot3

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!

Version1-forside-screenshot

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.

ScreenShotSoegresultater1

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.

Version1 Soegeresultater 1

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.

 

Sammenlign-version1

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???

Posted in: Nyheder Tagged: Design, Før og Nu, Grafik, Processen, Userinterface

Kalender:

maj 2022
M T O T F L S
« nov    
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

Tags:

Beta Blog Bug Bureauer Design Fejl Fremhævet profil Før og Nu Google Grafik Marketing Automation Motivation Møde Nyhed Nyhedsbrev Opdatering piechart Processen Rettelser sammenligning Tags Todo Tracking udvikling Userinterface

Søg på bloggen

Copyright © 2022 BureauOversigten Beta Blog.

Omega WordPress Theme by ThemeHall