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 BDQWorks ett Drupal / WordPress temat design och utveckling företag.
Om du vill skicka din webbplats till en framtida designkritik tar det bara några minuter. Vi tar ut $ 34 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 BDQWorks
BDQWorks är en liten webbdesign och programmeringsstudio av Jason Saeho Lee från Toronto, Ontario, Kanada. BDQWorks arbetar huvudsakligen för medelstora företag från Kanada som Kudos Home & Design och flera YouTube-känslor som Clara C.
Här är en skärmdump av hemsidan:
Initial Impression
BDW Works är en designbyrå, så det skulle sätta mig i en besvärlig position om jag trodde att deras webbplats var ful, lyckligtvis gör jag det inte. Det finns definitivt några saker som jag inte är särskilt stolta över, men de flesta av dem kommer på ett sätt att föredra.
Sammantaget är webbplatsen användbar och designad mycket bra, precis som det arbete som BDQWorks sätter ut på en daglig basis. Låt oss bryta ner några av de enskilda bitarna för att se vad vi hittar.
Navigeringsmeny
Om du följer dessa kritiker varje vecka vet du att en av de första sakerna jag alltid kolla på en webbplats är navigeringsmenyn. Det här är nyckeln till att användarna ska komma dit de vill åka och jag är fast tro på att det här elementet måste vara på plats för att ringa en webbplats som är framgångsrik.
BDQWorks-menyn är faktiskt ganska unik och har verkligen en annan struktur än vad jag har sett på andra webbplatser. Här är en förhandsvisning:
Som du kan se innehåller rullgardinsmenyerna inte bara en lista med länkar, utan också en liten bit av information. Det här är faktiskt ganska trevligt och ger dig en uppfattning om vad du kan förvänta dig om du följer den specifika länken.
Nackdelen med detta är att det känns så annorlunda att det tog mig en sekund att inse vad som hände, särskilt eftersom de olika nedrullningarna byter anpassningar på dig, vilket gör att du inte vet riktigt vad du kan förvänta dig när du svävar över nästa alternativ.
För att förhindra den här förändringen, skulle jag rekommendera att ge alla nedrullningar samma inriktning så att listan över länkar och beskrivningen aldrig byter sida. Du kan också överväga att ändra svängningseffekten till en faktisk färgfält bakom texten, så det är mer uppenbart än att texten helt enkelt ändrar färg. Med den stora menyn full av innehåll kommer det att hjälpa användaren att välja vilka alternativ de måste klicka på.
illustrationer
Det personliga temat på webbplatsen verkar vara dessa lilla illustrerade personer som dyker upp på olika ställen. De är avsiktligt grovt ritade och ger en vänlig antropomorfisk touch till webbplatsen.
För att vara ärlig är jag dock inte galen om illustrationstilen. Detta kommer i slutändan till ett sätt att föredra men jag tror att de faktiskt tjänar till att sätta ner den övergripande estetiken på webbplatsen.
Klientfotoet, som ersätter dessa tecken efter några sekunder att visa webbplatsen, är mycket mer engagerande och attraktivt. Det låter tanken att du producerar högkvalitativt arbete istället för att motverka det begreppet som illustrationerna gör.
Sekundär navigering
Cirka halvvägs nerför sidan finns en horisontell rad bilder och länkar som jag ska referera till som sekundärnavigering. Dessa visar var och en en tjänst som BDQWorks erbjuder och visar en bild av ett Mac-friendy-skrivbord.
I slutet av detta är det dock en liten låda som helt enkelt säger "Teman". Jag gillar både och ogillar denna beröring. Det jag tycker är idén och avsikten bakom den. Du ville ge detta område särskild uppmärksamhet så att du fick det att se annorlunda ut än de andra. Det bryter fototema, den enhetliga storleken som fastställs av de andra och typsnittet.
Problemet är att det bryter mot andras utseende utan att komplettera det. På samma sätt som två färger kan antingen strida mot varandra eller komplettera varandra kan två visuella objekt antingen kollidera eller hitta harmoni. Den här sista lådan ser helt enkelt ut ur sin plats, nästan som om en helt annan formgivare fastnar det som en eftertanke.
Min rekommendation är att ompröva detta område. Först dela området i fem lika stora lådor. Sätt sedan på? Teman? lådan i mitten. Om du vill uppmärksamma detta är det en bra plats. Slutligen använd endast färg och teckenstorlek för att differentiera den. Jag tror att en svart låda skulle stämma snyggt mot de andra utan att vara besvärlig. Kanske kan du stanna med iMac-temat (hålla logotyperna på iMac-skärmen) och de teckensnitt som används på andra ställen, om än små stora eller djärvare.
Solida meddelanden
En plats där jag tycker att BDQ verkligen gör ett bra jobb är att hantera kommunikationen på sidan. Överallt ser jag på att det här är ett webbdesignföretag som specialiserat sig på Drupal och WordPress. Du kan helt enkelt inte missa det! Detta är en bra sak för första gången besökare eftersom det omedelbart gör syftet med webbplatsen och identiteten av företaget klart.
Som du kan se från bilden ovan är en av de första sakerna du ser på sidan en beskrivning av vem företaget är och en lista över de tjänster som de erbjuder.
Detta koncept tas ännu längre genom introduktionsvideoen på vänster sida av hemsidan, som introducerar dig till BDQWorks, visar dig lite av sitt arbete och innehåller riktiga kundintervjuer som pratar om företagets beröm. Denna video är väldigt bra och ger mig verkligen förtroendet för att detta är ett toppklassigt professionellt företag och att jag kan vara säker på både kvaliteten på det arbete de producerar och den kundservice som de kommer att tillhandahålla.
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.