웹 디자인 비평 # 36 : 스티커 뮬

/2019-10-16 21:56:57/
Antionette
/비평/

매주 새로운 웹 사이트를보고 디자인을 분석합니다. 우리는 일부 작업을 수행 할 수있는 영역 외에 잘 수행 된 영역을 모두 지적 할 것입니다. 마지막으로 피드백을 제공하여 마무리합니다.

오늘의 사이트는 Sticker Mule입니다.

Envato Elements 살펴보기

향후 Design Critique에 웹 사이트를 제출하려면 몇 분이면됩니다. 귀사의 설계를 평가하는 데 34 달러가 청구됩니다. 컨설턴트가 귀하의 사이트를 살펴 보는 데 드는 비용보다 훨씬 저렴합니다! 자세한 내용은 여기를 참조하십시오.

스티커 뮬 소개

“스티커 뮬은 맞춤형 스티커 및 스킨을 구매하는 가장 쉬운 방법입니다. 우리는 무료로 작품 문제를 해결하고 미국 어디든지 무료 배송을 제공합니다. 우리의 제품은 최고의 인쇄 기술을 사용하여 만들어집니다. 결과? 매우 저렴한 비용으로 풀 컬러 스티커 인쇄. 스티커가 50 개이든 500, 000 개이든, 노새를 능가하는 것은 없습니다.”

다음은 홈페이지의 스크린 샷입니다.

초기 인상

스티커 뮬에는 아름다운 사이트가 있습니다. 색 구성표와 그래픽이 뛰어나고 잘 작동합니다. 또한 이미지 주위의 간단한 흰색 테두리와 함께 이름이 스티커가 여기에서 판매되고 있다는 생각을 즉시 전달합니다. 페이지가로드되는 즉시 스티커 저장소임을 알 수있는 즉시 많은 콘텐츠를 검색하거나 읽을 필요가 없습니다.

그것은 분명하고 쉽게 달성 할 수있는 목표처럼 들릴지 모르지만, 사이트가 무엇이고 누가 누구인지를 명확하게하는 단순한 아이디어를 놓치고 있다는 비판이 얼마나 많은 사이트에 놀랐을 것입니다.

사이트를 탐색하면 디자인의 톤과 품질이 전체적으로 일관된 것을 알 수 있습니다. 비즈니스가 혼란스럽고 사용할 수없는 상점 만 갖기 위해 아름답고 깨끗한 홈페이지를 만드는 것이 일반적이지만, 디자인 과정 전체에서 Sticker Mule은 강력했습니다.

홈페이지를 조금씩 찢어서 하나씩 분석해 봅시다.

헤더

홈페이지의 기본 섹션은 두 섹션으로 나뉩니다. 상단에는 로고가있는 바가 있고 탐색 기능이 있습니다. 탐색 요소가 디자인 측면에서 얼마나 최소한인지 확인하십시오. 당신이 그들을 찾고 있다면 쉽게 발견 할 수 있지만 반드시 많은주의를 기울일 필요는 없습니다. 주의를 끌기 위해 페이지에 다른 더 중요한 요소가 있기 때문에 좋습니다.

헤드 라인은 영리하지만 간단합니다.“붙이는 것을 인쇄”하고 스티커 더미의 그래픽을 강화합니다. 이 시점에서 어떤 종류의 스티커를 판매하는지 궁금해 할 수 있으며이 질문에 대한 답변은 "맞춤형 스티커 주문"버튼을 사용하여 바로 응답 할 수 있습니다.

항상 완벽한 외부인의 관점에서 디자인을 살펴보십시오. 사이트를 잘 모르는 사람에게 사이트를 보여주고 사이트가 무엇인지 파악하는 데 시간이 얼마나 걸리는지 확인하십시오. 여기서 우리는 이것이 사용자 정의 인쇄 된 스티커를 주문하는 데 사용할 수있는 사이트임을 상당히 빨리 알 수 있습니다.

회사의 역사, 뛰어난 재료 및 경쟁사보다 더 나은 방법에 대한 판매 피치가 더 이상 없습니다.이 페이지에는 모든 보풀이 필요하지 않습니다 (정보 페이지에 속하는 곳). 간단하면서도 매력적인 방법으로 제시된 간단한 메시지. 무엇을 더 원할 수 있습니까?

헤더 제안

내가 여기서 할 것이라고 생각하는 것 중 하나는 주문 버튼에 상당히 다른 호버 상태를 추가하는 것입니다. 요소가 분명히 큰 버튼이기 때문에 필요한지 여부는 논쟁의 여지가 있지만 간단한 커서 변경을 넘어서서이 아이디어를 강화하는 것이 좋습니다.

내용 및 바닥 글

이 섹션의 레이아웃은 세 항목의 두 행만으로도 매우 간단합니다. 디자이너로서 우리의 가장 큰 단점 중 하나는 레이아웃을 과도하게 생각하고 정보의 표현을 단순화하는 것이 목표 일 때 복잡하고 다른 것을 생각해 내야한다는 것입니다.

스티커 뮬은 전체 제품 라인을 커스텀 스티커, 다이 컷 스티커 및 커스텀 스킨의 세 가지 범주로 분리했습니다. 그들이 정말로 그것에 대해 생각했다면, 아마도 여기에 놓을 10 개 이상의 하위 범주를 생각해 냈을 수도 있지만 그렇지 않았습니다. 그들은 그것을 간단하게 유지했다. 이 기본 수준에서 옵션을 선택하면 더 많은 옵션이 표시됩니다.

대부분의 사람들에게 스티커 쇼핑은 일상적인 일이 아닙니다. 문 밖으로 너무 많은 정보를 쏟아 부으면 혼란스럽고 위협적 일 것입니다. 그러나, 스티커 뮬은 그 과정을 부드럽게 안내하며 손을 완전히 잡아줍니다.

또한 홈페이지로 돌아가서 모든 메시지를 세 가지 중요한 알림으로 정리했습니다. 첫째, 스티커를 쉽게 제거 할 수 있고, 둘째, 배송료는 무료이며, 세 번째는 하위 파 아트 워크를 모두 고정시킵니다 (모두 놀라운 아이콘으로 표시). 비즈니스 소유자는 항상 홈페이지에 정보를 고객에게 과부하 시키려고합니다. 디자이너는 가장 관련성 높은 주요 정보의 핵심을 파악하고 사이트 소유자에게 보조 페이지에 다른 정보를 배치 할 수 있도록 설득하는 것이 귀하의 임무입니다.

제안

위의 섹션과 마찬가지로 여기서 변경해야 할 것은 단 하나 뿐이며, 제거하기 쉬운 스티커 이미지의 그라디언트입니다. 아이콘이 쉽게 벗겨져 큰 부분이 벗겨진 전체 스티커가되도록 그래픽을 페이드 아웃하는 것은 어색한 느낌입니다. 그래디언트는 디자이너가 게으른 것처럼 느끼고 공간에 적합한 것을 디자인하고 싶지 않습니다.

다른 페이지

일반적으로 우리는 홈페이지를 고수하지만이 사이트는 특히 온라인 상점을 개설하려는 경우 특히 둘러 볼 가치가 있습니다. 위에서 언급했듯이 스타일과 강한 편의성과 단순성은 전체 경험에서 일관되게 유지됩니다.

내가 정말 좋아하는 것은 클릭 가능한 영역이 모든 페이지에서 실제로 크다는 것입니다. 12-85 세의 사람이 사용할 수있는 사람을 만들고 싶다면 화면 옵션을 훌륭하고 크게 만드십시오. 친근하고 사용하기 쉬우 며 올바른 디자이너의 손에 잘 어울릴 수도 있습니다.

나는 또한 개별 제품 페이지를 정말 좋아합니다. 옵션은 매우 간단합니다. 알아야 할 정보는 홈페이지에서 본 것처럼 매력적인 아이콘으로 작은 덩어리로 나뉘어 있으며 프로세스를 계속 진행하는 버튼은 엄청납니다.

전체적으로, 나는 스티커 뮬이 디자인과 유용성 측면에서 실제로 공원에서 떨어 졌다고 생각합니다. 온라인에서 맞춤형 인쇄 제품을 구매하는 것은 악몽이었고, 이와 같은 웹 사이트를 보유한 회사는 전체 프로세스를 실제로 기술이 아닌 일반 사람들이 쉽게 처리 할 수있는 방식으로 변화 시켰습니다.