Критика за уеб дизайн # 77: Капиталови чайове
Всяка седмица разглеждаме нов уебсайт и анализираме дизайна. Ще посочим и двете области, които са добре направени в допълнение към тези, които биха могли да използват някои работи. И накрая, ще завършим с молба да предоставите своя собствена обратна връзка.
Днешният сайт е Capital Teas. Нека скочим и да видим какво мислим!
Разгледайте дизайнерските ресурси
Ако искате да изпратите уебсайта си, за да бъде представен в бъдеща дизайнерска критика, отнема само няколко минути. Ние таксуваме $ 49 за критикуване на вашия дизайн - значително по-малко, отколкото бихте платили за консултант, който да разгледа вашия сайт! Можете да разберете повече тук.
За капиталовите чайове
Capital Teas е пето поколение, семеен специализиран търговец на чай. Те предлагат повече от 175 разновидности на най-висококачествените чайове и билкови отвари от най-добрите страни и региони в света, включително Шри Ланка, Индия, Китай, Япония, Малави и Кения. Техните продукти за чаени изделия включват традиционни и модерни чайници, пивоварни и нагреватели и много други специализирани артикули. Те също така предлагат занаятчийски мед, конфитюри, шоколад, напоен с чай, и други гурме пакетирани храни, които придружават чайовете им.
Ето екранна снимка на началната страница:
Първо впечатление
Първото ми впечатление за сайт е изградено до голяма степен върху идеята дали мога да кажа точно за какво става въпрос в рамките на първите три секунди след като видя началната страница. Точно така, три секунди. Трябва да привлечеш вниманието ми, да ми кажеш кой си и за какво ставаш за по-малко време, отколкото е необходимо на обикновения човек да завърже обувка.
В случая с Капиталовите чайове те преминават този тест с летящи цветове. Този сайт крещи онлайн магазин за чай (по добър начин). Навсякъде виждам снимки на чай, няколко пъти се появява думата „чай“, цветовете предполагат чай; Веднага съм добре ориентирана и знам, че ако гледам да си купя малко чай, аз съм на правилното място.
Що се отнася до визуалната естетика и оформлението на сайта, бих казал, че има добри кости. Има стабилна структура и атрактивна визуална естетика. Необходимо е малко работа, но нищо прекалено важно. Нека скочим и да разгледаме няколко от специфичните области, за да видим дали можем да намерим някои предложения за подобрение.
удар с глава
Една от областите, в които виждам най-много проблеми, е заглавката. Изглежда, че е проектиран така, че да е прост, но маркетинговият отдел го намери и го изтърси. Има толкова много неща, натъпкани в нея, че тя се чувства претрупана и стои като изключително противоречие с доста чистата естетика, установена от останалата част от страницата.
По-специално социалните икони биха могли да използват някои основни почиствания. Дизайнът за всеки е непоследователен, множество елементи във Facebook изглеждат излишни, има проблеми с припокриването и всичко на това място е натъпкано заедно с много малко място за дишане.
„Сделка за деня“ и подписване на бюлетини от другата страна също допринасят за претрупания вид. Тези елементи не са хармонирани особено добре с нищо друго на страницата и изглеждат хвърлени като замислена.
Как да го поправим
Тук ще трябва да се вземат някои трудни решения, защото нещо трябва да върви. Всъщност няколко неща трябва да вървят. Усеща се, че някой се опита да натъпка куп елементи от долния колонтитул в заглавие, само за да им осигури по-добро място на страницата, но не забравяйте, че ако всичко е специално, нищо не е особено. Трябва да изберете кое има най-голямо значение и да дадете на вашите предмети ясна визуална йерархия.
Препоръчвам да преместите по-голямата част от съдържанието в заглавката на друго място. Опитайте се да идентифицирате абсолютно критичните елементи. Започнете с логото. Това е хубаво изглеждащо парче, което създава страхотно усещане за стария свят към сайта, обръщайте му повече внимание, отнемайки околните елементи. Другият необходим артикул е пазарската количка. Ако можете да намалите заглавката до тези два елемента, се справяте чудесно. Ако не, ще позволя включването на сделката за деня. Всичко се премества или в долния колонтитул или е по-добре интегрирано в останалата част на страницата.
Докато сте в него, намерете прост набор от социални икони, който има съвпадащи икони за всяка социална мрежа, от която се нуждаете.
навигация
Придвижвайки се надолу по страницата, след това стигаме до навигацията. Извличането на ефективна и непрекъсната двойна навигация е сложен бизнес, но всъщност много харесвам начина, по който се работи тук. Чисто текстово меню е сдвоено с поле за търсене и подредено в цветно меню, базирано на икони и резултатът е страхотно предлагане на начини да намеря това, което търся.
Едно нещо, което ми се струва малко неудобно, е дизайнът на падащите менюта в основната навигация. Те имат изключено, плаващо усещане, което го прави почти сякаш нещо не работи съвсем правилно.
Препоръчвам да се преосмисли това и да се експериментира с различни визуални идеи, които правят падащите да изглеждат по-интегрирани и свързани с главното меню.
Главно съдържание
Основната зона на съдържание се състои от три кутии. Това са добра комбинация от формати и се състоят от голям плъзгач, статично изображение и малко филм (който за щастие не се пуска автоматично). Тази област е страхотна. Обичам, че е сдвоена до три кутии, оформлението изглежда хубаво и чисто и наистина фокусира върху показаните продукти и информация.
Фотография
Като фотограф съм гадник за добри снимки и този сайт успешно доставя в тази област. Изглежда собствениците наистина са инвестирали в качествена фотография и това се отплаща, като правят продуктите им да изглеждат много високи и привлекателни.
книгопечатане
След заглавката втората основна област, която се нуждае от незабавно внимание, е типографията. Повечето дизайнери препоръчват да изберете един или два твърди шрифтове за цял проект, може би три, ако се чувствате авантюристични и имате достатъчно умения, за да го издърпате. Загубих броя на шрифтовете, които видях само на началната страница на този сайт.
Вашият тип е един от най-силните показатели за стила на вашия сайт. Определя настроение, период от време, тон на професионално и много повече. Ако е непоследователен и разпръснат, толкова са и съобщенията, които предава.
Определено препоръчвам да бракувате всички различни шрифтове, след това да изберете един или два с висока степен на четене и тон, който да съответства на намеренията на дизайна. Резултатът ще бъде много по-последователно, професионално усещане за сайта като цяло.
Вторично съдържание
В долната част на сайта има лента от кутии, която ще нарека „вторично съдържание“ за нашите цели. Това оформление, комбинирано с трите кутии по-горе, е просто и солидно. Напомня ми на няколко от оформлението в нашата статия 10 Примери за оформление на уебсайтове Rock Solid.
Единственият ми истински проблем в тази област е типографията, която вече преодолях. По-конкретно, проблемът тук е, че шрифтът на „преглед на този продукт“ е толкова тънък, че е почти нечетлив.
заключение
В обобщение, Capital Teas има страхотно начало за супер атрактивен сайт. Основната структура на оформлението е солидна, снимките са красиви и двойната навигация работи добре, въпреки че обикновено обезкуражавам този маршрут. Някои области, върху които трябва да се съсредоточите върху подобряването, включват заглавката, която трябва да се премахва, и типографията, която трябва да бъде сдвоена до няколко избрани шрифта.
Твой ред!
Сега, след като прочетете коментарите ми, намерете и помогнете, като дадете на дизайнера някои допълнителни съвети. Кажете ни какво мислите, че е чудесно за дизайна и това, което смятате, че може да бъде по-силно. Както винаги, молим Ви също да се съобразявате с дизайнера на сайта и да Ви предложим ясни конструктивни съвети, лишени от всякакви тежки обиди.
