Varje vecka tittar vi på en ny webbplats och analyserar designen. Vi pekar på båda områdena som görs bra förutom de som kan använda lite arbete. Slutligen avslutar vi genom att be dig att ge din egen feedback.
Dagens webbplats är StyleJam, en webbplats som är värd för webbdesignersportföljer. Låt oss ta en titt och se vad vi tycker!
Vill vi att titta på din webbplats? Skicka in den för att presenteras i en framtida designkritik, det tar bara en minut. Vi tar ut $ 49 för att kritisera din design - betydligt mindre än du skulle betala för en konsult för att kolla på din webbplats! Du kan läsa mer här.
Om StyleJam
Med StyleJam kan du skapa din personliga webbdesignportfölj på en fristående URL som du väljer, och anpassa den med din CSS och bilder. Inget behov av att lära sig programmering, signera för en värdtjänst eller konfigurera din server. Det enda vi inte gör för dig är att utforma, det är ditt område.
Här är en skärmdump av hemsidan:
Initial Impression
Mitt första intryck av StyleJam är en positiv. Det finns mycket om den här webbplatsen som känns väldigt modern. Den övergripande designstilen ligger rätt i linje med vad många designers går för idag. Det är en ren design som utnyttjar massor av blankutrymme och använder blått för att förmedla en känsla av professionalism.
Totalt sett är det bra för en bra start. Det finns dock några små problem och förslag som jag har. Låt oss gå igenom webbplatsen bit för bit och se vad dessa är.
Site Logo och Tagline
En av de första sakerna som fångar min uppmärksamhet när jag tittar på den här sidan är logotypen, som visas ovan. Jag skulle inte kalla det här en hög prioritet, men jag kommer att säga att jag definitivt tror att det här kan använda en omarbetning. VAG-rundad typsnitt verkar lite daterad och penseln fungerar inte för mig. Det gör ordet? Sylt? svårt att läsa och ser lite tecknad ut, vilket tycks motsäga den professionella stilen som resten av sidan följer. Sätt på ett annat sätt, logotypen står ut på sidan som något som inte hör hemma.
Taglinjen i webbplatsens titelfält och logotyp är en annan sak som inte verkar riktigt fungera. Uttrycket? Webdesigners. Förenad? får mig att tro att det här är en slags medlemsklubb, guild eller union för designers. Det är en bra tagline, men inte för den här verksamheten, som säljer webbdesignersportföljer.
Jag föreslår att du ersätter denna tagline med något som tydligt kommunicerar vad tjänsten är. Om du frågade hundra personer vilken webbplats med tagline,? Webdesigners. Förenad? gör, jag skulle satsa att knappast någon skulle gissa att de sålde portföljwebbplatser. Använd detta kriterium när du diskuterar en ny tagline.
Huvudrubrik
Nästa upp är vad jag ringer huvudhuvudområdet. Det här är en stor blå bar med en inslagseffekt och en antydan av konsistens. Det är en fin effekt som verkligen drar din uppmärksamhet. Den lilla bannern i botten är en fin touch, men vit på vitt gör nästan ingen kontrast.
Mitt huvudsakliga problem här är en omedvetbar känsla av tomhet. Det finns ett stort utrymme här som bara känns underutnyttjat. Det ber om en stor bild, stor rubrik eller båda.
Jag använder ständigt Mail Chimp som ett exempel eftersom deras designers vanligtvis är så fläckiga. Kolla in rubriken som för närvarande finns på deras webbplats.
Titta på den stora färgstarka bilden som tar tag i din uppmärksamhet och förstärks av ett kristallklart överdimensionerat meddelande: Easy Email Newsletters. På under tre sekunder med att ladda denna sida vet jag exakt vad webbplatsen är för. Tillbaka till StyleJam header är allt jag ser liten text i ett stort blått fält. Inget här tar min uppmärksamhet.
Jag säger inte att StyleJam behöver en maskot, ser inte inspiration som något att riva av. Se istället sidan Mail Chimp-sidan som en lektion i grundläggande designprinciper. Med dessa förslag kan StyleJam header-designen omvandlas till något så här:
Självklart behöver du fortfarande arbeta i de sociala länkarna, inmatningsrutan etc. men du får tanken. Visuellt kan rubriken hjälpa sidan mycket mer än vad den för tillfället är. Även när vi är föremål för de sociala länkarna, har dessa knappar utseendet att de är i inaktiv tillstånd. Även när du svävar över dem ändras inte markören. Jag skulle göra Facebook och Twitter-ikonerna blå istället för vita, lägga till lite kontrast till texten och åtgärda svävarproblemet.
Bildreglage
Jag gillar alltid en bra bildreglage och den här webbplatsen har en i en mycket attraktiv ram precis under rubriken. Effekten är fin och ger sidan en dynamisk känsla. Bilden som valts för skjutreglaget är dock inte det bästa. Det här är till exempel den första du ser:
Efter att ha sett detta trodde jag att någonting var brutet. Det fanns det här obekväma textfältet som flyter i mitten av sidan som delvis avskurits på höger sida. Det tog mig en stund att inse att det bara var en skärmdump. Jag föreslår att du gör denna bild och går med mer visuellt innehåll som bilden som för närvarande är i den andra slitsen.
Slutsats
Som jag nämnde tidigare gillar jag faktiskt det övergripande utseendet på den här sidan. Det är en attraktiv webbplats som får många viktiga aspekter rätt. Förslagen ovan är oftast mindre, snabba korrigeringar, varav några är i stort sett subjektiva.
Det viktigaste är att få ditt budskap tydligt och attraktivt. Just nu verkar meddelandet lite luddigt och det tar lite arbete att räkna ut exakt vad som händer med webbplatsen. Minska det här arbetet till nästan noll och du är garanterad att öka din klickfrekvens.
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 att det blir några svåra förolämpningar.