프로젝트 옐로우핑거 소개 연구실 문의하기
contact@yellow-finger.com
02.2205.4128
13 Inspiring Examples of Contact Page Design
연락처 페이지 디자인의 13가지 영감을 주는 예
13 Inspiring Examples of Contact Page Design
Although often overlooked, contact page design should involve equal attention as other site elements, and these are some of the websites that got it right.
종종 간과되기는 하지만 연락처 페이지 디자인은 다른 사이트 요소와 동일한 주의를 기울여야 하며, 다음은 제대로 된 웹사이트 중 일부입니다.
요약 :)
연락처 페이지는 구체적이고 실용적인 목적을 제공하며 그 성격은 본질적으로 기능적입니다.

하지만 거기에 링크 몇 개를 두드리고 하루라고 부를 수는 없겠죠?

연락처 페이지 디자인은 나중에 고려되어서는 안 되는 일이며, 다행스럽게도 요즘 점점 더 많은 디자이너들이 깨닫고 있습니다.
더보기→

출처.
ANA HERCIGONJA. (2022.03.02). Qode Magazine. 13 Inspiring Examples of Contact Page Design . 2022.06.23. https://qodeinteractive.com/magazine/examples-of-contact-page-design
연락처 페이지에 주의를 기울이지 않고 웹사이트를 디자인하는 것은 촛불이 켜진 호화로운 5코스 저녁 식사를 준비하고 손님에게 함께 먹을 플라스틱 식기를 제공하는 것과 같습니다. 물론, 연락처 페이지는 구체적이고 실용적인 목적을 제공하며 그 성격은 본질적으로 기능적입니다. 하지만 거기에 링크 몇 개를 두드리고 하루라고 부를 수는 없겠죠? 연락처 페이지 디자인은 나중에 고려되어서는 안 되는 일이며, 다행스럽게도 요즘 점점 더 많은 디자이너들이 깨닫고 있습니다. 연락처 페이지 디자인을 와이어프레임할 때 염두에 두어야 할 몇 가지 사항이 있습니다. 기능: 이 페이지는 연락 수단을 제공하는 목적을 달성해야 합니다. 사용자 친화적인 UX: 좋은 연락처 페이지는 쉽게 연락할 수 있습니다. 일관되고 고품질의 디자인: 연락처 페이지를 포함한 모든 페이지는 웹사이트의 전반적인 디자인, 특성 및 느낌과 일치해야 합니다. 연락처 페이지 디자인에 대해 할 말이 많지만 본질적으로 요약하자면 이 페이지는 방문자가 연락하고, 연결하고, 원하는 작업을 수행하도록 해야 합니다 . 영감을 주고 격려해야 하며 기본적이거나 둔하거나 완전히 못생긴 디자인의 연락처 페이지는 그렇게 하지 않습니다. 수많은 애니메이션, 일러스트레이션 및 밀도 높은 콘텐츠가 포함된 복잡한 연락처 페이지도 마찬가지입니다. 그것은 그들을 혼란스럽게 하고 좌절시킬 것입니다. "문의하기" 버튼을 클릭하지 않고 떠나게 됩니다. 또한 좋은 연락처 페이지에는 가입 양식과 이메일 링크 이상이 포함되어야 합니다. 방문자에게 연락할 수 있는 모든 리소스( 실제 주소, 전화번호, 소셜 미디어 프로필 링크 등)를 제공해야 합니다. 또한 웹사이트의 다른 페이지로 쉽게 이동하거나 돌아갈 수 있어야 합니다. 마지막으로, 연락처 페이지가 방문자를 기쁘게 하거나, 감탄하게 하거나, 현혹시킨다면 더 좋습니다. 잘 디자인된 연락처 페이지는 헌신과 일관성의 표시이며 매우 강력하고 매우 긍정적인 인상을 남깁니다. 그렇긴 하지만, 우리는 최근에 연락처 페이지 디자인의 가장 훌륭한 예를 찾기 위해 브라우징 세션을 하도록 영감을 받았습니다. 우리가 찾은 것은 다음과 같습니다. 배드애스 프로젝트 레본 아로니안 유청이 매튜 피셔 바다 수확 안녕하세요 기초 알리 알리 물체 데니스 버티 그로브 정욕 보편적인 즐겨찾기 카퍼 흐레보비치 끼아라 루자나 배드애스 프로젝트 배드애스 프로젝트 Badass 프로젝트 는 "왜 모든 웨딩 사진은 항상 똑같을까?"라는 질문에 대한 답으로 시작되었습니다. 그 결과 잡지가 아닌 삶에서 일어나는 실제 순간, 실제 사람, 실제 감정을 포착하는 웨딩 사진 스튜디오가 탄생했습니다. 스튜디오 웹 사이트도 적절하게 독특합니다. 부드러운 톤, 여성스러운 디테일, 미묘한 서체 대신 에 블랙과 옐로우를 기반으로 한 크고 화려하고 도도한 디자인을 자랑 하는 레이아웃 입니다. 연락처 페이지눈 모양 아이콘을 통해 열리는 전체 화면 메뉴를 통해 접근할 수 있습니다. 이 페이지는 비즈니스에 대한 스튜디오의 직접적이고 장난기 넘치며 젊은 접근 방식을 반영합니다. 일부 섹션은 단지 재미를 위해 있는 것처럼 보이지만(예: "Blah, blah, blah, blah...") 그럼에도 불구하고 최고로 기능적입니다. 방문자는 실제 양식처럼 보이지 않지만 목적에 완벽하게 부합하는 모든 실용적인 필드를 갖춘 큰 양식을 통해 문의를 제출할 수 있습니다. "보내기" 링크는 이 크고 대담한 케이크 위에 있는 체리입니다. 커서를 가져가면 더 커지는 초대형 손글씨와 이를 가리키는 화살표가 결합되어 있습니다. 레본 아로니안 레본 아로니안 아르메니아 체스 마스터인 Levon Aronian 의 웹사이트 는 흰색 배경 위에 얇은 격자선으로 구성된 놀랍도록 기하학적이고 체스에서 영감을 받은 레이아웃을 제공합니다. 콘텐츠는 기하학적 섹션 내에서 깔끔하게 정렬되며 때로는 애니메이션으로, 때로는 정적입니다. 레이아웃의 깔끔함은 결코 평범하거나 평범하지 않습니다 . 사실 디자인은 독특하고 독특한 성격을 가지고 있으며 오래 지속되는 인상을 남깁니다. 연락처 페이지예상할 수 있는 콘텐츠가 적다는 점을 제외하고는 홈페이지 디자인을 완벽하게 반영합니다. 짧은 메시지와 이메일 주소라는 일반적인 내용이 포함된 초기 섹션 다음에 미묘하게 애니메이션된 세부 정보로 장식된 아름다운 문의 양식으로 스크롤합니다. "보내기" 버튼의 곡선 화살표와 순전히 장식적인 목적. 이 페이지는 소셜 미디어 링크와 함께 웹사이트의 전반적인 기하학적, 수학적 특성을 계속 유지하는 바닥글의 다른 사이트 페이지에 대한 링크로 닫힙니다. 유청이 유청이 독일에 기반을 둔 아트 디렉터이자 디자이너이자 일러스트레이터 인 Chungi Yoo 의 포트폴리오 웹사이트 는 Chungi의 기술과 취향을 유쾌하고 재미있게 보여줍니다. 사랑스러운 여성스러운(하지만 달지 않은!) 팔레트, 흥미로운 디자인 요소와 애니메이션, 아름다운 타이포그래피는 독특하고 알아볼 수 있는 톤을 설정합니다. 디자이너가 그녀의 "놀이터"라고 불렀던 전체 웹사이트(확실히 하나의 놀이터처럼 느껴집니다)는 사랑스러운 작은 디자인 세부 정보, 아이콘, 애니메이션, 미세 섹션으로 묶여 있지만 연락처 페이지 는진정한 치료입니다. 사랑스러운 맞춤형 삽화가 있는 원형 섹션이 있는 연한 파란색 톤으로 열리고 방문자가 Chungi에게 연락할 수 있는 다양한 모드 전용의 큰 섹션(이메일 버튼 및 소셜 미디어 프로필 링크)이 이어집니다. 큰 타이포그래피, 움직이는 글자와 아이콘, 그리고 능숙하게 조화된 배경색 은 뚜렷하게 외향적인 분위기로 흥미진진한 구성을 만듭니다. 그러나 가장 흥미로운 세부 사항은 오른쪽 상단 모서리에 있는 작은 별 아이콘입니다. 클릭하면 원형 축제 또는 웃는 얼굴의 거품, 약간 사이키델릭, 약간 귀여운, Chungi의 세계인 그녀의 놀이터에 방문자를 환영하는 메시지가 표시됩니다. 매튜 피셔 매튜 피셔 효과적인 전자 상거래 디자인 에 대한 글을 읽으면 천연 재료, 유산 및 뛰어난 장인 정신을 중심으로 한 예술품 디자이너인 훌륭한 Matthew Fisher 를 기억할 것입니다 . 밝은 모드와 어두운 모드로 제공되는 그의 웹사이트는 독특한 타이포그래피로 우아하게 미니멀합니다. 연락처 페이지 는 전체 화면 메뉴를 통해 액세스할 수 있으며 단색 디자인과 개별 상호 작용의 놀라운 조합을 나타냅니다 . 큰 Sang Bleu 편지는 방문자가 연락하도록 초대하고 이메일로 연결됩니다. 연락처 정보는 왼쪽에 있고 소셜 링크는 페이지 하단에 있습니다. 이 페이지의 분위기는 깨끗하고 우아하며 인상적인 Fisher 웹사이트의 전반적인 성격과 일치합니다. 바다 수확 바다 수확 우리가 가장 좋아하는 디자인 중 하나이자 포스터 미학에서 영감을 받은 레이아웃 의 오래된 지인인 Australian Sea Harvest 낚시 회사의 웹사이트는 모든 곳의 낚시 커뮤니티에 대한 멋진 경의입니다. 레이아웃은 신문과 매우 흡사합니다(생선이 포장된 것과 같은). 깔끔한 섹션과 가끔 세부 사항에 의해서만 분류되는 단색 팔레트가 있습니다. 예를 들어, 그러한 세부 사항 중 하나는 메뉴 링크를 가리킬 때 색상 변경 및 필기 원 효과 입니다. 연락처 페이지아마도 가장 신문적인 것입니다. 그것은 홈페이지 및 다른 페이지와 동일한 헤더를 가지고 있습니다 – 깨끗하고 기하학적이며 매우 사용자 친화적입니다. 그 다음에는 회사 위치가 포함된 두 개의 평행 섹션과 연락처 세부 정보 및 구식 전화기의 빈티지 삽화가 있는 섹션이 이어집니다 . 페이지는 가필드(Garfield)의 흑백 연재 만화로 끝납니다. 세심하게 제작된 회사의 미학을 완벽하게 반영한 디자인으로 실용성과 재미를 동시에 갖춘 페이지입니다. 안녕하세요 기초 안녕하세요 기초 Hallo Basis 는 브랜딩, 웹 디자인 및 그래픽 디자인 서비스를 제공하는 독일의 비주얼 커뮤니케이션 에이전시입니다. 그들의 웹 사이트는 작업에 대한 혁신적인 접근 방식을 반영합니다. 전체 화면 애니메이션 일러스트레이션에서 수평 탐색에 이르기까지 흥미롭고 현대적인 디자인 솔루션으로 가득합니다. 그들은 그 자체로 연락처 페이지가 아니라 이메일, 소셜 미디어 링크와 같은 다양한 커뮤니케이션 채널의 관문 역할을 하는 바닥글 을 가지고 있습니다. 어떤 이유로 디자이너는 두 개의 바닥글 열에서 동일한 정보를 반복하기로 결정했습니다. 하나는 다른 것보다 약간 더 큽니다. 바닥글 은 밝은 회색 배경에 흰색 글자가 있는 낮은 대비 모양을 하고 있습니다 . 이는 확실히 부드럽고 우아해 보이지만 일부 사용자에게는 접근성 문제를 일으킬 수 있습니다. 알리 알리 알리 알리 Ali Ali 또는 Ali Two Times는 수상 경력에 빛나는 이집트 카이로의 광고 감독이자 Good People 영화 스튜디오의 회원입니다. Ali의 웹사이트는 인터페이스 색상이 단색 스케일로 축소된 다소 미니멀한 성격을 가지고 있습니다. 약력 페이지는 거의 검은색에 가까운 어두운 배경을 기반으로 하는 반면, 작품은 질감이 있는 밝은 회색 배경과 별도의 페이지에 표시됩니다. 연락처 페이지는 최소한의 정맥을 유지하고 Monument Grotesk 서체의 크고 작은(작은) 텍스트 사이의 역동성을 기반으로 합니다 . 이 페이지의 초점은 여러 지역에 있는 Ali의 에이전트와 연락하는 것입니다. 축소된 레이아웃과 배경의 거친 질감 덕분에 분위기는 깨끗하고 동시에 영화적입니다. 물체 물체 오브젝트 는 브랜딩, 디자인 시스템 및 기술 분야에서 일하는 디자인 스튜디오입니다. 그들의 웹사이트는 기술과 과거 프로젝트의 현대적이고 장난기 넘치는 표시이며, 홈페이지는 녹색과 파란색의 조합을 기반으로 하고 검은색 바탕에 일반 흰색으로 더 톤다운된 섹션을 제공합니다. 그러나 연락처 페이지 는 결정적으로 더 굵습니다. 스튜디오 파비콘의 파란색을 반영하는 밝고 시끄러운 파란색 배경 은 다양한 글꼴과 색상으로 "Hello"를 말하는 다양한 방법과 함께 화려한 인사말 애니메이션을 호스팅합니다. 페이지 아래에는 더 깔끔하게 정리된 섹션이 깨끗하고 사용하기 쉬운 방식으로 연락처 정보를 제공합니다. 이런 식으로 페이지의 전체 디자인은 스튜디오 성격의 두 가지 중요한 특성인 장난기와 전문성을 포함합니다. 데니스 버티 데니스 버티 Dennis Berti 는 현재 멕시코에 거주하는 이탈리아 사진작가이자 비주얼 스토리텔러입니다. 그의 웹사이트는 삽화, 애니메이션 세부 사항, 상호 작용 및 비선형 탐색 이벤트의 재미있고 세밀하게 조정된 카니발입니다. 그것은 재미있는 장소이지만 실용적이고 기능적이어서 훌륭한 디자인 작품입니다. 연락처 페이지 는 전체 화면 메뉴에서 보조 메모로 보이는 것을 통해 액세스할 수 있습니다. 최소한 다른 메뉴 항목에 사용된 큰 활자체와 작은 링크를 비교한다면 말입니다 . 일단 거기에 도착하면 상황이 더 깨끗해집니다. 대담한 타이포그래피와 멋지게 대조되는 팔레트는 이 페이지의 높은 유용성을 제공합니다., 그 성격과 목적에 따라 무엇보다도 기능적이어야 합니다. 채팅용과 대화용의 두 가지 이메일 주소 중에서 선택할 수 있으며 큰 START+ 링크를 통해 깨끗하고 우아한 문의 양식으로 이동합니다. 상호 작용에는 애니메이션이 포함되어 있습니다. 일부 요소에서는 색상이 변경되고 다른 요소에서는 물결 모양의 물결 모양 효과가 나타납니다. 페이지는 방문자가 일지를 통해 Berti의 여정을 발견하도록 초대하는 왼쪽 하단 모서리에 둥근 아이콘으로 완성됩니다. 그로브 정욕 그로브 정욕 Grove Lust 는 최소한 웹사이트와 관련하여 독특한 미학을 지닌 벨기에 디지털 스튜디오입니다. 연한 분홍색과 결합된 짙은 청록색은 부드러운 분위기를 조성하고, 호버에 나타나는 질감 있는 일러스트레이션은 스튜디오의 창의성을 말하며 그리드와 테두리는 전체 레이아웃에 깨끗하고 진지한 느낌을 줍니다. Get in Touch 페이지 는 전반적인 디자인과 조화를 이루며 단순함, 기능 및 외관의 독특한 조합이 인상적입니다.부드럽고 추상적인 형태가 배경에서 부드럽게 흔들리기 때문에 페이지 중앙에 있는 큰 연결된 문자를 호출합니다. 페이지에는 가장 중요한 페이지에 대한 편리한 링크가 있으며 Instagram 링크는 얇은 세로 사이드바에 있습니다. 고풍스러우면서도 심플하여 방문객들에게 소통의 장을 제공하는 역할을 톡톡히 하는 페이지입니다. 보편적인 즐겨찾기 보편적인 즐겨찾기 Universal Favorite 은 국제 포트폴리오를 보유한 호주의 크리에이티브 및 디자인 스튜디오입니다. 그들의 웹사이트는 스튜디오의 과거 작업에 대한 통찰력을 제공하고 밝은 색상 팔레트, 큰 화살표와 버튼, 그리고 사랑스러운 새 편집자 서체를 중심으로 구축된 경쾌하고 현대적이며 젊음의 특성을 담고 있습니다. 특히 유쾌한 세부 사항은 프로젝트를 나타내는 특정 섹션을 가리키면 나타나는 사용자 지정 커서입니다. 각 섹션에 대해 다른 커서(밥그릇, 비치 파라솔...)가 있습니다. 웹사이트에는 별도의 연락처 페이지가 없습니다. 대신 왼쪽 하단 모서리에 있는 둥근 버튼을 클릭하면 rolodex 카드와 유사한 크고 아름답게 디자인된 연락처 팝업이 열립니다.. 팝업은 매우 깨끗하고 가독성이 높으며 프로젝트, 미디어 및 작업 문의, 일반 문의 등 4가지 다른 목적을 수행하는 4개의 개별 연락처 링크가 있습니다. 각 링크는 사용자 정의 아이콘과 원형 텍스트로 구성되며 마우스를 가져가면 움직이도록 애니메이션됩니다. 모서리가 둥근 추가 연락처 버튼은 연락처 양식을 완성하여 브랜드를 결정적으로 유지하면서 필요한 모든 정보를 제공합니다. 카퍼 흐레보비치 카퍼 흐레보비치 폴란드 아트 디렉터 Kacper Chlebowicz 의 포트폴리오 웹사이트는 모션 디자인과 인터랙션에 대한 그의 열정을 놀랍게 보여줍니다. 기본적으로 단색이지만 3D 개체와 추상적인 모양이 풍부한 웹 사이트는 Chlebowicz의 작업을 통해 즐거운 여행입니다. 포트폴리오는 기본적으로 메뉴와 바닥글에 방문자를 원하는 목적지(직장, 정보 및 연락처)로 안내하는 바로가기 링크가 있는 한 페이지 웹사이트입니다. 연락처 섹션은 페이지 맨 아래에 있으며 다른 웹 사이트와 달리 더 강한 대비와 어두운 배경을 가지고 있습니다. 이 섹션은 Bruce Almighty 의 Jim Carrey의 왜곡된 GIF 와 하나의 기발하고 유머러스한 세부 사항 을 제외하고는 상대적으로 일반적입니다.섹션 위로 마우스를 가져갈 때 표시되고 커서를 계속 따라갑니다. 끼아라 루자나 끼아라 루자나 Ali Ali 웹사이트의 미학적 원칙을 공유하는 것처럼 보이는 톤으로, 최소한 색상에 관해서는 수상 경력에 빛나는 사운드 디자이너 Chiara Luzzana 의 포트폴리오가 거의 모든 감각, 특히 눈과 귀에 몰입형 경험을 제공합니다. 독특한 타이포그래피, 3D 개체, 손으로 쓴 세부 사항 및 놀라운 사운드 디자인은 전체 화면 메뉴를 통해 액세스할 수 있는 연락처 페이지를 통해 Luzzana에 도달할 수 있는 방문자를 환영합니다. CTA 텍스트는 Neue Montreal과 Rosindale Display의 두 가지 서체 로 제공됩니다., 같은 단어 내에서 결합됩니다. 연락처 페이지는 Luzzana의 이메일 주소와 소셜 링크를 제공합니다. 뉴스레터 가입 양식은 단 하나의 가는 선과 가늘지만 장식적인 화살표 버튼으로 구성된 매우 우아하고 미니멀합니다. 다양한 서체 및 둥근 커서의 사용과 결합된 이러한 작은 세부 사항은 미니멀리스트 레이아웃의 엄격함을 상쇄하고 페이지에 균형 잡힌 문자를 제공합니다. 정리하기 일부 사람들이 생각하는 것과는 달리 연락처 페이지는 실제로 가장 많이 방문한 웹사이트 페이지입니다. 그러나 일부 디자이너는 실제로 존재하지 않지만 "부차적으로 중요한 페이지"로 취급합니다. 법률 페이지 조차도 균형 잡히고 일관된 스타일만이 인정받을 수 있는 우수한 웹 디자인을 보장하므로 디자이너의 완전한 관심을 받을 가치가 있습니다. 장난기 많고, 진지하고, 미니멀하고, 생기 있고, 어수선하고, 깨끗합니다... 오늘날 모든 종류의 연락처 페이지 디자인 스타일을 보았지만 공통점이 있습니다. 이러한 모든 예에서 디자이너는 분명히 이 중요한 부분에 상당한 주의를 기울였습니다. 모든 웹사이트의 혁신적이고 흥미롭고 영감을 주는 솔루션을 소개했습니다.