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 Trade & Lateral Development, ett e-postmarknadsfö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 Trade & Lateral Development
Trade & Lateral Development är ett fullserviceföretag för e-postmarknadsföring. Vi har 10 års erfarenhet av denna växande, fascinerande industri. Vi vill vidarebefordra vår kunskap till dig, så att du kan odla din verksamhet utan att behöva undersöka principerna och bästa praxis först.
Här är en del av hemsidan:
Designanalys
Sidan ovan är inte oattraktiv. Färgerna är ljusa och iögonfallande utan motstridiga och organisationen är ganska tydlig hela tiden. Men jag tror definitivt inte att det är lika starkt som det kan vara. Som en övning, tänk dig att all text på sidan var suddig ut, är det stödjande bildspelet som bär webbplatsens avhandling? Med andra ord kan du fortfarande berätta vad platsen är för?
Jag tror inte det. Ikonerna på toppen är generiska, vilket inte är inneboende dåligt men när de fungerar som enda bilder i huvudet, kommer de saknas. Jag tycker om huvudets vikt, storleken är stor och djärv, men den måste visuellt säga mer om e-postmarknadsföringstjänsten.
Ett enkelt och populärt sätt att göra detta är med en skärmdump. Visa en mall som du är stolt över eller ett skott av ditt backend-system. Du kan se den här tekniken på jobbet på hemsidorna till två av dina populära e-postmarknadsföringskonkurrenter, Kampanjövervakare och MailChimp.
Detta är inte en slump, det är en beprövad och effektiv strategi. Observera att vart och ett av dessa webbplatser använder också mycket ljusa färger och anställa massor av blankutrymme. Det är högkvalitativa, iögonfallande bilder som skiljer dem från Trade Lateral. Kampanjövervakningen använder även samma slags generiska ikoner, men snarare än att göra dem till hjälte på sidan, tjänar de som stödjande bildmaterial till textinnehållet.
Vilket leder mig till en annan lektion som kan läras här. Trade Lateral har massor av text på hemsidan. Du förväntar dig att intresserade parter kommer att stanna vid webbplatsen och tillbringa tjugo minuter att läsa igenom din information, men nästan ingen har den typen av webbläsningstålighet.
I stället har du ungefär tre sekunder för att fånga besökarens intresse, och en sida full av text kommer inte att skära den. Speciellt när dina konkurrenter har så vackra och vänliga mönster som skriker kvalitet och användarvänlighet. Handelsidans sida ser däremot ut som ett hemskt arbete. Detta kan få effekten av överväldigande potentiella kunder att tänka på att e-postmarknadsföring är helt för komplicerad helt och följaktligen överge tanken.
Svett de små sakerna
Det är inte bara den stora bilddesignen som kan förbättras här, detaljerna kan också använda vissa raffineringar. Ta till exempel knapparna på sidan. Deras design känns lite som ett daterat försök på en web 2.0-stil som snabbt dör. Att hålla sig till moderna designtrender kan låta löjligt inane, men det knyter direkt till kundens uppfattning om kvalitet.
Kolla in jämförelsen mellan knapparna nedan och hänvisa återigen till de två sidorna som vi bara använt som exempel.
Observera att Kampanjövervakning och MailChimp har mycket liknande knappdesigner. De subtila gradienterna, de enkla pixelsträckorna, färgerna, alla känner sig mer moderna än de skinnande plastknapparna på Trade Lateral. Jag föreslår definitivt inte att du ritar av de andra knapparna, det är bra att bryta ut ur lådan och göra något annat. Se bara till att du går framåt, inte bakåt när det gäller stil.
En annan intressant sak att notera om knapparna på de andra sidorna är den använda fraseringen. Båda använder starka uppmaningar till handling (registrera sig gratis, prova gratis) istället för passivt språk (gratis utvärdering av e-post).
rekommendationer
Låt oss se om vi kan sätta all den spridna informationen ovan i en mer konkret uppsättning föreslagna ändringar. Först, minska innehållet på hemsidan till något mer hanterbart och mindre skrämmande. Massor av detta innehåll kan flyttas till stödjande sidor.
Gör sedan ett starkare uttalande med ditt rubrik, eventuellt arbeta på vissa skärmdumpar av dina mallar eller systembackend. Visa vad det är kunden köper. Använd också dina ikoner som ett sätt att bryta upp textinnehållet på sidan till visuella block på ett liknande sätt som det som ses på Kampanjmonitorens webbplats (igen, skrapa inte av sin design, använd den bara som inspiration för din egen unik slutprodukt).
Också se till att uppdatera grafiken på element som knappar till en mer modern känsla. Detta är i samband med att säkerställer att knappar innehåller tydliga samtal till handling som tydligt anger syftet med knappen.
Slutligen försök att ta det sporadiska modulära innehållet på din sida och integrera det bättre i en sammanhängande design. Lägg märke till hur MailChimp faktiskt har många saker på sin hemsida, men snarare än att se ut som utspridda pusselbitar ser det ut som en integrerad helhet.
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.