'첫인상'을 만들 수 있는 두 번째 기회는 없다는 것은 의심의 여지가 없습니다. 모든 웹사이트는 제품을 소개하고, 서비스를 제공하며, 홈페이지부터 하위 페이지까지의 기능에 대해 설명합니다. 오직 "회사 소개" 페이지만이 제품과 서비스를 만든 사람, 즉 우리 자신에 관한 것이므로 이것이 매우 중요합니다.
성공적인 "회사 소개"는 단순히 브랜드, 회사 및 팀 정보로 페이지를 채우는 것만이 아닙니다. 팀과 브랜드를 전체적으로 다루고 독특한 스타일을 제시해야 합니다. 기억해야 할 사용자.
이게 유난히 까다로운 일처럼 들리지만, 잘 생각해보면 사실 복잡하지 않습니다. 캐주얼한 디자인 기법을 선택하고, 자신의 브랜드에 어울리는 모던하거나 심플한 스타일을 선택하고, 가장 사려 깊은 방식으로 팀을 표현하는 것만으로도 충분합니다.
신비롭게 들리지만, 좀 더 직관하려면 다른 사람의 사례를 살펴보는 것이 좋습니다.
01. 시선을 사로잡는 컬러와 화사한 매칭
엄격한 컬러 매칭과 시선을 사로잡는 톤 선택으로 루크의 'About Us' 페이지 디자인은 심플하면서도 돋보입니다. 시선을 사로잡는 골드 컬러는 전체 디자인에 걸쳐 적용되어 로고부터 이미지, 타이포그래피까지 일관성을 유지합니다.
사진 및 회원 사진 처리 시 디자이너는 단색 컬러 필터를 사용하여 회사 소개 페이지의 색상을 더욱 엄격하고 통일되게 만들고 여기에 브랜딩 디자인이 명확하게 표시됩니다.
02. 손으로 그린 타이포그래피와 심플한 그림
메이드바이밴드의 'About Us' 페이지 디자인은 사뭇 다르며 브랜드의 특징은 물론 개성을 표현한다. 페이지에는 손으로 그린 글꼴과 타이포그래피가 많이 사용되어 있으며, 손으로 만든 아이템의 이미지와 짝을 이루어 브랜드의 개성을 전달합니다. 전체 페이지 디자인은 단순하며, 많은 양의 공백도 페이지 구조의 균형을 유지합니다.
따라서 맞춤형 글꼴이든 맞춤형 그림이든 브랜드 캐릭터를 표현하고 팀 차별화를 표현하는 확실한 수단입니다.
03. 유쾌한 일러스트와 생동감 넘치는 색상
'회사 소개' 페이지에 가장 많이 나타나는 정보는 팀의 사진과 위치인데 왜 전통적이고 경직된 콘텐츠를 사용합니까? 그것? Pulp Fingers는 아름다울 뿐만 아니라 흥미롭고 독특하며 매력적인 일러스트레이션을 만들기 위해 세 가지 색상을 선택했습니다. 기업으로서 귀하의 "회사 소개" 페이지는 확실히 독특하고 기억에 남을 것입니다.
04. 전문적인 팀 사진과 깔끔한 레이아웃
'회사 소개' 페이지에서 팀원의 사진은 개인이어야 하나요? 꼭 그런 것은 아니지만 전문적인 단체 사진도 좋은 선택입니다. (특정 건물 입구 계단에 무작위로 서서 사진을 찍는 사람들의 그룹입니다. 중국 사람들은 이러한 단체 사진을 너무 많이 찍어서 전문적인 것으로 간주할 수 없습니다.) . 여기에 넣는 것은 일반적으로 매우 부적절합니다. 이런 종류의 전문적인 팀원 사진 촬영은 너무 "상업적인 스타일"로 수행되기 쉽고 관심 있는 학생들이 남성과 함께 사진을 찾을 수 있는 방법은 많지 않습니다. Smartisan Technology 팀의 스타들입니다. 아마도 Jam3 팀 사진 스타일도 있을 것입니다.
Jam3 팀은 어두운 배경에 매우 스타일리시한 유니폼 블랙 의상을 선택했으며, 질감이 풍부하고 성숙하고 정교하며 절대적인 초점입니다. 이 사진에 어울리는 레이아웃과 배경은 매우 현대적이고 신선하며 우선순위가 명확합니다.
물론 이런 단체사진의 문제점은 팀원이 바뀌면 다시 찍어야 한다는 점인데... 이게 문제가 아니라면 또 사진을 찍어보세요.
05. 시선을 사로잡는 헤드라인과 재미있는 애니메이션
귀하의 브랜드 가치가 무엇인지 고객, 미래의 직원, 동료에게 정확히 알리고 싶다면 이러한 핵심을 넣어보는 것은 어떨까요? 콘텐츠를 직접적이고 눈길을 끄는 방식으로 작성하는 방법은 무엇인가요? Purple, Rock, Scissors가 바로 그런 역할을 합니다. 이 "회사 소개" 페이지에는 두 가지 매우 사려 깊은 기능이 있습니다. 하나는 작업 환경과 전반적인 분위기를 잘 보여주는 짧은 비디오 배경이고, 다른 하나는 마우스를 가져가면 팀원 아바타의 디자인입니다. 캐릭터의 표정이 변하는 애니메이션을 보는 것은 사려 깊을 뿐만 아니라 흥미롭습니다.
06. 투톤 컬러 조합과 볼드한 일러스트
마이크 쿠스(Mike Kus)의 'About Us' 페이지 디자인은 전경색이 노란색, 배경색이 독특한 투톤 컬러 구성을 사용합니다. 컬러는 레드 컬러로 응집력이 강한 것이 장점이다. 이 스타일은 일반적으로 두껍고 복고적이며 브랜드 컬러의 느낌을 잘 강화할 수 있다. 또 다른 매혹적인 측면은 대담한 그림, 즉 뇌입니다.
물론 전체적인 디자인에서 구성이 결정적인 역할을 하기는 하지만 안정적인 컬러 매칭을 하기란 쉽지 않습니다. 유쉬 홈페이지 검색창에 컬러 매칭을 검색해 보시는 것도 좋을 것 같습니다. 놀라다.
07. 깔끔한 그래픽과 정보 시각화
또한 전체 텍스트보다 시각적으로 눈에 띄는 그래픽을 선호하시나요? 그런 다음 Huge의 “회사 소개” 페이지를 살펴보세요. 이 회사는 독특함을 표현하기 위해 최첨단의 대담한 그래픽을 사용합니다. 크고 간결한 제목 텍스트는 이러한 그래픽을 더욱 강력하게 만드는 동시에 기업의 가치를 전달합니다.
그래픽이 디자인의 핵심이라면 인포그래픽의 활용은 논리적이다. 핵심 정보를 인포그래픽으로 표현하는 것은 웹사이트의 전체적인 스타일에 맞을 뿐만 아니라, 사용자가 웹사이트에서 전달하는 정보를 더 쉽게 받아들일 수 있도록 해줍니다.
08. 깔끔한 레이아웃과 따뜻한 톤
솔직히 말해서 전통적인 미디어에서는 그리드를 가장 많이 사용합니다. 온라인 미디어에서는 여전히 그리드를 사용하는 방식이 다릅니다. 그러나 Studio Alto의 웹페이지는 한 가지 사실을 증명합니다. 웹페이지 레이아웃은 그리드를 사용하여 전통적인 스크린 인쇄 산업과 유사한 레이아웃 스타일을 얻을 수도 있습니다. 페이지에 따뜻한 색상을 사용하면 페이지 전체가 더욱 스타일리시해집니다. 이 크라프트지 같은 색상은 페이지 전체의 질감을 한 단계 더 높여줍니다.
09. 심플한 레이아웃과 깔끔한 여백
웹페이지를 디자인할 때 여백은 중요한 도구이자 요소입니다. 여백을 활용하는 기술을 익히는 것은 매우 중요합니다. Made By Shape의 "About Us" 페이지 디자인은 그러한 예 중 하나입니다. 날카로운 모서리 모양과 다양한 블록이 여백으로 명확하게 구분되어 있어 페이지에 패션감과 활력을 더해줍니다. 디자인 중인 페이지에 많은 정보가 포함되어 있으면 공백을 잘 활용하는 것이 좋습니다.
10. 시각적인 타임라인과 매력적인 컬러
제품의 개발 과정을 보여주고 싶다면 타임라인만큼 적합한 것은 없습니다. Moz의 About Us 페이지 디자인은 이 요소를 잘 활용합니다. 타임라인은 고정된 그림이 아니며, 그 안의 이벤트와 콘텐츠는 사용자와 상호작용할 수 있습니다. 이런 방식으로 전체 타임라인은 사용자에게 전체 스토리를 전달하고 사용자가 참여감을 느끼게 할 수 있습니다. 전체 디자인의 또 다른 하이라이트는 색상 구성입니다.
11. 일러스트와 훈훈한 톤
막강한 비하인드팀이 있나요? 그렇다면 회사 소개 페이지에 이를 잘 소개하십시오. 실제로 이번 푸드스튜디오 페이지의 디자인은 지나치게 복잡한 기술을 사용하지 않고, 팀원들의 아바타를 일러스트 스타일로 변경했을 뿐이며, 따뜻한 톤과 어우러져 페이지 전체의 스타일이 단번에 돋보입니다. 이러한 디자인의 가장 중요한 포인트는 통일성이며, 일관성은 스타일의 기본입니다.
12. 대담한 색상과 대형 팀 사진
디자인이 돋보이고 더욱 인상적이기를 원한다면 일부 요소를 더 크게 만들고 색상 구성을 더 밝게 해보세요. Mixd의 디자인대로 팀원들의 고화질 대형 사진을 활용하여 각 멤버의 존재감을 부각시켰으며, 대비가 높은 컬러 매칭과 함께 전체적인 디자인이 매우 좋아 보입니다. 확대할 요소를 적절하게 선택해야 하며, 모두 확대하지 않도록 하여 무게 중심이 없도록 해야 한다는 점은 주목할 가치가 있습니다.
13. 스타일리시한 사진과 심플한 레이아웃
킹덤 커피와 사이클의 전체 디자인은 심플한 레이아웃과 스타일리시한 사진, 깔끔하고 정돈된 디자인으로 모던한 디자인의 모델이라고 할 수 있습니다. , 그리고 다채롭고 밝습니다. 사진은 전체 페이지의 시각적 디자인의 초점입니다. 사진, 비디오, 지도의 혼합 및 일치는 페이지의 단조로움과 단순함을 제거합니다. 엄밀히 말하면 디자이너는 팀의 인스타그램 작품을 활용하여 콜라주를 만들어 페이지 하단에 배치했는데, 매우 패셔너블하고 재미있어 보입니다.
14. 단순한 그래픽과 선명한 선
이 유형의 웹 디자인은 깔끔한 외관, 가벼운 이미지 선택 및 많은 수의 공백으로 패셔너블하고 현대적인 스타일을 채택합니다. 깔끔한 레이아웃은 매우 전문적이며 시선을 사로잡습니다. 다양한 컨텐츠를 담아낼 수 있는 완벽한 프레임입니다. 동시에 이 페이지의 디자인 예시에서도 여백의 중요성을 보여줍니다.
15. 대담하고 밝은 색상과 강조된 정보
6tematik의 About Us 페이지 디자인은 매우 흥미롭습니다. 흑백은 결코 유행을 따르지 않지만 어떤 경우에는 흑백이 모든 요구를 충족시키기에 충분하지 않습니다. 이 페이지에서는 채도가 높은 빨간색과 파란색을 밝은 색상으로 사용하여 대담하고 효과적입니다. 주의해야 할 점은 강조하는 정보가 많을수록 강조 효과가 나빠진다는 것입니다. 강조하는 장소가 많을수록 사용자가 정말 중요한 장소를 찾기가 더 어려워지기 때문입니다. 따라서 당신이 하는 일은 정말로 중요한 것을 표시하는 것입니다.
16. 큰 공백과 작은 요소
많은 상황에서 크고 작은 것이 대조됩니다. 여백은 일반적으로 피사체 주변의 가장자리, 공백 및 테두리를 나타냅니다. 테두리가 작을수록 피사체가 더 강렬해지고 더 넓은 영역을 다룰 수 있습니다. 그러나 Alfred의 회사 소개 페이지는 많은 양의 공백과 넓은 가장자리로 인해 전체 페이지가 예술적이고 단순하며 편안해 보입니다. 비록 이 디자인은 평범하지는 않지만 페이지 전체를 독특한 스타일과 톤으로 가득 채우는 것은 이 파격적인 디자인입니다.
17. 독특한 글꼴과 개인화된 프로필
독특한 손글씨 글꼴은 단순하면서도 디자인을 빛나게 합니다. 개인화된 직원 프로필은 위의 고유한 글꼴만큼 독특하며, 들쭉날쭉하고 다양한 디자인은 페이지 전체에서 숨결을 일관되게 유지합니다. 직원 아바타의 재생 버튼을 클릭하면 독특한 영상이 재생됩니다.
18. 모듈식 레이아웃과 따뜻한 색상
이 페이지를 보면 독특한 디자인도 눈에 띌 것입니다. 페이지의 블록이 세심하게 나누어져 있고, 각 블록의 내용은 위에서 아래로의 조각은 사다리처럼 이전 조각을 다음 조각에 연결합니다. 이런 식으로 모듈형 페이지도 매우 체계적이고 깔끔하며 자유로워 보입니다. 컬러 매칭과 페이지 사진 활용도 매우 특별하다. 블랙과 화이트 톤이 따뜻한 브라운과 어우러져 따뜻한 분위기를 자아낸다.
19. 시선을 사로잡는 색상과 대담한 사진
Visionaire의 색상 사용은 그야말로 대담함의 전형적인 예입니다. 빨간색 배너의 사용은 매우 눈길을 끌고 브랜드 색상을 반영합니다. . 흩어져 있는 레이아웃과 독특한 사진 사용으로 인해 사용자는 이 특이한 웹사이트를 쉽게 잊어버릴 수 있습니다. 인포그래픽의 사용은 이 About Us 페이지의 특징이기도 합니다.
20. 강한 대비와 복고풍 일러스트레이션
Woah Nelly Catering의 About Us 페이지는 가장 대중적인 디자인 기법을 따르지 않고 따뜻하고 향수를 불러일으키는 톤과 디자인 요소를 사용하여 분위기 있고, 밝고 아름다운 일러스트레이션은 페이지를 생동감 있게 만들 뿐만 아니라 단순하고 직관적입니다. 레트로 일러스트레이션의 미묘함은 질감이 추가되어 매우 멋진 질감을 제공한다는 것입니다. 이를 통해 흰색 배경에 검정색 텍스트 요소가 더욱 돋보이고 대비를 만들 수 있습니다.
21. 깔끔한 색상 매칭과 균형 잡힌 타이포그래피
아름다운 산세리프 글꼴, 균형 잡힌 타이포그래피, 균일하고 부드러운 색상 매칭은 EB Pearls의 About Us 페이지를 매우 전문적으로 보이게 만듭니다. 합리적인 여백과 밝은 색상의 이미지를 활용하여 우아한 느낌을 줍니다.
22. 부드러운 색상과 심플한 일러스트레이션
대부분의 경우 디자인이 복잡할수록 좋습니다. EVA Black Design의 About Us 페이지는 심플한 디자인을 사용하지만, 패셔너블하고 모던한 디자인을 연출해보세요. 심플한 따뜻한 톤의 그림과 블랙, 화이트, 그레이의 조합은 부드러운 느낌을 주며, 심플한 일러스트로 장식되어 깔끔한 디자인 아래 페이지 전체에 약간의 개성을 더해줍니다.
23. 역동적이고 임팩트 있는 타이포그래피
디자인을 생생하게 만들고 싶으십니까? 그럼 움직이게 놔두세요! 사진을 짧은 동영상으로 대체하거나 GIF 사진을 활용하는 것도 현재 인기 있는 디자인 기법이다.
순수한 검정색 텍스트와 빨간색 요소를 사용하면 페이지 전체에 개성이 가득하고 레이아웃이 임팩트있게 만들어집니다.
24. 창의적인 레이아웃과 매력적인 이미지
중앙 이미지의 독특한 레이아웃이 이 About Us 페이지의 흥미로운 점이며, 팀원들의 사진도 배치되어 있습니다. 이 위치는 양쪽의 파일 정보 레이아웃을 중앙에 정렬해야 합니다. 복고풍 요소의 사용과 색상 매칭은 전체 페이지의 디자인을 지원하므로 학습할 가치가 있습니다.
25. 대담한 레이아웃과 컬러 필터
독특하고 아방가르드한 레이아웃을 과감하게 사용하는 것은 잊을 수 없는 중요한 수단이며, 개인화된 컬러 매칭과 결합하면 효과도 있습니다. 분명 좋을 거야. 깨끗한 산세리프체와 컬러 필터 아래 이미지를 선택한 것이 이 회사 소개 페이지에서 눈에 띄는 부분입니다.
이 기사의 주소: Thinking Materials