Web Design Critique # 50 Vert Studios

Välkommen till vår 50: e webbdesignkritik! 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 Vert Studios.

Om du vill skicka din webbplats till en framtida designkritik tar det bara några minuter. 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 Vert Studios

Vert Studios grundades av Justin Edwards 2009. Han identifierade behovet av en högre designstandard i East Texas. Justin öppnade butiken - medför många års erfarenhet av webbutveckling för flera miljarder dollar energi företag med honom. Men han stannade inte där. Bra design blir stor när den är kopplad till toppklassig webbprogrammering och medgrundare Joseph McCullough skräddarsyr sin utvecklingsfärdighet utifrån de affärsmål du vill uppnå.

Här är en skärmdump av hemsidan:

Initial Impression

Strax jag gillade verkligen den här sajten. Det har ett mycket unikt utseende och känsla som är rent och attraktivt och undviker layouten i din grundläggande designmall. Den mörka färgpalen här grep verkligen min uppmärksamhet, den känns smidig och elegant.

En annan sak som verkligen ser ut är den starka kopian på hela webbplatsen. Många designers vet helt enkelt inte hur man gör en försäljningsskala. Ibland fungerar det att låta ditt arbete tala för sig själv, men det är ganska ovanligt att stark kopia inte hjälper dig att vinna fler kunder.

Strax utanför flaggan ser du följande rubrik: ? Din webbplats är ditt företags första intryck. Tillsammans kan vi göra det en bestående.? Detta är ett super enkelt uttalande som verkligen resonerar med läsaren. De fortsätter att övertyga potentiella kunder om vikten av solid webbdesign: ? Din hemsida är mer än bara ett virtuellt visitkort - det representerar vem du är och vad du står för.?

Över hela webbplatsen hittar du lika starka rubriker och stycke kopia. Webbdesigners är inte alltid de anställda för att skriva kopian, men om så är fallet, kom ihåg att ta dig tid på det som om det var ett eget engagerat projekt, inte bara något du kasta ihop snabbt när du har fått design redo att gå. Faktum är att det är en bra idé att börja med meddelandet så att du får en tydligare uppfattning om hur man strukturerar designen för att markera den.

Nu när vi har gått igenom mitt övergripande intryck av webbplatsen, låt oss ta en titt på huvudkomponenterna för att se vad som fungerar och vad som kan göra en liten förbättring.

Navigering

Navigationen för den här webbplatsen är ganska intressant. Jag är inte säker på att jag någonsin sett så mycket text på den här sektionen på en webbplats.

Jag tror att denna rutt definitivt har några fördelar och nackdelar. Det är trevligt att få en liten förhandsgranskning av vad som ligger bakom länken innan du klickar på den. Jag känner emellertid att hela texten är lite överväldigande när jag bara söker länken till din portföljsida.

Det finns några sätt du kan hantera detta. Jag skulle experimentera med att beskrivningstexten bara visas på svävaren, så är informationen där om du vill läsa den, men stör inte upp det här avsnittet. Alternativt kan du försöka reducera varje litet stycke till en enda taggrad. ? Om: Ett litet företag med stora idéer ?.

I slutändan är det inte en stor fråga och jag skulle inte fel dig för att lämna det exakt hur det är. Jag skulle dock definitivt föreslå att du ökar storleken kontrast mellan länkarna och beskrivningarna. Bara stöta upp några pixlar skulle gå långt. Det här är kanske för mycket men jag överdrivet avsiktligt effekten så att du enkelt förstår idén:

Bakgrunds grafisk

Massor av människor tänker på bakgrunden för deras hemsida. De surfar på nätet i flera timmar och försöker hitta det perfekta fotot eller konsistensen bara för att komma upp till något som är upptagen och distraherande.

Idealt sett vill du ha något som påverkar humöret och på ett effektivt sätt uppmärksammar innehållet, inte bort från det. Kolla in hur enkelt bakgrunden för den här webbplatsen är:

Det är en suddig röra av färger som ser ut som övervuxna pixlar, och det ser fantastiskt ut. Lägg märke till hur dämpad och dämpad färgerna är, det här är nyckeln för att göra din webbplats färgglatt utan att ge användarna huvudvärk, precis när man tittar på det. Lektionen här är att när du är i tvivel, gå med något enkelt. För mer om detta ämne, kolla in vår artikel, 5 Snabba och enkla Photoshop-texturer som du kan göra från början.

Innehållsreglage

Den primära delen av sidan har en riktigt cool dubbelhanteringseffekt. Den stora bilden har tre olika stater att det cyklar mellan och när det ändras, så gör den stora textbubblan bredvid den.

Sammantaget är det en riktigt fin touch som gör att webbplatsen känns mycket mer dynamisk. Det här elementet ser ut och fungerar så unikt att jag är säker på att det har imponerat några kunder tillräckligt för att kontakta Vert Studios om att arbeta med dem.

Vad vi gör

När som helst du erbjuder en tjänst kan du helt enkelt inte gå fel genom att förklara exakt vad det är som du gör och varför potentiella kunder ska anställa dig för att göra det. Så många människor lämnar detta steg men det är avgörande för att vinna någon över.

Observera också att beskrivningen inte är för teknisk men istället fokuserad på de resultat du kan förvänta dig. För många webbdesigners använder det här avsnittet för att visa upp sin kunskap om webbdesign jargong, ingen av dem betyder någonting för en klient!

Slutsats

Sammanfattningsvis är det väldigt lite om den här sidan som jag skulle ändra.Jag älskar hur det ser ut och den uppenbara betoningen som har lagts på att skriva bra kopia. Om du tittar på webbplatsen hittar du en fin upprepning med huvudbilden och ordet bubbelformat. Var noga med att kolla på arbetssidan där den här exekveras särskilt bra i samband med rullning.

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.