Nettdesignkritikk nr. 77: Capital Teas
Hver uke tar vi en titt på en ny webside og analyserer designet. Vi vil påpeke begge områdene som er gjort godt i tillegg til de som kan bruke litt arbeid. Til slutt avslutter vi med å be deg om å gi dine egne tilbakemeldinger.
Dagens side er Capital Teas. La oss hoppe inn og se hva vi synes!
Utforsk designressurser
Hvis du ønsker å sende inn nettstedet ditt for å bli vist i en fremtidig designkritikk, tar det bare noen få minutter. Vi belaster 49 dollar for kritikk av designen din - betydelig mindre enn du betaler for en konsulent for å se på nettstedet ditt! Du kan finne ut mer her.
Om Capital Teas
Capital Teas er en femte generasjon, familieeid spesialitetstehandler. De tilbyr mer enn 175 varianter av løsbladete teer og urteinfusjoner av høyeste kvalitet fra verdens fineste voksende land og regioner, inkludert Sri Lanka, India, Kina, Japan, Malawi og Kenya. Deres teprodukter inkluderer tradisjonelle og moderne tekanner, bryggerier og infusører og mange andre spesialvarer. De tilbyr også håndtverret honning, syltetøy, teinfusert sjokolade og andre gourmetpakker som følger med teene deres.
Her er et skjermbilde av hjemmesiden:
Førsteinntrykk
Mitt førsteinntrykk av et nettsted bygger tungt på ideen om hvorvidt jeg kan fortelle nøyaktig hva det handler om i løpet av de tre første sekundene etter å ha sett hjemmesiden. Det stemmer, tre sekunder. Du må ta oppmerksomheten min, fortelle meg hvem du er og hva du handler om på kortere tid enn det tar den gjennomsnittlige personen å binde en sko.
Når det gjelder Capital Teas, består de denne testen med flygende farger. Dette nettstedet skriker online tebutikk (på en god måte). Jeg ser bilder av te overalt, ordet “te” vises flere ganger, fargene antyder te; Jeg er øyeblikkelig godt orientert og vet at hvis jeg ønsker å kjøpe te, er jeg på rett sted.
Når det gjelder den visuelle estetikken og utformingen av nettstedet, vil jeg si at det har gode bein. Det er en solid struktur og attraktiv visuell estetikk startet. Det trenger litt arbeid, men ingenting for stort. La oss hoppe inn og se på noen av de spesifikke områdene for å se om vi kan finne noen forslag til forbedring.
Overskrift
Et av områdene der jeg ser mest problemer er overskriften. Det ser ut som om det var designet for å være enkelt, men markedsavdelingen fikk tak i det og kastet det. Det er så mye stapp i det at det føles uoversiktlig og står som en sterk motsetning til den ganske rene estetikken som er etablert av resten av siden.
Spesielt de sosiale ikonene kan bruke noen større oppryddinger. Designet for hver er inkonsekvent, flere Facebook-elementer virker overflødige, det er problemer med overlapping, og alt på dette stedet er proppet sammen med veldig lite pusterom.
"Deal of the Day" og påmelding til nyhetsbrev på den andre siden, forbedrer også det uoversiktlige utseendet. Disse elementene er ikke spesielt godt tilpasset noe annet på siden og virker kastet inn som en ettertanke.
Hvordan fikse det
Noen tøffe beslutninger vil måtte tas her fordi noe må gå. Faktisk må flere ting gå. Det føles som om noen prøvde å stappe en haug med bunntekstelementer inn i en topptekst bare for å få dem til et bedre sted på siden, men husk at hvis alt er spesielt, er ingenting spesielt. Du må velge hva som har mest betydning og gi varene dine et tydelig visuelt hierarki.
Jeg anbefaler å flytte det meste av innholdet i overskriften til andre steder. Forsøk å identifisere de absolutt kritiske elementene. Begynn med logoen. Det er et pent stykke som gir en flott gammel verdensfølelse for nettstedet, gir det mer oppmerksomhet ved å fjerne de omkringliggende elementene. Den andre nødvendige varen er handlekurven. Hvis du kan redusere overskriften til disse to elementene, gjør du det bra. Hvis ikke, vil jeg tillate inkludering av dagens avtale. Alt beveger seg enten til bunnteksten eller integreres bedre i resten av siden.
Mens du er inne på det, finn et enkelt sosialt ikonoppsett som har samsvarende ikoner for hvert sosiale nettverk du trenger.
Navigasjon
Når vi beveger oss nedover på siden, så kommer vi til navigasjonen. Å trekke av en effektiv og ikke rotete dobbeltnavigering er vanskelig virksomhet, men jeg liker virkelig måten det er håndtert her. En ren tekstmeny er blitt parret med en søkeboks og stablet på en fargerik ikonbasert meny, og resultatet er et flott tilbud av måter for meg å finne det jeg leter etter.
En ting som jeg synes er litt vanskelig er utformingen av rullegardinmenyene i den primære navigasjonen. De har en frakoblet, flytende følelse som gjør at det nesten virker som om noe ikke fungerer helt riktig.
Jeg anbefaler å revurdere dette og eksperimentere med forskjellige visuelle ideer som gjør at dropdowns ser mer integrerte og koblet til hovedmenyen.
Hovedinnhold
Hovedinnholdsområdet består av tre bokser. Dette er en god blanding av formater og består av en stor glidebryter, et statisk bilde og en liten film (som heldigvis ikke spiller automatisk). Dette området er flott. Jeg elsker at det er blitt sammenkoblet til tre bokser, utformingen ser fin og ren ut og det gir virkelig fokus på produktene og informasjonen som vises.
Photography
Som fotograf er jeg en sucker for gode bilder, og dette nettstedet leverer vellykket på dette området. Det ser ut som eierne virkelig har investert i kvalitetsfotografering, og det lønner seg å gjøre at produktene deres virker veldig høye og attraktive.
typografi
Etter overskriften er det andre hovedområdet som trenger øyeblikkelig oppmerksomhet typografien. De fleste designere anbefaler at du velger ett eller to solide skrifttyper for et helt prosjekt, kanskje tre hvis du føler deg eventyrlysten og har nok dyktighet til å trekke det av. Jeg mistet tellingen av hvor mange skrifttyper jeg så på hjemmesiden alene på dette nettstedet.
Din type er en av de sterkeste indikatorene for stilen på nettstedet ditt. Det setter en stemning, en tidsperiode, en tone av profesjonelt og mye mer. Hvis det er inkonsekvent og spredt, er det også meldingene det formidler.
Jeg anbefaler absolutt å skrape alle de forskjellige skrifttypene, for så å velge en eller to med høy grad av lesbarhet og en tone som samsvarer med intensjonene med designet. Resultatet vil være en mye mer konsistent, profesjonell følelse for nettstedet som helhet.
Sekundært innhold
Det er en stripe med bokser på bunnen av nettstedet som jeg vil kalle "sekundært innhold" for våre formål. Denne utformingen kombinert med de tre boksene ovenfor er enkel og solid. Det minner meg om noen få oppsett i artikkelen 10 Rock Solid Website Layout-eksempler.
Mitt eneste virkelige problem med dette området er typografien, som jeg allerede har gått over. Problemet her er imidlertid at skriften på "se dette produktet" er så tynn at det nesten er uleselig.
Konklusjon
For å oppsummere, har Capital Teas en flott start på en en super attraktiv side. Den grunnleggende layoutstrukturen er solid, bildene er vakre og den doble navigasjonen fungerer bra selv om jeg vanligvis fraråder den ruten. Noen områder å fokusere på å forbedre inkluderer toppteksten, som må fjernes, og typografien, som må kobles sammen til noen få utvalgte skrifttyper.
Din tur!
Nå som du har lest kommentarene mine, kan du slå inn og hjelpe ved å gi designeren noen flere råd. Gi oss beskjed om hva du synes er flott med designet og hva du synes kan være sterkere. Som alltid ber vi deg også respektere nettstedets designer og tilby klare konstruktive råd ugyldige for harde fornærmelser.
