Våra webbdesignkritik har varit en hit både hos kunder och kommenterare. Håll upp det stora arbetet som erbjuder kvalitetsidéer och förslag!
Dagens webbplats är Firefly, hemsidan för en rekryteringsbyrå för socialt arbete baserat i Storbritannien.
Om du vill skicka din webbplats till en framtida designkritik tar det bara några minuter. Vi debiterar $ 24 för att kritisera din design - betydligt mindre än du skulle betala för en konsult för att ta en titt på din webbplats! Du kan läsa mer här.
Eldfluga
Enligt sin egen definition,? Firefly är en rekryteringskonsult som specialiserar sig på att sourcing, placera och förvalta socialtjänstemän i offentliga och privata roller i hela London och dess närliggande län. Vårt sätt att rekrytera är personligt och rådgivande.?
Här är hemsidan på deras hemsida:
Sammantaget är webbdesignen riktigt snäll och jag har många bra saker att säga om det. Låt oss titta på några av dessa djupgående.
Färgschema
Först och främst gillar jag färgpalett på jobbet här. Den använder alla ljusa färger som är lätta på ögonen och ser vackert ut tillsammans.
Den djärvaste färgen här är grön och designern använde den i perfekta mängder. Den är utspridda ganska kraftigt över toppen av webbplatsen, bara på viktiga ställen i hela innehållet, och gör ett stort utseende som huvudfärgen på sidfoten (i tre variationer!).
Uppmärksamhet på detaljer
Det finns massor av små bitar av design spridda över hela sidan som bara är snygga. Det visar att designern tog tiden att gå långsamt och få gränssnittet rätt istället för att ruska bara för att få något publicerat.
Upprepning
Upprepning är en av de viktigaste aspekterna av en design och en princip som antingen är missförstådd eller helt okänd för många webbdesigners. Denna formgivare använde det mästerligt inte bara genom återupprepningen av det gröna som nämnts ovan utan också genom användningen av cirkelelementet från logotypen.
Upprepa ett element över en sida så här gör designen mer sammanhängande. Det ger också ögat något som är bekant att upptäcka när det bläddrar på sidan.
Layout
Designern valde att genomföra en tre kolonnlayout och fastnade med hela längden på webbplatsen. Anpassningarna är starka och kolumnerna exekveras mycket bra. Den visuella separationen av den högra högra kolumnen genom att använda en mörkare bakgrundsfärg är en utmärkt touch eftersom det hjälper till att markera huvudinnehållet och bryta upp monotonen på en stor vit sida.
Saker att förbättra
Sammantaget är designen en av de starkaste vi har sett ännu för en kritik. Det finns dock några små justeringar som kan göras.
Bildupplösning
Eftersom jag har en bakgrund i tryck, tenderar jag att vara en resolution nazi. Logotypen längst upp till vänster representerar inte bara företagets varumärke, det är också en av de första sakerna en användare ser när de landar på sidan. Av denna anledning vill du se till att det är snyggt en skarp.
Jag har blåst upp logotypen lite för att visa dig vad jag menar. Detta gör visserligen problemet ännu värre men det är en bra illustration av vad man ska leta efter på mindre nivå när man sparar bilder.
Titta noggrant på bildartifiering och nedbrytning. Den här logotypen är ganska liten och bör inte mossa ner på sidan om den skulle sparas med en högre upplösning.
Text Tung
Kanske det sämre visuella problemet med den här sidan är att det bara är så tungt som text. Det är helt enkelt mycket information att kasta på någon när de först landar på din webbplats. Denna mycket läsning kan vara tidskrävande och skrämmande och kan faktiskt leda till att användaren ignorerar texten helt och hållet.
Jag skulle överväga att trimma detta till de nakna nödvändigheterna och placera all viktig information på en stödjande sida i stället för att ge den en framträdande roll här.
användbarhet
Det finns ett litet användbarhetsproblem med en del av texten på sidan. Jag är inte säker på vad som orsakar det, men i Safari kan texten i välkomstkolumnen inte väljas.
Jag vet att det låter vassigt, men hela meningen med att ha levande text är så att du har en ren, skarp och fullständigt valbar (och därför kopiera klistragen) kopia på sidan.
Jag rekommenderar att du tittar på koden för att se vad som orsakar detta fel.
Två Paperclips
Som jag nämnde ovan är repetition en bra sak i design. Men som jag också påpekade är det ofta missförstått eller missbrukat. Pappersklippet är ett fint grafiskt element och skulle ha varit bra att upprepa någon annanstans på sidan, men att lägga två av dem i närheten av varandra gör att det här avsnittet lider av ett Photoshop-klonsyndrom.
Jag tror att använda bara en papperslip här skulle göra ett starkare uttalande. Om du verkligen vill hålla med två, se till att de inte är identiska. Rotera en eller vänd den runt för att ge en liten variation.
Din tur!
Nu när du har läst mina kommentarer lägger du in och hjälper till med att ge designern ytterligare råd. Låt oss veta vad du tycker är bra om designen och vad du tycker kan vara starkare. Som alltid ber vi att du också respekterar webbplatsens designer och erbjuder tydliga konstruktiva råd, utan några hårda förolämpningar.
Intresserad av att ha din egen webbplats kritisk? Du kan läsa mer här.