온라인 포트폴리오 작업 발표를 위한 아이디어

온라인 포트폴리오는 사용자가 주도적으로 웹사이트를 탐색해야 하는 대부분 콘텐츠 지향적입니다. 귀하의 목표는 귀하의 작업을 명확하게 제시하고 사용자가 주변을 클릭하도록 권장하는 것입니다.

이 게시물에서는 방문자가 포트폴리오 작업에 더 깊이 들어갈 수 있도록 몇 가지 기술을 공유하고 싶습니다. 그렇게 하는 방법에는 여러 가지가 있습니다. 어떤 사람들은 정적 페이지를 추가하고 다른 사람들은 슬라이드쇼와 전체 사례 연구를 추가합니다.

귀하가 수행하는 작업 유형이 귀하의 사이트 디자인에 중요한 역할을 할 것이라는 점은 인정합니다. 그러나 이러한 팁은 보편적이며 인터넷의 모든 포트폴리오 사이트에 적용할 수 있습니다.

동적 카테고리

다양한 유형의 작업을 수행하는 경우 포트폴리오 페이지에 동적 정렬 태그를 추가해야 합니다. 이를 통해 방문자는 귀하가 수행한 모든 작업을 훑어보는 대신 보고 싶은 작업을 탐색할 수 있습니다.

예를 들어, 디지털 디자이너는 다양한 유형의 작업을 수행할 수 있으며 각 포트폴리오 항목은 다른 기술을 선보일 수 있습니다. 이러한 범주는 다음과 같이 분류될 수 있습니다.

• 아이덴티티 디자인
• 아이콘 디자인
• 웹사이트
• 모바일 앱
• UI/UX 와이어프레이밍

동적 카테고리를 생성하면 방문자가 각 카테고리별로 개별적으로 탐색할 수 있습니다. 이렇게 하면 사이트를 훨씬 더 빠르게 탐색할 수 있으며 포트폴리오 작업을 표시하는 가장 강력한 방법입니다.

영웅 테마는 이 범주 정렬이 실제로 작동하는 좋은 예입니다. 기본 포트폴리오 페이지는 다양한 프로젝트 스타일을 구성하기 위해 상단 근처에 있는 작은 태그 링크를 사용합니다.

사용자가 카테고리 링크를 클릭하면 포트폴리오는 카테고리에 추가된 프로젝트를 제외한 모든 프로젝트를 자동으로 숨깁니다. 이 모든 것은 백엔드에서 WordPress에 의해 제어되므로 사이트에 프로젝트를 추가하고 그에 따라 구성하기만 하면 됩니다.

많은 WordPress 포트폴리오 테마에는 기본적으로 이러한 기능이 포함되어 있으며 환상적입니다. 간단한 텍스트 링크를 사용하는 Beckett 테마에서 또 다른 예를 볼 수 있습니다.

그러나 두 예제 모두 기본적으로 전체 화면 디자인이고 포트폴리오가 페이지에서 대부분의 공간을 차지하는 방법에 주목하십시오.

동적 범주는 사용하기 쉽고 탐색하기 쉬울 때 가장 잘 작동합니다. 이러한 예제는 시작하기에 좋은 장소를 제공하며 디자인 스타일에 맞는 경우 이러한 테마를 자신의 사이트에 사용할 수도 있습니다.

프로젝트 사진 슬라이드쇼

대부분의 프로젝트 슬라이드쇼는 포트폴리오 프로젝트 페이지에서 추가 요소로 사용됩니다. 따라서 이 슬라이드쇼는 버튼 클릭으로 사진을 탐색할 수 있는 페이지에 특정 수준의 세부 사항을 추가합니다.

많은 공간을 차지하지 않으면서 워크플로를 엿볼 수 있는 슬라이드쇼를 좋아합니다. 그러나 아껴서 사용해야 합니다.

방문자는 한 번에 훑어보기 위해 축소판 갤러리를 선호하는 경우가 있습니다. 그러나 슬라이드 쇼는 너무 크지 않고 슬라이드가 너무 많지 않은 경우(15세 미만이라고 가정해 봅시다) 제자리를 찾습니다.

Bramble은 포트폴리오 페이지에서 이미지 슬라이드쇼를 지원하며 완벽하게 반응합니다. 이를 통해 사진을 빠르게 탐색할 수 있으며 두 가지 탐색 방법이 있습니다.

• 왼쪽/오른쪽 화살표
• 각 슬라이드에 대한 점 탐색

스마트폰 사용자는 여전히 이 슬라이드쇼를 통해 쉽게 작업하고 전체 효과를 얻을 수 있습니다. 그러나 사용자가 탭하여 사진을 더 크게 확장할 수 있기 때문에 축소판에 대한 주장도 있습니다.

이상적인 포트폴리오 슬라이드쇼는 수행하는 작업 유형에 따라 다릅니다. 샷이 슬라이더에 수평으로 들어갈 수 있는 경우 프로젝트 페이지에 추가하는 것이 좋습니다.

또는 Oshine 테마와 같이 홈페이지에 추가할 수도 있습니다. 특히 이 데모에서는 인테리어 디자인과 건축을 소개합니다.

이 독특한 스타일은 사진 작가, 디지털 디자이너 및 디지털 아티스트에게 적합합니다. 이러한 작업 스타일은 상당히 크고 전체 화면 슬라이드쇼에 잘 맞는 경향이 있습니다.

홈페이지 슬라이더는 즉시 관심을 끌기 때문에 한 눈에 정확히 무엇을 하는지 판매하는 데 도움이 됩니다.

탐색 및 자동 전달에 대한 몇 가지 모범 사례를 배우려면 캐러셀에 대해 조금 읽어보세요.

모달 박스

이것은 포트폴리오 작업을 발표할 때 선호하는 기술입니다. 모달 창 상자는 페이지 아래의 콘텐츠를 회색으로 처리하여 페이지의 "상단"에 나타납니다.

이것은 일반적으로 사용자가 한 번에 많은 프로젝트 이미지를 클릭(또는 스와이프)할 수 있는 이미지 갤러리 형태로 제공됩니다. 모달 창이 페이지 상단에 나타나므로 새 탭으로 사용자를 성가시게 하지 않고 전체 페이지를 차지할 수 있습니다.

이에 대한 환상적인 예는 ThemeForest의 Vitae 테마입니다. 각 포트폴리오 항목 페이지에 라이트박스 모달이 함께 제공되며 클릭하면 이미지를 더 크게 볼 수 있습니다.

나는 개인적으로 더 어두운 배경을 선호하는데 이것이 모달 창과 내용 사이에 대비를 더해주기 때문입니다. Vitae와 같은 일부 테마는 더 밝은 배경을 사용하며 이것도 잘 작동합니다.

목표는 이 모달을 전체 페이지 위에 적용하여 사용자 참여를 높이는 것입니다. 모달 팝업 창으로 이 작업을 수행하면 매우 성가실 수 있습니다. 그러나 사용자가 기대하는 포트폴리오 콘텐츠에는 놀라울 정도로 잘 작동합니다.

하나의 시리즈로 보여주고 싶은 사진이 많은 갤러리 아이템에 주로 추천합니다. 어두운 모달 창은 Honshi 테마와 같은 전체 포트폴리오 항목을 표시할 수도 있습니다.

세트로 함께 가는 일련의 사진이 있는 경우 모달 슬라이드쇼로 실행하는 것이 좋습니다. 또는 디자이너라면 작업의 여러 단계를 슬라이드쇼에 추가할 수 있습니다. 마치 처음부터 끝까지 진행하는 것과 같습니다.

모든 유형의 시각적 포트폴리오 사이트에서 모달 창의 이점을 누릴 수 있습니다. 이 기능으로 포트폴리오 테마를 찾아 프로젝트 페이지에 자연스럽게 포함하고 싶을 뿐입니다.

전체 페이지 사례 연구

포트폴리오 작업과 함께 서면 콘텐츠를 추가하는 것이 좋습니다. 이러한 방식으로 방문자는 프로젝트가 어떤 것인지, 수행한 작업, 초기 계획 단계에서 완료까지 어떻게 이동했는지 이해할 수 있습니다.

사례 연구는 프로젝트의 전체 그림을 제시하는 데 가장 좋습니다. 페이지에는 자연스럽게 많은 사진이 있어야 하지만 전체 창작 과정을 설명하는 개인적인 일화와 목록도 포함해야 합니다.

방문자는 귀하가 하는 일에 대해 더 알고 싶어 합니다. 이러한 사례 연구는 신뢰를 구축하고 해당 주제에 대한 권위자로 귀하를 제시합니다.

만다라는 사례 연구가 얼마나 단순한지 보여주는 훌륭한 주제입니다.

상단 섹션에는 프로젝트 날짜, 범주, 클라이언트 이름 및 간단한 프로젝트 개요와 같은 추가 세부 정보와 함께 프로젝트의 샘플 사진이 포함됩니다.

독자들에게 무대 뒤를 엿보고 당신이 하는 일에 대해 더 많이 배울 수 있는 기회를 주십시오. 시각 자료는 도움이 되지만 이야기의 일부만 보여줍니다.

사례 연구를 작성하여 일반적인 문제와 해결 방법을 설명하고 멋진 아이디어를 도출하기 위한 브레인스토밍 프로세스를 설명할 수 있습니다.

사진을 찍는다면 아마도 쓸 일이 많지 않을 것입니다. 그러나 Dazzle 테마는 약간의 콘텐츠만으로도 큰 효과를 볼 수 있음을 보여줍니다.

그들의 포트폴리오 테마에는 수십 가지 스타일이 있습니다. 일부는 프로젝트에 대한 정보가 거의 없고, 다른 일부는 프로젝트 페이지에 더 자세한 정보가 있습니다. 그러나 어느 쪽이든 이 테마가 제공하는 다양한 스타일을 살펴봄으로써 많은 것을 배울 수 있습니다.

사례 연구를 수행하고 실제로 자신의 것으로 만드십시오. 완전한 논문을 작성하지 않고도 방문자에게 가치 있는 정보를 제공할 수 있을 만큼만 정보를 추가하십시오.

마무리

포트폴리오 작업을 발표하는 것이 항상 간단한 것은 아닙니다. 작업 유형과 프로젝트 수에 따라 다릅니다.

그러나 위에 나열한 트렌드는 그래픽 디자인에서 사진, 애니메이션, UI 작업 또는 기타 모든 작업에 이르기까지 거의 모든 분야에서 잘 작동합니다. 맞춤형 슬라이드쇼, 카테고리 정렬, 모달 창 및 사례 연구는 모두 포트폴리오 웹사이트에 대한 참여를 근본적으로 높일 수 있습니다.

자신의 포트폴리오 사이트를 아직 시작하지 않은 경우 온라인 포트폴리오의 호스팅 및 테마를 설정하는 방법을 설명하는 WordPress 포트폴리오 사이트 구축 방법에 대한 기사를 확인해야 합니다.