behance

https://www.behance.net/

장점

근무이력과 자기소개서를 넣을 수 있는 페이지가 있으며 핀터레스트와 달리 구체적인 과정을 한눈에 알아볼수 있다.
사용 가능한 툴을 명시할 수 있는 기능이 존재한다.
이미지, 영상을 위주로 보여줄 수 있는 작업에 강하다.
쉬운 접근 . 좋은 입지 . 분야별로 올라온 포트폴리오를 쉽게 확인이 가능
피드백, 조회수로 평가가능, 상세한 작업 과정 공개 가능
프로젝트 단위로 된 레퍼런스를 찾아보기 좋다.
국내 포트폴리오뿐만 아니라 해외 포트폴리오도 찾아볼 수 있다.
디자인적인 요소를 보여줌에 있어 유용하다. 국내외 제한 없이 다양한 포트폴리오를 찾아볼 수 있다.
전세계 디자이너들이 제일 많이 사용하는 작업물 공유 사이트
웹사이트를 따로 만들지 않아도 작업물만 업로드 하면 됨
다양한 분야들이 카테고리화 되어 있어 원하는 작품 및 분야를 쉽게 검색하고 정리할 수 있다
PPT형식처럼 스크롤 형태의 포트폴리오 제작으로 과정부터 결과까지의 내용들을 깔끔하게 정리할 수 있다
사진, 글, 영상뿐만 아니라 피그마, 코드펜, 오토데스크 3D 등 다른 플랫폼에서의 작업물 공유가 가능하다
디자인 중심
영상디자인부터 웹디자인까지 다양한 디자인들이 있음
팔로우를 통해 관심있는 디자이너 구독가능
실제 진행되었던 프로젝트 작업물들이 많은 거 같음
sns아이디 개시가능
비교적 기능이 많음(에셋첨부 기능 등등)
좋아요를 통해 반응 확인가능
높은 대중성, 시각적 작업물을 손쉽고 빠르게 업로드 및 확인이 가능함, 어도비 포트폴리오와의 쉬운 연동
세계적으로 규모가 큰 사이트, 채용하는 입장에서 디자이너와의 쉬운 접근성
전세계적으로 트렌디하고 다양한 작업물들을 살펴볼 수 있음.

단점

단일 이미지를 보여주기 보다는 많은 과정을 보여주기 때문에 다소 복잡하다.
작업물을 원페이지 스크롤 형식으로 묶어 놓아야 하기 때문에 한눈에 보기 어렵다.
외부 링크, 추가 페이지 연동이 어렵다
이용자가 많이 때문에 포트폴리오의 노출이 쉽지 않을 수 있음 . 링크를 제외하면 이미지로 노출되며 텍스트를 사용하기 힘듦 . 이미지 특화
단순명료한 정리 필요
포트폴리오의 디자인 제외 다른 요소 (ex. 웹에 대한 설명, 작업 과정 등) 를 함께 보여주는 것이 어렵다.
개발자보다는 디자이너 포트폴리오에 더 많이 쓰인다. 웹의 디자인을 포트폴리오에서 바로 확인할 수 있도록 제작 가능하다.
아트웍 위주의 작업들이 많아 데일리 한 작업들을 보기엔 어려움이 있다.
외부 링크 연동이 어렵다.
디자인 위주라 문서 공유엔 한계가 있다.
작업물 공유 위주의 플랫폼이라 자시느이 작업물 갤러리가 심심하게 보임
외국 기반 사이트로 영어 사용자가 더 많다
코드를 사용하는 개발자 보다는 디자이너에게 더 최적화되어있다
다양한 기능으로 인해 포트폴리오가 난해해질 수 있음
커스터마이징의 제한있음, 코드 등 개발적인 면을 강조하긴 어려움
유료화(pro 기능), dribble과 비교했을 때 상대적으로 레이아웃 정리가 필요 해 보임
작업물의 올릴때의 편집기능이 좋지 않아 그 문제를 고려하여 편집한 후 게시해야함.

notion

https://www.notion.so/

장점

쉽고 빠른 제작, 상대방에게 링크 전달가능
하나의 플랫폼에서 다양한 것들을 할 수 있음(계획, 포트폴리오, 문서화)
스크린샷 등을 시각적 자료를 포함 하기 쉬움, 사용 가능한 기술을 자세히 설명할 때 가독성 있게 보여줄 수 있음
링크를 전송함으로써 공유 및 협업을 하기가 쉬움
외부 링크, 추가 페이지 연동에 강하다.
한 페이지 안에서 나의 정보를 전부 전달할 수 있다.
이미지, 표, 글 등을 자유롭게 삽입할 수 있다.
창의성과 능력을 어필하기에 좋다
사용이 간편하다
많은 텍스트 정보를 테이블을 이용하여 쉽게 정리 가능
문서 공유에 가장 적합한 플랫폼으로 보이며 다양한 형식의 정보를 공유하고 협업할 수 있다.
포트폴리오 업로드 양식에 대한 제한이 없어서 자유롭게 페이지를 꾸밀 수 있음.
다양한 방식의 키워드와 인기 카테고리 등 쉽게 알아볼 수 있음.
Notion의 AI의 다양한 질문의 예시가 있어 질문하기 편함.
외부 링크 연동이 쉽다.
다양한 기능(표, 차트)을 제공하며, 워크스페이스를 자유롭게 구성할 수 있다.
제작하는데에 쉽고 빠르다. 문서 공유에 적합하다. 다양한 형식의 정보를 공유 할 수 있다. 템플릿이 잘 되어 있어 유용하다.
무료로 사용 가능
다양한 기능으로 인해 노션 내에서 코드 삽입 혹은 이미지나 링크 첨부 등이 용이하다.
폭넓은 사용과 공유 기능, 사용자에 따라 활용하는 범위의 차이로 다양한 포트폴리오를 작성할 수 있다.
직장 내에서도 많이 사용하는 추세이므로 접근성이 좋다.
서비스 연동으로 웹사이트를 포함한 어플, 웹사이트 등에서 모두 연동되어 작업할 수 있다.
템플릿을 포함하여 생성형 AI와 히스토리 제공 등의 이점이 명확하다.
페이지 별로 정리가 가능하고, 다른 사람들에게도 보이는 공유 페이지와 개인적으로 필기할 수 있는 개인 페이지가 나누어져 있다
외부 링크 삽입이 가능하고 투두리스트, 토글리스트, 코드, 인용 등 텍스트의 변환이 자유롭다
테이블, 보드, 타임라인, 캘린더 등 view 형태가 다양하다
노션 내 AI 지원 가능
워드와 유사하여 작성하기 편함
긴 텍스트도 정리하기 유용
표를 이용하여 정리할 수 있음
notion AI
다양한 미디어를 활용하여 포트폴리오를 만들 수 있음
다양한 작업을 통합관리 가능(문서, 작업 관리, 데이터베이스 등), 협업에 용이함, 커스터마이징 자유도가 높음
접근성이 매우 용이함
다양한 포맷(코드 블록, 표, 수식 등) 지원으로 깔끔하게 정리할 수 있으며 내부/외부 콘텐츠(링크, 이미지, 파일 등)를 보기좋게 임베드 할 수 있음
반응형 웹과 같은 기술적인 요소를 고려할 필요 없이 거의 모든 플랫폼에서 의도한 레이아웃과 콘텐츠를 제공함

단점

인쇄 출력이 어려우며 파일 형태로 전송 불가
디자인의 한계(세부조절에 어려움이 있음)
방문자 통계 확인 어려움
자유로운 구성요소를 잘 활용한다면 좋겠지만, 그렇지 못하면 혼란스러워 보일 수 있다.
개성을 드러내기 어렵다.
기능이 많아서 복잡함
디자인적 한계가 있다.
한번에 하나의 페이지만 게시할 수 있는 걸로 앎. 여러개의 프로젝트가 포함될 포트폴리오 페이지로는 부적합한 것 같음.
다양한 것이 너무 많아 필요한 것을 찾기 어려움이 있음.
다양한 기능과 유연성을 제공하기 때문에 처음 사용자에게는 익숙해지기까지 시간이 걸릴 수 있다.
기본적으로 무료로 사용할 수 있지만, 고급 기능을 사용하려면 추가 비용이 발생할 수 있다.
디자인적인 요소를 보여주기엔 한계점이 있다. 인쇄 출력이 어려우며 파일 형태로 전송이 불가하다.
날짜를 임의로 바꿀 수 있기 때문에 언제 작성한 코드인지 확인하기 어렵다.
어느정도 이상 사용할 경우 확장이 불가하고, 유료로 전환해야 한다.
코멘트를 자유롭게 달기가 힘들고, 과정과 결과 구분이 잘 안될 수 있다
텍스트 중심으로 사진과 영상 활용이 어려움
자유 양식이기 때문에 많은 내용을 정리 없이 넣을 시 채용 담당자들은 피로감을 느낄 수 있음
커뮤니티 노출 부족
대중성이 크다는 것은 그만큼 자신의 색과 개성을 나타내기 힘들다는 뜻으로 나만의 확고한 콘텐츠가 불명확하다면 마치 양산형과 같은 느낌을 줄 수 있음
결과적으로는 한정되고 정해진 레이아웃 안에서 창의적인 모습을 보여야 하기 때문에 표현의 자유가 다소 힘들 수 있음

Dribbble

https://dribbble.com/

장점

서로의 포트폴리오 피드백, 원하는 카테고리 선정 가능
피드백, 조회수로 평가가능하며 웹, 앱 구현을 별도의 링크 없이 동영상으로 확인 가능
클라이언트가 창작자를 직접 채용할 수 있다. 웹 앱 기반 작업물들이 다른 사이트보다 다양하다. 디자인 콘텐츠가 웹, 앱이 구현되는 UX 인터랙션을 동영상으로 볼 수 있다.
디자인 중심
영상디자인부터 웹디자인까지 다양한 디자인들이 있음
팔로우를 통해 관심있는 디자이너 구독가
sns아이디 개시가능
좋아요를 통해 반응 확인가능
깔끔한 레이아웃으로 프로필에서 본인 작업물 컨셉을 확실하게 보여주기 적당함 2. 본인 작업물이 벡터 형태의 일러스트가 많을 경우 사용하기 적합
채용 목적의 사이트, 본인의 작업물을 부담없이 한 장에 올릴 수 있음.

단점

주로 시각적 디자인 위주
많은 과정을 보여주기에는 부적합
디자인 위주라 문서 공유엔 한계점이 있다.
레이아웃이 한정적임
비디오 파일 형식이 한정적임(vod불가)
채용관련 기능에서 유료
웹에 비해 어플의 기능이 제한되어 있으며 호환서잉 떨어짐

Github

장점

소스코드 공유 및 관리에 용이함 »코드 중심의 환경구축에 적합
사이트를 호스팅하기에 용이함
소스 코드를 공유하기에 가장 적합한 플랫폼이며 개발자 포트폴리오 제작에 용이하다.
readme 파일을 통해 프로젝트에 대한 상세한 설명을 기록하고 보여줄 수 있음. 어떤 언어를 사용하였는지가 그래프로 한눈에 보임. PR과 push 목록에서 내가 프로젝트에서 어떤 파트를 맡았고 어떤 기여를 하였는지 볼 수 있음.
무료로 사용 가능하다.
언제 퍼블리싱했는지 정확한 확인이 가능하다.
개발자들의 많은 사용으로 인하여 접근성이 좋고, 실제로 포트폴리오를 깃허브에 작성하는 경우도 많다.
자신만의 포트폴리오 사이트를 제작할 수 있음
개발자를 위한 사이트로 코드 정리가 쉽고 간편하다
다른 사람과의 공유나 협업이 쉽다
여러개의 페이지 생성이 가능해 코드나 작업물 별로 정리가 간편하다
가장 대중적으로 사용
작업물의 기여도를 쉽게 파악 가능
확보된 이용자 수, 자유로운 커스터마이징, 무료로 정적 웹사이트를 호스팅 가능, 개발자 포트폴리오로 매우 적합
개발쪽이 유리한 경우 소스코드 어필 가능, 개발자 커뮤니티에서는 독보적임
처음 사용하면 까다로울 수 있음, 업로드 부분에서 용량에 대한 제약

단점

디자인적 요소 부족(테마나 기능의 제한이 있을 수 있음)
초기 진입 장벽이 있음 (복잡하여 플렛폼을 사용하기 위해 배우는 시간이 필요함)
포트폴리오의 디자인을 보여주기에는 어렵다.
코드가 그대로 노출되다보니 이상한 코드 쓴 것도 바로 보이게 됨.
내가 포트폴리오에 넣고 싶지 않은 레퍼리토지도 노출됨.
보여주고 싶은 작업물만 보여주는 것이 아닌 본인이 여태 했던 모든 작업물을 함께 보여주어야하기 때문에 골라서 내보일 수 없다.
사용할 수 있는 여러 비주얼적 기능이 부족하기 때문에 코드와 글을 주로 작성해야 하므로 프론트앤드 포트폴리오로서 극대화 시키기에는 어려움이 있다.
html, css 등을 잘 알지 못하면 사용할 수 없음
순수하게 자신이 만들어야 하기 때문에 시간이 오래 걸림
이미지보단 코드와 텍스트 위주로 시각적인 요소는 떨어진다
Git 및 Github의 개념이 초심자에게는 복잡하게 느껴질 수 있으며, 명령어 기반의 작업이 익숙하지 않을 수 있음.
시각적인 디자인 템플릿이 없음(= 디자인 위주로 포트폴리오를 만들 시 많은 시간을 소모함), HTML+CSS와 JavaScript에 대한 높은 이해도 필요

Wix

장점

무료
앱으로 실시간으로 관리하기가 편함
시각적으로 보이기에 용이한 배치 가능
무료로 자신의 사이트를 제작할 수 있음 .
제작 될 포트폴리오 사이트를 가장 빠르게 확인 할 수 있음 .
코드를 사용하지 않고 제작하지만 사용자에 따라 웹 개발을 좀 더 효율적으로 사용 가능
포토폴리오와 일러스트레이터, 포토그래퍼 등의 관심이 있는 사람들에게 다양한 방식의 솔루션을 줄 수 있음. 믿을 수 있는 웹 호스팅도 있음.
손 쉽게 웹사이트 제작이 가능하다.

단점

너무 다양한 템플릿으로 인해 전문성이 부족해 보일 수 있음
코드 설명을 하기에는 디자인이나 시각적 요소를 설명 및 전시 하는데 더 치중되어 있는 느낌
AI 빌더를 사용하며 사이트 속 주어진 디자인을 사용하며 자신만의 아이덴티티가 부족하게 느껴질 수 있음
시각적 요소를 설명 및 전시 하는데 더 치중되어 배우는 것에 대해 부족한 느낌.
wix 자체의 연동 속도가 느리다.
윅스로 제작한 홈페이지를 다른 플랫폼으로 이전하는 것이 어려울 수 있다.

Squarespace

https://www.squarespace.com/

장점

템플릿의 퀄리티가 높다
다양한 템플릿으로 직접 코딩하지 않아도 사이트를 만들 수 있다.
직접 템플릿을 만들 수도 있기 때문에 템플릿의 제한 없이 원하는 만큼의, 수준의 작업물을 보여줄 수 있다.
코드(HTML, CSS, JS)를 이용하여 제작하는 것보다 훨씬 간편하고 양질의 결과물을 낼 수 있음
높은 퀄리티의 템플릿을 적절하게 활용하여 내부 콘텐츠에 대한 시간투자의 비율을 높혀 양질의 포트폴리오를 제작할 수 있음
사이트의 분위기가 전반적으로 깔끔하고 정돈되어 있기 때문에 보는 사람들로 하여금 좋은 첫인상을 줄 수 있음

단점

사용 가능한 폰트들이 영어 베이스로 한정적이다.
기능 추가시 정기 결제 금액이 늘어난다.
추가로 기능을 사용하고자 했을 경우에 유료로 전환된다.(가격대가 높다)
직접 만드는 사이트가 아니다 보니, 프론트앤드로서 회사에 보여지기에 애매한 부분이 없지 않을 듯 하다.
한글 지원을 하는 사이트는 아니다보니 사이트에서는 자동번역을 사용하여야 한다.
사용자가 원하는 맞춤 레이아웃으로 구성하기에는 다소 무리가 있으며 결국에는 비슷한 레이아웃의 포트폴리오가 제작될 가능성이 있음
내부 콘텐츠가 매우 중요한 요소로 작용하는데 자신의 콘텐츠가 적다면 전형적인 포트폴리오가 될 수 있음

adobe portfolio

https://portfolio.adobe.com/

장점

반응형 포트폴리오 웹사이트를 만들기에 유용하다
기본으로 제공하는 템플릿이 있음
코딩을 하지 않아도 부담없이 자신의 포트폴리오 사이트를 제작해 볼 수 있음
포트폴리오에 특화된 사이트, behance와 연동이 가능함, 실시간 라이브 에디터가 가능함

단점

형태(그리드 등)가 한정적이다.
한정적인 템플릿 디자인
템플릿이 단조로움

vimeo

https://vimeo.com/

장점

통합 하여 사용할 수 있는 플랫폼들이 있음. 모바일과 PC 따로 사용할 수 있음.

단점

ai기반으로 다른 사람과 비슷한 영상을 만들 수 있는 위험이 있음.

html, css, javascript 등으로 하드 코딩된 사이트

장점

구상한 대로 표현할 수 있다.
소스코드를 직접적으로 확인할 수 있음 . 실시간으로 사이트의 변화를 확인할 수 있음
‘포트폴리오 페이지’ 자체가 하나의 포트폴리오가 될 수 있음. 디자인부터 코딩까지 간섭 없이 스스로 만들 수 있음. 배포가 자유로움.
내가 원하는 디자인으로 포트폴리오 웹사이트를 만들 수 잇음
github, notion과 달리 포트폴리오에서 부터 나만의 차별점을 구축할 수 있음.
능숙하게 운용할 수만 있다면 사이트 제작에 전혀 제약이 없기 때문에 이론상 표현하고 싶은 모든 것을 표현할 수 있음
개인의 성향, 방향성에 기반하여 맞춤으로 사이트로 제작할 수 있음
직접 코드와 퍼블리싱을 관리하기 때문에 관리하기에 용이하고 프론트엔드, 웹퍼블리셔를 목표로 하고 좋은 결과물이 나온다면 좋은 점수가 될 수 있음
가장 힘과 시간이 많이 드는 방법이지만 실력상승과 좋은 경험이 될 수 있음

단점

시간대비 결과물이 부족할 수 있다.
익숙하지 않으면 포트폴리오 사이트 제작에 너무 많은 시간을 쓰게 된다.
제작하는 데에 많은 시간이 소요될 수 있음. 내 수준으로 하드코딩을 하면 유지, 보수가 힘들 것 같음
웹사이트의 기획, 디자인, 개발까지 모두 해야하기 때문에 오랜 시간이 소요될 수 있음.
지속적인 웹사이트의 유지 보수를 하여야 하기 때문에, 꾸준한 관리 필요
도메인 및 서버 비용 발생
코드 작성에 굉장히 많은 시간을 소비해야 하기 때문에 내부 콘텐츠에 신경쓸 시간이 상대적으로 부족할 수 있음
내부 콘텐츠에 신경쓰지 못한다면 초반에 의도한 양질의 결과물이 나오지 않을 가능성이 높음
코드 운용능력이 좋지 못하다면 타 플랫폼 서비스를 이용하는 것 보다 시간은 더 오래 걸리고 퀄리티는 오히려 낮아질 수 있는 위험성이 있음

플랫폼 선정 유의사항

Notion 선택한 학생들은 Public(공개) 설정이 가능한지 확인해보세요.
아이디.notion.site로 공개페이지를 전달할 수 있습니다. https://www.notion.so/ko/help/guides/build-a-website-with-notion-in-seconds-no-coding-required
어느정도 이상 사용할 경우 확장이 불가하고, 유료로 전환해야 한다. : 매 월 지출되는 이용료가 부담될 수 있습니다. 시작 단계에서 포트폴리오를 다 담을 만큼 기본공간을 제공하는지 파악하세요.
이미지 첨부시 최대 용량 제한이 있습니다. (용량을 추가하기 위한 월단위 추가 지출) 이외에도 제약 사항이 있는지 파악해 보세요.
노션 교육용 플러스 요금제 : https://www.notion.so/ko/help/notion-for-education
인쇄 출력 및 파일(PDF)출력이 가능해야 합니다. (가능성 검토 하세요)

플랫폼의 유지보수

Github로 포트폴리오를 계획중인 학생은 jekyll 사용을 추가로 검토해 봅시다 (교안의 참고자료)
jekyll을 선택하여 포트폴리오를 제작하는 경우에는 사용방법등을 추가로 알려주고 문제 발생시 지원