10 년 이상 우리는 기업이 재무 및 브랜딩 목표를 달성하도록 돕습니다. Onum은 가치 중심의 SEO 전문 대행사입니다.

콘택트 렌즈
우리의 여정

다국어 웹 사이트를위한 레이아웃 아이디어

웹 사이트를 만들거나 디자인하는 것은 가장 멋진 템플릿을 선택하는 것만큼 쉽지 않습니다. 웹 사이트의 모양과 느낌은 매우 중요한 요소이지만 결정을 내리기 전에 생각해야 하는 것만이 아닙니다.

그것은 사실이다: 웹사이트의 성공은 레이아웃에 연결, 사용자가 그것을 사용 하거나 브라우징 하는 동안 어떻게 느끼는. 이것은 확실히 더 나은 또는 더 나쁜 귀하의 사이트에 대 한 방문자에 영향을 미치는 그들은 구매를 고려 거 야 여부.

정말이에요!  디지털 에이전시 협회(SoDA)의 보고서에 따르면,열악한 웹사이트 사용자 경험은 기업에 해롭습니다. 따라서 완벽한 레이아웃을 갖는 것은 웹 사이트 및 사용자 경험 디자인의 중요한 측면입니다.

다른 모든 산업과 마찬가지로 트렌드가 디자인 세계를 폭풍으로 가져가기 때문에 몇 가지 기능을 공유하는 것으로 나타났습니다. 요즘 전체 출혈 이미지와 세 개의 열 디자인은 디자이너와 함께 모든 분노입니다.

그러나 여기에 문제가 있습니다, 당신은 어느 경로가 유효하다는 것을 미리 알아야한다, 그들은 모두 자신의 장단점을 가지고있다. 그래서, 당신은 당신이 무엇을해야한다고 생각하십니까? 옵션은 집단 가상에서 이러한 요소의 친숙함을 활용하는 것입니다, 또는 당신은 눈에 띄고 격렬하게 다른 일을함으로써 가게에 관심을 끌기로 결정할 수 있습니다! 대답하기 쉬운 질문은 아니며, 당신의 선택은 타겟 대상에 따라 달라집니다.

훌륭한 웹 사이트의 특징

우리는 위대함에 대한 가능성은 여러 가지 형태와 많은 장소에서 온다고 편안하게 말할 수 있으며, 많은 옵션, 많은 잠재력과 함께 일할 것이 많습니다. 가장 좋은 선택은 타겟 대상과 실행하는 비즈니스 유형에 따라 달라집니다. 이러한 선택은 브랜드 이미지를 형성하고 반영합니다.

Adobe에따르면, 사람들의 3분의 2는 시간 동안 누르면 평범한 것보다 아름답게 디자인된 것을 읽는 것입니다. 그리고 38%의 사람들이 매력적이지 않으면 웹사이트를 떠날 것입니다. 이러한 특이성을 많이 부족한 매우 일반적인 진술처럼 보입니다. 그러나 UX와 UI는 항상 디자인 전문가에 의해 연구되고 있으므로 낯선 사람에 따라 "아름다운"정의의 정의를 찾는 대신 아름답게 변할 수있는 것들을 찾고 아름다움이 우리의 맥락에서 무엇을 의미하는지 정의해야합니다.

모든 비즈니스가 동일하지는 않지만 좋은 웹 사이트의 기준도 일치하지 않지만 웹 사이트를 디자인하는 작업을 구성하는 모든 다른 요소에 대해 이야기 할 수 있으며 비즈니스 영역과 원칙에 대해 생각하면서 이를 반영 할 수 있습니다.

  1. 혼란없는: 콘텐츠 사이에 공간을 두고 사용자가 관심있는 것만 표시하십시오. "장식품"을 제거하십시오. 요소가 더 쉽게 읽을 수 있도록 하위 음의 공간이 있습니다.
  2. 인터페이스: 탐색을 간단하게 합니다. 한 섹션에서 다른 섹션으로 가는 간단한 경로를 갖습니다.
  3. 시각적 계층 구조: 그래픽 요소를 중요하게 정렬합니다. 가장 중요한 것은 먼저 올 수 있거나 가장 많은 공간을 차지할 수 있으며 방문자가 다른 요소를 통해 눈을 안내하여 탐색할 수 있도록 도와줍니다. 예를 들어 사람들은 먼저 더 큰 것을 읽습니다.
  4. 컬러 팔레트 와 이미지 선택: 간단히 말해서 밝은 색상이 눈에 띄어 악센트로 훌륭하게 작동하므로 올바른 이미지와 결합하면 방문자가 더 오랫동안 관심을 유지할 수 있습니다!
  5. 모바일 친화적 인: 2019 년 7 월 현재 모든 새로운 웹 도메인의 기본값은 모바일 우선 인덱싱이며 검색에서 모바일 친화적 인 웹 페이지의 순위를 높였습니다. 따라서 모바일 버전의 레이아웃도 잘 작동하는지 확인하십시오.
  6. 언어 전환 버튼: 사실 우리가 당신이 살고있는 나라에서 구입 할 수있는 곳을 제한하지 않는 국경 간 경제에 살고 있다고 말할 때, 다국어 웹 사이트를 가지고 있지 않는 것은 당신이 번창하고자하는 경우 옵션이 아닙니다.

다국어 웹 사이트는 어떤 모습입니까?

좋은 소식! 당신은 휴식을 취할 수 있습니다, 다국어 웹 사이트를 만드는 것은 시련이 아니다, 그것은 ConveyThis사용하여 웹 사이트 레이아웃의 모서리 중 하나에 작은 언어 버튼을 추가하는 것만큼 쉽습니다 . 국제적으로 비즈니스를 하는 것이 그 어느 때보다 쉬워졌습니다.

일부 웹 사이트 레이아웃을 살펴보고 매력적인 이유를 분석해 보겠습니다.

크랩트리 & 에블린

독일에서 시작되었지만 훌륭한 레이아웃과 언어 옵션으로 비즈니스를 글로벌로 이긴 몸과 향수 기업 인 Crabtree & Evelyn부터 시작해 봅시다.

다양한 제품이 너무 넓기 때문에, 그들은 자신의 레이아웃을 돌보고 신중한 디자인 결정을함으로써 방문자를 압도하지 않기로 결정했습니다, 이 경우, 휴일 시즌에 대한, 그리고 아래로 스크롤하거나 "지금 쇼핑"버튼을 클릭 할 때, 방문자는 제품으로 이어질 때, 간단한 메시지로 먼저 자신의 홈페이지의 화면을 채우기와 같은 신중한 디자인 결정을 내릴.

그것은 정말 세련되고 깨끗한 모습, 방문자는 확실히 더 오래 머물 것입니다, 경험에 매료. 메뉴에 관해서는 검색에 대한 두 가지 옵션, 키워드를 입력 할 수있는 검색 버튼이 있습니다. 또는 상점 버튼을 클릭한 다음 카테고리별로, 컬렉션별로 탐색할 장소 또는 방법을 선택하거나 선물 세트를 체크 아웃합니다.

그리고 지금까지 가장 놀라운 것은 언어 전환기입니다. 페이지 하단에서 찾을 수 있으며 클릭하면 대안이있는 드롭 다운 메뉴와 함께 현재 매장 설정이 표시됩니다.

그리고 이것은 우리가 언어 버튼의 유형에 대한 기사에 대해 이전에 이야기 한것입니다, 그것은 그들이 두 가지 옵션이 있다는 것을 환상적이다, 지역 및 언어에 대한 다른 하나, 우리는 모든 사람이 자신의 언어 또는 자신의 나라에서 검색하는 것을 알고 있기 때문에. 이 웹 사이트는 잘 수행 된 지역화 작업의 완벽한 예입니다. ConveyThis 팀에 연락하여 전 세계 사용자에게 웹사이트를 더 환영할 수 있는 방법에 대한 자세한 정보를 알아보십시오!

디지털 민트

우선, 놀라운 작품. 여기저기 서 좋은 결정, 당신은 생각하지 않아? 그리고 대비 및 초점 영역을 확립하기위한 색상의 환상적인 사용. 네거티브 스페이스, 다양한 크기의 글꼴, 사용자 정의 아트워크, 색상 및 색조 : 이 사이트에 대한 모든 좋은 것들을 나열해 봅시다.

다양한 크기의 요소의 배열은 읽기를 시작하는 위치를 표시하고 공백은 독자에게 일시 중지 할 수있는 시간을 제공합니다.

다음은 시각적 계층 구조의 명확한 예입니다.

적어도 가장 중요한 것: 더 가벼운 색조의 비즈니스 파트너, 작은 글꼴로 "일어나게" 작은 글꼴로 "말하자", 검은 색 배경과 흰색 문자로 "이야기하자"버튼, 크고 굵은 글꼴의 "진화 디지털", 이전과 같은 글꼴로 "마케팅"하지만 녹색으로 강조 표시.

또한, "그것을 가능하게"와 "이야기하자"는 명령은 방문자가 브라우징 경험에서 도움을 줄 수 있도록 돕습니다.

네비게이션 바는 크랩트리 & 에블린만큼 간단하고 명확하며, 오른쪽의 소셜 미디어 바는 소셜 미디어에 크게 의존하는 기업에게 훌륭한 선택입니다.

페이지 하단에서 언어 버튼을 찾을 수 있으며 작지만 모든 옵션이 표시되고 색상이 밝고 Digital Menta 색상 팔레트와 매우 다르므로 쉽게 찾을 수 있습니다.

Yogang

여기에 깔끔한 웹 사이트의 사랑스러운 예가 있습니다. 부정적인 공간이 많고 컬러 피규어가 애니메이션화되어 방문객들에게 호기심을 심어줍니다! 캐주얼 브라우저는 확실히 머물면서 웹 사이트의 나머지 부분을 살펴보고 Yogang에 대해 자세히 알아볼 것입니다. 화려한 디자인.

요강은 신체 활동, 휴식, 공유 및 창의성을 결합한 어린이를위한 재미있는 게임이며, 홈페이지는 이를 반영합니다. 요가 포즈를 취하는 다른 캐릭터의 애니메이션은 프로그래밍 기술을 보여주는 것이 아니라 제품의 정신을 반영합니다.

동시에 사랑스럽고 요강을 자녀의 어린 시절의 일부로 만들기 위한 행동을 촉구합니다. 그들은 "구매"버튼으로 충동 구매자에게 호소하고 또한 잠재적 인 고객이 튜토리얼로 안내하여 먼저 제품에 대한 자세한 내용을 배울 수 있도록.

그들의 긴 메뉴 바는 그들이 B2B와 B2C를 판매한다는 점에서 정당화됩니다. 그래서 그들은 다른 종류의 방문자가 다른 것을 찾고 있고 그들이 원하는 것을 빨리 찾아야합니다.

그들의 언어 버튼은 옵션 "EN"과 "FR"과 눈에 거슬리지 버튼입니다. 언어 옵션이 좁지만 가장 큰 시장을 명확하게 파악하고 사용자에게 최상의 경험을 제공하는 데 중점을 두었습니다.

네이비 또는 그레이

이 목록에 있는 많은 사용자 지정 아트워크가 있습니다. 그것은 이러한 다재다능한 요소이며,이 웹 사이트는 특정 모양과 느낌을 만들기 위해 너무 잘 사용합니다.

해군과 회색이 목록에 마지막 예입니다, 그것은 또한 우리가 전에 칭찬 한 기능을 가지고, 당신은 그들을 식별 했습니까, 너무? 그것은 매우 정교한 경험을하게, 그것은 매혹적인. 그것은 나를 진정 느낌, 모든 부정적인 공간을보고, 나는이 웹 사이트를 탐색의 아이디어에 의해 전혀 압도 아니에요 명확한 메뉴 바는 내가 어떤 투쟁없이 찾고있는 것을 찾을 수 있습니다 저를 보장.

나는 그들이 메뉴에서 "셔츠"와 "정장"을 분리 한 방법을 주셔서 감사합니다, 그것은 재단사 사업에 적합한 결정이다, 다른 많은 상점은이 제품에 대한 하위 페이지를 만들었을 것이다, 그것은 또한 합리적인 결정이지만, 해군이나 회색, 그것은 세련된 모습에 기여.

특히 이 웹 사이트는 언어 버튼을 오른쪽 상단에 배치했으며 선택한 글꼴은 웹 사이트의 나머지 부분과 동일합니다. 그리고 왼쪽 하단에, 그들은 빠른 접촉을위한 Whatsapp 버튼을 추가했습니다.

청중을위한 훌륭한 웹 사이트 디자인

나열된 웹 사이트는 좋은 디자인의 일반적인 신조를 따르기 때문에 훌륭하지만 모든 결정이 정당화 될 수 있기 때문에 그 이유는 비즈니스 영역이 될 수 있지만 대상 대상이 될 수도 있습니다. 따라서 의사 결정을 내릴 때 비즈니스의 정체성, 이상 및 잠재 고객을 염두에 두어야 합니다.

핵심은 검색을 단순화하는 방법과 최소한의 클릭으로 방문자를 원하는 정보로 유도하는 방법에 대해 생각하는 것입니다.

간단히 말해서 방문자가 홈페이지에 액세스하자마자 클릭 유도 문안을 제공하고 부정적인 공간을 사용하여 대비를 만들고 메시지와 같은 중요한 사항을 강조하십시오. 마지막으로 간단한 메뉴와 언어 버튼이 있습니다.

당신은 국제적으로 판매 할 준비가 보고, 아마이 기사를 읽는 동안 환상적인 아이디어를 많이 내놓았다. ConveyThis 대해 자세히 알아보고 온라인 판매를 강화하세요!

저자

세실리아 모린

댓글 (1)

  1. 모든 일을 제대로하는 4 가지 영감을주는 전자 상거래
    2020 년 2 월 20 일 댓글

    [...] 언급 된 후보자는 훌륭한 디자이너가 모든 것을 제공하고 브랜드의 모든 이상을 반영하는 모든 최고의 아이디어를 방문자를 고객으로 만드는 멋진 가상 상점으로 가져 왔습니다. [...]

댓글 남기기

귀하의 이메일 주소는 공개되지 않습니다. 필수 입력란은 * 로 표시됩니다.