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 MacroDreams, den personliga portföljen av Deepak Chakravarthy.
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 MakroDreams
Jag heter Deepak Chakravarthy J. och jag är en oberoende webbdesigner och frontend utvecklare med 9+ års erfarenhet inom webb och grafisk design. Jag strävar efter att skapa rena, sökmotorvänliga och visuellt tilltalande webbplatser baserat på de senaste webbstandarderna och användbarhetsriktlinjerna för att uppnå bästa möjliga lösning.
Här är en skärmdump av hemsidan:
Initial Impression
MacroDreams har en naturinspirerad design som är ganska attraktiv, särskilt inom rubrikområdet. Idén är ganska fantastisk och blandar fåglar och gräs med rymdgrafik och abstrakta virvlar.
Hemsidan är ganska enkel, med bara ett enkelt blogginlägg, och fungerar som en gateway till andra sidor som en portföljavdelning. Grammatik hela tiden är ganska grov men eftersom jag bara kan prata ett språk är min hatt av för alla som ens kan försöka skriva i ett tungt språk som är främmande för sig själv. Jag kommer därför att fokusera på denna webbplats ur ett designperspektiv.
Med detta i åtanke finns det lov att ges och konstruktiv kritik erbjuds. Jag gillar vissa aspekter men känner starkt att förbättringar kan göras. Låt oss börja med rubriken.
För mycket av det goda?
När du först laddar sidan, är den sak som fångar din uppmärksamhet huvudtexten. Ur en rent estetisk synvinkel är den lite galen men faktiskt väldigt attraktiv.
När du tittar på sidan kommer det till liv. Den gräsbevuxna området innehåller en vattendroppsanimation som jag tycker är ganska fascinerande, papegojan flyter och blinkar och fåglarna på toppen har en svängdriven parallaxanimation med molnen.
Jag brukar tävla på tricks som dessa men för att vara ärlig tror jag att alla tre effekterna drogs väldigt snyggt här. Problemet är att jag tycker att varje effekt är trevligt som ett fristående enskilt element. På egen hand är vattendropparna coola, på egen hand fångar fågelanimationen din uppmärksamhet, etc.
När du kombinerar så många animationer på en sida, är effekten störande. Det händer helt enkelt för mycket. I Pixar-filmen? The Incredibles ?, är skurkens mål att göra alla speciella, eftersom nettoresultatet skulle vara att ingen är speciell. Så ostlik som det är att göra det till en lektion om design, tänker jag ständigt på den filmen när jag ser webbplatser som denna.
Kom ihåg att nyckeln till bra webbdesign är att fånga tittarens uppmärksamhet och sedan rikta den där du vill att den ska gå. När du har flera saker som tävlar om uppmärksamhet, vet dina ögon inte riktigt var de ska landa och meddelandet tenderar att gå vilse.
Så svårt som det kan tyckas efter att ha lagt all denna insats i projektet, rekommenderar jag att du bara väljer en av dessa animeringar och dykar resten. Du kan till och med återvinna dem på andra sidor på hela webbplatsen om du inte var galen om att kasta dem helt.
Huvudinnehåll
Resten av sidan tas upp av den stora innehållsförpackningen som visas nedan. Det är en enkel två-kolonnlayout som fungerar ganska bra och lägger uppenbar tonvikt på det viktiga innehållet.
Mitt problem med detta område är att det verkar som om designern inte visste vad han skulle göra med det. Faktum är att en stor del är avsedd för utgående länkar. Det obekväma stora tackområdet nedan, de sociala länkarna och smashing news feeden tar alla bort dig från den här sidan. Beviljas, det här är saker som nästan alla designbloggar har, den här ingår, men problemet är att det inte är så mycket att få dig att hålla fast.
Blogginlägget är från oktober, vilket ger dig en känsla av att detta är ett övergiven projekt. Vidare finns det ingen bloggavdelning i navigeringen så den här funktionen på webbplatsen är lite vag och odefinierad ändå.
Vad som behöver hända här är en omvärdering av målen för denna webbplats. Eftersom det bara finns ett inlägg, och det är en gammal, skulle jag säga att det främsta syftet är att konstruktören ska visa upp sin portfölj. Bortsett från en länk i navigeringen återspeglas det inte alls i innehållet på sidan.
Om du tittar på portföljsidan ser du att den här designern faktiskt har massor av bra jobb att visa sig, allt bildar webbplatser till logotyper och utskriftsarbete. Jag röstar att du gräver bloggens layout på hemsidan och migrerar något av portföljinnehållet där borta. Portföljen kan vara där den är, men syftet med hemsidan är att införa webbplatsen / designern och leda människor till antingen portföljsidan eller kontaktsidan (ett måste om du vill att folk ska anställa dig).
Slutsats
Det är uppenbart att denna designer har några solide Photoshop och webbutvecklings färdigheter. Som det är fallet är mitt råd att förenkla och refokusera. Ta bort aktiviteten på sidan så att upplevelsen är mindre distraherande och omdirigera hemsidan så att den visar ditt arbete och tar med folket till portföljsidan.
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.