Nettdesignkritikk nr. 3: Firefly
Våre kriterier for webdesign har vært en hit både hos kunder og kommentatorer. Fortsett med det gode arbeidet med gode ideer og forslag!
Dagens side er Firefly, hjemmesiden til et rekrutteringsbyrå for sosialt arbeid med base i Storbritannia.
Utforsk Envato Elements
Hvis du ønsker å sende inn nettstedet ditt for å bli vist i en fremtidig designkritikk, tar det bare noen få minutter. Vi belaster $ 24 for kritikk av designen din - betydelig mindre enn du betaler for en konsulent for å se på nettstedet ditt! Du kan finne ut mer her.
ildflue
Etter sin egen definisjon, “Firefly er et rekrutteringskonsulent som spesialiserer seg på innkjøp, plassering og styring av sosialt arbeidsprofesjonelle i offentlig og privat rolle i hele London og dets naboland. Vår tilnærming til rekruttering er personlig og rådgivende. ”
Her er hjemmesiden til nettstedet deres:
Totalt sett er nettstedsdesignen veldig fin, og jeg har at jeg har mye bra å si om det. La oss se på noen av disse inngående.
Fargevalg
For det første liker jeg virkelig fargepaletten på jobben her. Den bruker alle lyse farger som er enkle på øynene og ser vakre ut sammen.
Den feteste fargen her er den grønne, og designeren brukte den i perfekte mengder. Den er spredt ganske tungt over toppen av siden, bare på viktige steder i innholdet, og gir et stort utseende som hovedfarge på bunnteksten (i tre varianter!).
Nøyaktig
Det er mange små biter av design spredt over hele siden som bare er fine detaljer. Det viser at designeren tok seg tid til å gå sakte og få grensesnittet riktig i stedet for å skynde seg bare for å få noe publisert.
Gjentakelse
Gjentagelse er en av de viktigste aspektene ved et design og et prinsipp som enten er misforstått eller helt ukjent for mange nettdesignere. Denne designeren brukte det mesterlig, ikke bare gjennom repetisjonen av det grønne som nevnt ovenfor, men også gjennom bruk av sirkelfeltet fra logoen.
Gjenta et element på en slik side gjør at designen virker mer sammenhengende. Det gir også øyet noe kjent å se når det blar gjennom siden.
Oppsett
Designeren valgte å implementere et tresøyles layout og satt fast med det hele nettstedets lengde. Justeringene er sterke og kolonnene utføres veldig bra. Den visuelle separasjonen av ytterste høyre kolonne ved bruk av en mørkere bakgrunnsfarge er et utmerket preg, ettersom det hjelper til med å fremheve hovedinnholdet og bryte opp monotonien på en stor hvit side.
Ting å forbedre
Totalt sett er designen en av de sterkeste vi har sett enda for en kritikk. Imidlertid er det noen få små justeringer som kan gjøres.
Bildeoppløsning
Fordi jeg har bakgrunn på trykk, pleier jeg å være en oppløsningsnazi. Logoen øverst til venstre representerer ikke bare firmaets merkevare, det er også en av de første tingene en bruker ser når han lander på siden. Av denne grunn vil du sørge for at det er fint og skarpt.
Jeg har sprengt logoen litt for å vise deg hva jeg mener. Dette gjør riktignok problemet enda verre, men det er en god illustrasjon av hva du skal se etter på et mindre nivå når du lagrer bilder.
Følg nøye med for bildeartifacting og degradering. Denne logoen er ganske liten og bør ikke mase ned på siden hvis den skulle lagres i høyere oppløsning.
Tekst Tung
Kanskje er det verre visuelle problemet med denne siden at den er så teksttung. Det er ganske enkelt mye informasjon å kaste på noen når de først lander på nettstedet ditt. Så mye lesing kan være tidkrevende og skremmende og kan faktisk føre til at brukeren ignorerer teksten helt.
Jeg vil vurdere å trimme dette ned til bare nødvendighetene og plassere all ikke-avgjørende informasjon på en støtteside i stedet for å gi den fremtredende her.
Usability
Det er et lite brukervennlighetsproblem med noe av teksten på siden. Jeg er ikke sikker på hva som forårsaker det, men i Safari kan ikke teksten i velkomstkolonnen velges.
Jeg vet at det høres kresen ut, men hele poenget med å ha levende tekst er slik at du har en ren, skarp og fullt valgbar (og derfor kopier lim inn som kan kopieres) på siden.
Jeg anbefaler å se på koden din for å se hva som forårsaker denne feilen.
To binders
Som jeg sa ovenfor, er repetisjon en god ting i design. Som jeg også påpekte, er det ofte misforstått eller misbrukt. Papirklemmen er et fint grafisk element og ville vært flott å gjenta et annet sted på siden, men hvis du legger to av dem så nær hverandre, får denne delen en Photoshop-klon-syndrom.
Jeg tror at bare en binders her ville gi en sterkere uttalelse. Hvis du virkelig vil holde deg til to, må du forsikre deg om at de ikke er identiske. Drei en eller vend den rundt for å gi litt variasjon.
Din tur!
Nå som du har lest kommentarene mine, kan du slå inn og hjelpe ved å gi designeren noen flere råd. Gi oss beskjed om hva du synes er flott med designet og hva du synes kan være sterkere. Som alltid ber vi deg også om å respektere nettstedets designer og tilby klare konstruktive råd uten alle vanskelige fornærmelser.
Er du interessert i å ha kritisert ditt eget nettsted? Du kan finne ut mer her.
