웹 디자인 비평 # 77 : Capital Teas
매주 새로운 웹 사이트를보고 디자인을 분석합니다. 우리는 일부 작업을 수행 할 수있는 영역 외에 잘 수행 된 영역을 모두 지적 할 것입니다. 마지막으로 피드백을 제공하여 마무리합니다.
오늘의 사이트는 Capital Teas입니다. 우리가 어떻게 생각하는지 봅시다!
디자인 리소스 살펴보기
향후 Design Critique에 웹 사이트를 제출하려면 몇 분이면됩니다. 귀사의 설계를 평가하는 데 49 달러의 비용이 청구됩니다. 컨설턴트가 귀하의 사이트를 살펴 보는 데 드는 비용보다 훨씬 저렴합니다! 자세한 내용은 여기를 참조하십시오.
캐피탈 티에 대하여
Capital Teas는 5 세대 가족 소유의 특수 차 상인입니다. 그들은 스리랑카, 인도, 중국, 일본, 말라위 및 케냐를 포함하여 세계에서 가장 잘 자라는 국가와 지역에서 175 가지가 넘는 최고 품질의 느슨한 잎 차와 허브 주입을 제공합니다. 그들의 차 제품에는 전통 및 현대 주전자, 맥주 양조장 및 인퓨저 및 기타 여러 전문 품목이 포함됩니다. 그들은 또한 장인 꿀, 잼, 차 주입 초콜릿 및 차와 함께 제공되는 다른 미식가 포장 식품을 제공합니다.
다음은 홈페이지의 스크린 샷입니다.
첫 인상
사이트에 대한 나의 첫인상은 홈페이지를 본 후 처음 3 초 내에 사이트의 모든 내용을 정확하게 말할 수 있는지 여부에 대한 아이디어를 바탕으로합니다. 맞아, 3 초 당신은 내 관심을 사로 잡고, 당신이 누구인지, 그리고 당신이 보통 사람이 신발을 묶는 데 걸리는 시간보다 더 적은 시간에 무슨 일인지 말해줘야합니다.
Capital Teas의 경우 비행 색상으로이 테스트를 통과했습니다. 이 사이트는 온라인 차 가게를 비명을 지른다. 나는 차의 사진을 도처에 보았습니다.“차”라는 단어가 여러 번 나타납니다. 나는 즉시 잘 지향하고 차를 사고 자한다면 올바른 위치에 있다는 것을 알고 있습니다.
사이트의 시각적 미학과 레이아웃에 관해서는 좋은 뼈가 있다고 말하고 싶습니다. 견고한 구조와 매력적인 시각적 미학이 시작되었습니다. 약간의 작업이 필요하지만 너무 중요한 것은 없습니다. 몇 가지 구체적인 영역을 살펴보고 개선을위한 제안을 찾을 수 있는지 살펴 보겠습니다.
헤더
가장 문제가되는 부분 중 하나는 헤더입니다. 단순하게 설계된 것처럼 보이지만 마케팅 부서는이를 파악하여 폐기했습니다. 거기에 너무 많은 물건이 쌓여있어 혼란스럽고 페이지의 나머지 부분에서 확립 된 상당히 깨끗한 미학과 완전히 모순됩니다.
특히 소셜 아이콘은 일부 주요 정리를 사용할 수 있습니다. 각각의 디자인은 일관성이없고 여러 개의 Facebook 항목이 중복 된 것처럼 보이며 겹치는 문제가 있으며이 장소의 모든 항목은 호흡 공간이 거의없는 상태입니다.
"오늘의 거래"와 다른 쪽의 뉴스 레터 가입은 혼란스러워 보입니다. 이러한 요소는 페이지의 다른 항목과 특히 잘 맞지 않으며 나중에 생각하는 것처럼 보입니다.
수정하는 방법
무언가 어려운 일이 있기 때문에 어려운 결정을 내려야합니다. 실제로 몇 가지 일이 있습니다. 누군가가 페이지에 더 나은 장소를 갖기 위해 많은 바닥 글 요소를 머리글에 넣는 것처럼 느껴지지만 모든 것이 특별하면 아무것도 특별하지 않습니다. 가장 중요한 것을 선택하고 항목에 명확한 시각적 계층 구조를 제공해야합니다.
헤더의 내용 대부분을 다른 곳으로 옮기는 것이 좋습니다. 절대적으로 중요한 요소를 식별하십시오. 로고로 시작하십시오. 그것은 사이트에 대한 위대한 오래된 세계 느낌을 설정하고 주변 요소를 제거하여 더 많은주의를 기울이는 멋진 외모입니다. 다른 필요한 품목은 쇼핑 카트입니다. 이 두 항목으로 헤더를 줄일 수 있다면 잘하고있는 것입니다. 그렇지 않다면 오늘의 거래를 포함시킬 수 있습니다. 모든 것이 바닥 글로 이동하거나 나머지 페이지에 더 잘 통합됩니다.
사용하는 동안 필요한 모든 소셜 네트워크에 맞는 아이콘이있는 간단한 소셜 아이콘 세트를 찾으십시오.
항해
페이지를 아래로 이동하면 다음으로 탐색으로 이동합니다. 효율적이고 정리되지 않은 이중 탐색을 해제하는 것은 까다로운 작업이지만 실제로는 여기에서 처리되는 방식이 정말 좋습니다. 순수한 텍스트 메뉴는 검색 상자와 쌍을 이루고 다채로운 아이콘 기반 메뉴에 쌓여 있으며 결과는 내가 찾고있는 것을 찾을 수있는 훌륭한 방법입니다.
조금 어색한 점은 기본 탐색에서 드롭 다운 메뉴를 디자인하는 것입니다. 그들은 연결이 끊어지고 떠 다니는 느낌이있어 거의 제대로 작동하지 않는 것처럼 보입니다.
이를 다시 생각하고 드롭 다운이 더 통합되어 기본 메뉴에 연결된 다른 시각적 아이디어를 실험 해 보는 것이 좋습니다.
주요 내용
주요 내용 영역은 3 개의 상자로 구성됩니다. 이것들은 형식이 잘 혼합되어 있으며 큰 슬라이더, 정적 이미지 및 작은 영화 (고맙게도 자동 재생되지 않음)로 구성됩니다. 이 지역은 훌륭합니다. 나는 그것이 3 개의 상자로 짝을 이루고 레이아웃이 멋지고 깨끗하게 보이고 실제로 표시되는 제품과 정보에 초점을 맞추는 것을 좋아합니다.
사진술
사진 작가로서 저는 좋은 사진을 좋아합니다.이 사이트는이 지역에서 성공적으로 제공됩니다. 소유자가 고품질의 사진에 실제로 투자 한 것처럼 보이며 제품을 매우 고급스럽고 매력적으로 보이게하여 돈을 지불합니다.
타이포그래피
헤더 다음에 즉각적인주의가 필요한 두 번째 주요 영역은 타이포그래피입니다. 대부분의 디자이너는 전체 프로젝트에 대해 하나 또는 두 개의 단단한 서체를 선택하는 것이 좋습니다. 모험심이 있고 그것을 풀기에 충분한 기술이 있다면 아마도 세 가지 일 것입니다. 이 사이트의 홈페이지에서만 본 서체의 수를 잃어 버렸습니다.
유형은 사이트 스타일의 가장 강력한 지표 중 하나입니다. 분위기, 기간, 전문적인 분위기 등을 설정합니다. 일관성이없고 흩어져 있다면 전달하는 메시지도 마찬가지입니다.
다양한 서체를 모두 긁어 내고 가독성이 높고 디자인 의도와 일치하는 톤으로 하나 또는 두 개를 선택하는 것이 좋습니다. 결과적으로 사이트 전체에 대해 훨씬 일관되고 전문적인 느낌을 갖게됩니다.
보조 컨텐츠
사이트 하단에는 우리의 목적을 위해“보조 컨텐츠”라고 부르는 상자가 있습니다. 위의 세 상자와 결합 된이 레이아웃은 간단하고 확실합니다. 우리 기사 10 Rock Solid Website Layout Examples의 레이아웃 중 일부를 상기시켜줍니다.
이 분야에 대한 나의 진짜 문제는 타이포 그라피인데, 이것은 이미 끝났습니다. 그러나 여기서 문제는“이 제품보기”의 서체가 너무 얇아 거의 읽을 수 없다는 것입니다.
결론
요약하자면, Capital Teas는 매력적인 사이트로 출발하기 시작했습니다. 기본 레이아웃 구조는 견고하고 사진은 아름답고 이중 탐색은 일반적으로 해당 경로를 권장하지 않지만 잘 작동합니다. 개선에 중점을 두어야 할 부분으로는 정리가 필요없는 헤더와 일부 서체와 쌍을 이루어야하는 타이포그래피가 있습니다.
네 차례 야!
이제 내 의견을 읽었으며 디자이너에게 추가 조언을 제공하여 의견을 제시하고 도움을주었습니다. 디자인에 대해 좋은 점과 더 강하다고 생각되는 점을 알려주십시오. 항상 그렇듯이 사이트의 디자이너를 존중하고 가혹한 모욕이없는 명확한 건설적인 조언을 제공하십시오.
