영감을주는 17 가지 뛰어난 디자인 포트폴리오

디자인 포트폴리오
(이미지 출처 : Studio Thomas)

인상적인 디자인 포트폴리오는 취업과 면접의 차이 일 수 있습니다. 산더미 같은 포트폴리오 사이에서 눈에 띄는 것은 쉬운 일이 아니므로 온라인 존재에 대한 실제적인 생각을하는 것이 중요합니다.

영감을주기 위해 프리랜서 디자이너와 스튜디오 모두에서 웹에서 최고의 디자인 포트폴리오를 골랐습니다. 이러한 예는 모두 다르지만 모두 영리한 애니메이션, 기발하고 기억에 남는 미학 또는 재미있는 사용자 경험과 같은 고유 한 기능 사용을 통해 두드러집니다. 창의력과 혁신적인 사고를 통해 먼 길을 갈 것입니다.



기술에 능숙하지 않은 사람들을 위해 최고의 웹 사이트 빌더 , 그리고 우리가 가장 좋아하는 WordPress 포트폴리오 테마 당신의 길에 당신을 도울 것입니다. 또는 자신 만의 디자인 포트폴리오를 구축하는 데 자신이있는 경우 최고의 웹 호스팅 서비스 최고의 거래를 받고 있는지 확인하세요.



따라서 이러한 영감을주는 온라인 디자인 포트폴리오의 예를 살펴본 다음 자신의 아이디어로 시작하십시오. 그리고 일단 구직을 받으면, 우리가 선별 한 최고 목록을 놓치지 마세요. 디자인 작업 지금.

01. 스튜디오 페이 센

Studio Feixen 디자인 포트폴리오



프로젝트는 공간, 표면 및 시간으로 나뉩니다.(이미지 출처 : Studio Feixen)

Feixen 연구 스위스에 본사를 둔 디자인 스튜디오로, 웹 사이트에 대한 '적은 것이 더 많은 것'을 피했습니다. 일반적으로 우리는 디자인 포트폴리오가 모두 큐 레이션에 관한 것이라고 말하지만 우리는이 사이트에 전시 된 다양한 색상과 프로젝트를 좋아합니다. 우리가 가장 좋아하는 또 다른 요소는 Studio Feixen에게 질문 할 수있는 '토크'섹션입니다. 재미 있고 인터랙티브하며 스튜디오에 대해 더 많이 알고 싶어합니다.

02.로 앤코

디자인 포트폴리오 : RoAndCo

정보가 부족한 것이 멋진 프레젠테이션에서 보충하는 것(이미지 출처 : Ro and Co)

RoAndCo 크리에이티브 디렉터 Roanne Adams가 설립 한 NYC 기반 스튜디오입니다. 이 팀은 주로 패션, 뷰티, 기술 및 라이프 스타일 부문의 고객 명단에 아름답게 만들어진 디자인, 브랜딩 및 창의적인 방향 솔루션을 제공합니다.



스튜디오의 작업 정신에 따라 RoAndCo의 웹 사이트를 보는 것은 그 자체로 경험입니다. 프로젝트는 거의 잡지와 같은 방식으로 제공됩니다. 시청자가 분할 화면 이미지, 애니메이션 웹 프리젠 테이션 및 전체 화면 비디오를 순환 할 수 있도록 허용하는 RoAndCo의 웹 사이트는 신중하게 고려 된 포트폴리오로서 브라우저와 모바일 장치에서보기에 즐거움을줍니다.

모든 프로젝트에 대한 정보의 완전한 부족은 약간 짜증나지만 RoAndCo는 그럼에도 불구하고 잘 제작되고 기억에 남는 사용자 경험을 만들었습니다.

03. 로빈 마스트로 마리노

포트폴리오 디자인 : Robin Mastromarino

이 포트폴리오는 모든 것을 신선하게 유지합니다(이미지 출처 : Robin Mastromarino)

파리 기반 인터페이스 디자이너 로빈 마스트로 마리노 그의 디자인 포트폴리오 사이트에서 모든 것을 신선하게 유지합니다. 그의 홈페이지에 대한 흥미로운 효과는 프로젝트가 마치 바퀴에있는 것처럼 보이게하여 만족스러운 UI 애니메이션 터치로보기에 뛰어 들었습니다. 각 사례 연구에서 이미지는 스크롤 할 때 약간 뒤틀림으로써 반응합니다. 모든 크리에이티브에 적합하지는 않지만 Mastromarino가 UI 디자인을 전문으로한다는 점을 감안할 때 이것은 모든 올바른 참고 사항에 해당합니다.

04. 활성 이론

디자인 포트폴리오 : 활성 이론

완전히 새로운 세상에 들어가는 것 같아(이미지 출처 : Active Theory)

방문 활성 이론 의 포트폴리오 웹 사이트는 완전히 새로운 세상에 들어가는 것과 같습니다. 디자인은 전체적으로 변덕스럽고 Blade Runner와 같은 미학을 포용하며 매우 성공적입니다. 마우스로 작동하는 글리치 효과가있는 분위기를 설정하는 홈페이지 애니메이션부터 삼중 정보 페이지까지 모든 것이 아름답게 함께 작동합니다. 스튜디오는 프로젝트 페이지를 깔끔하게 유지합니다. 각 예제는 전체 화면 애니메이션에 짧은 광고 문구와 추가 정보에 대한 관련 링크 (Medium에서 호스팅되는 자세한 사례 연구 포함)가 겹쳐져 있습니다.

예술 커미션받는 방법

05. 벨벳 스펙트럼

디자인 포트폴리오 : Velvet Spectrum

Uber 색상의 썸네일로이 포트폴리오를 시각적으로 멋지게 만듭니다.(이미지 출처 : Velvet Spectrum)

벨벳 스펙트럼 비주얼 아티스트이자 디자이너 인 Luke Choice의 온라인 별명입니다. Choice는 엄청나게 다양한 썸네일의 몽타주로 홈페이지에서 일을 단순하게 유지했으며, 시각적으로 매력적인 예를 통해 최대 효과를 위해 초대형으로 표시된 그의 작품을 보여줍니다. 검정색 배경은 물건을 깨끗하게 유지하고 작업을 빛나게합니다. 이것은 간단하지만 매우 효과적인 디자인 포트폴리오입니다.

06. 기관차

디자인 포트폴리오 : 기관차

Locomotive는 포트폴리오 전체에 놀라움을 제공합니다.(이미지 출처 : 기관차)

이 인상적인 디자인 포트폴리오는 기관차 , 캐나다 퀘벡에 본사를 둔 스튜디오. 뛰어난 디지털 경험 제작을 전문으로하는 팀과 함께이 포트폴리오 사이트가 정말 빛나고 있다는 것은 당연합니다. 재미있는 애니메이션은 홈페이지뿐만 아니라 사이트 전체에서 디자인에 생명을 불어 넣습니다. 햄버거 메뉴의 기발한 취급에서부터 정보 페이지의 예상치 못한 애니메이션에 이르기까지 모든 요소에 노력과 생각이 들어간 것 같습니다.

07. 토마스 스튜디오

두 명의 크리에이티브 디렉터 인 Thomas Austin과 Thomas Coombes의 이름을 딴 스튜디오 토마스 는 물리적 세계와 디지털 세계를위한 비주얼 커뮤니케이션을 만드는 이스트 런던 스튜디오이며, 그 사이트는 탐구적이고 실험적인 태도를 완벽하게 반영합니다. 그것은 많은 획기적인 터치가있는 Brutalist 웹 디자인의 훌륭한 예입니다. 우리는 특히 마우스로 탐색 할 수있는 Pamban Cafe의 3D 와이어 프레임 모델을 좋아합니다.

08. 버즈 워디 스튜디오

버즈 워디 스튜디오 자신을 브루클린에있는 나쁜 디지털 스튜디오로 묘사하고 있으며, 그 사이트는 외부에서 눈부신 웹 기술을 선보이는 엄청난 전화 카드입니다. 훌륭한 타이포그래피와 애니메이션이 결합되어 시선을 사로 잡고 미학에 대한 강한 시선은 버즈 워디의 모든 프로젝트를 둘러보기 위해 머무를 수 있음을 의미합니다.

09. 자비에 쿠소

바르셀로나 기반 디자이너 자비에 쿠소 부룬 당가 스튜디오에서 만든 멋진 포트폴리오 사이트를 보유하고 있습니다. 대담한 색상, 얼굴 속 타이포그래피 및 거의 모든 애니메이션과 시차 스크롤 책 속의 속임수.

10. 메리 호스

디자인 포트폴리오 : Merijn Hoss

Hoss는 축소 된 접근 방식을 취합니다.(이미지 출처 : Merijn Hos)

이 다음 디자인 포트폴리오는 지금까지 살펴본 예제만큼 화려하지는 않지만 여전히 매우 효과적입니다. 일러스트 레이터와 아티스트 메리 호스 아름답고 섬세한 환각적인 예술 작품을 제작하지만, 그의 온라인 디자인 포트폴리오에 그의 작품을 전시하는 데있어 완전히 축소되고 전통적인 접근 방식을 취했습니다.

한 번 클릭하면 큰 프로젝트 이미지와 간단한 설명이 표시되는 깨끗한 갤러리와 같은 흰색 배경에서 다채로운 썸네일이 튀어 나옵니다. 훌륭한 사용자 경험을 만들기 위해 모든 종소리와 휘파람이 필요하지 않다는 것을 증명하십시오.

11. ToyFight

디자인 포트폴리오 : ToyFight

이 포트폴리오는 유머와 파나 치로 실행됩니다.

맨체스터 기반 스튜디오 ToyFight 시차 스크롤링에서 애니메이션 전환, 심지어 서로 싸우는 창립자들의 3D 렌더링 버전에 이르기까지 다양한 기발한 효과를 활용합니다. 이 모든 것이 쇼의 실제 작업을 압도 할 수 있지만 이러한 시각적 유머와 패배로 실행 된 것을 보면 탐험하는 것이 즐겁습니다.

12. 만든 생각

디자인 포트폴리오 : Made Thought

사이트는 태그 라인이있는 이미지를 순환합니다.(이미지 출처 : Made Thought)

현대적인 디자인 강국 생각한 다른 사람들이 따르는 곳에서 리드합니다. 스튜디오는 원래 작업 샘플을 초고속 속도로 순환하는 비디오를 표시하는 홈페이지를 선택했지만이 솔루션을 더 차분하고 덜 열광적이며 탐색하기 훨씬 더 즐거운 것으로 대체했습니다.

최신 홈페이지는 최근 프로젝트의 아름다운 스틸 사진을 (천천히) 스크롤하며 각 프로젝트를 요약하는 태그 라인이 있습니다. 방문자는 '탐색'탭 아래에있는 눈에 띄는 활자체 탐색 페이지를 통해 다른 작업 샘플을 살펴볼 수 있습니다.

13. 말리 컬버

디자인 포트폴리오 : Marleigh Culver

Culver의 웹 사이트는 간단하지만(이미지 출처 : Marleigh Culver)

디자이너와 아티스트의 웹 사이트 말레이 컬버 단순한 일이지만, 간단한 레이아웃 및 탐색과 결합 된 색상 및 유형 선택을 신중하게 고려하는 것이 성공적인 온라인 디자인 포트폴리오의 핵심임을 보여주는 일입니다.

본질적으로 단순하지만 Marleigh의 작업은 크고 빠른로드 이미지를 사용하여 큰 효과를 나타내므로 빠르게 탐색 할 수 있습니다.

14. 말 리카 파브르

디자인 포트폴리오 : Malika Favre

대담하고 아름다운(이미지 출처 : Malika Favre)

일러스트 레이터 말 리카 파브르 의 대담하고 아름다운 작품은 온라인 디자인 포트폴리오에 큰 영향을 미칩니다. 그녀는 전체 화면의 썸네일 (일부 애니메이션) 태피스트리를 사용하여 방문자가 작품을 더 자세히 볼 수 있도록 유도합니다. 클릭하면 썸네일은 작품을 큰 효과로 보여주는 무료 색상 배경에 특징적인 작품의 전체 화면 갤러리 프레젠테이션을 보여줍니다.

15. 루션

디자인 포트폴리오 : Lusion

Lusion의 포트폴리오는 몰입 형 경험입니다(이미지 출처 : Lusion)

전면적 인 몰입 형 경험을 원하시면 Lusion 의 디자인 포트폴리오. 이 사이트는 커서를 따라가는 빛나는 점과 마우스 이벤트에 응답하는 실행중인 그림을 오버레이하는 정보 페이지를 포함하여 유쾌한 디자인 터치로 가득합니다. 때때로 약간 혼란 스럽지만이 기술 중심의 크리에이티브 스튜디오의 작업을 보여주기에는 전적으로 적절합니다.

16. 율 모로

디자인 포트폴리오 : Yul Moreau

서울에서 태어나 파리를 거점으로 '80 년대에 자란 ' 율 모로 복고풍 비디오의 화려한 배경 몽타주로 당신의 관심을 끄는 포트폴리오 사이트가 있습니다. 단일 페이지 사이트는 모든 것을 멋지게 보여주기 위해 비디오, 이미지 및 영리한 스크롤 효과를 결합하여 아트 디렉터의 작업을 훌륭하게 보여줍니다.

17. 팀 스미스

디자인 포트폴리오 : Tim Smith

이 사이트는 깔끔한 외관을 위해 CSS3를 사용합니다.

'두뇌 기반 그래픽의 즐거움'을 자랑하며, 팀 스미스 의 포트폴리오 사이트는 CSS3를 사용하여 마우스를 올리면 사라지는 각 조각의 컷 아웃 제목과 같은 몇 가지 영리한 HTML5 트릭과 흠 잡을 데없이 깔끔한 모양을 혼합합니다. 우리는 사이드 바도 좋아합니다. 첫 페이지에 소셜 링크가 있고 포트폴리오 페이지 사이를 탐색하는 데 사용됩니다.

관련 기사: