컨설팅
home
페이지 제작
home
🐓

페이지 제작

페이지 종류

노션으로 웹페이지를 만들기 전에 해야할 것은 웹페이지의 목적을 찾는 것입니다. 대부분 노션을 접하기 전에 'XX'를 만들어봐야지! 그런데 무엇으로 만들지?로 시작하시기 때문에 무엇을 만들지는 정해져있을거예요. 이들은 페이지 구조에 의해 구분됩니다.
1) 단일 페이지
개인 포트폴리오, 랜딩 페이지, 이벤트 소개, 제품 소개 등과 같은 페이지는 대부분 1페이지에서 종료됩니다. 페이지를 구조화하지 않고 첫 페이지에서 자신의 정보를 한번에 보여줘야 하기 때문이에요. 포트폴리오의 경우 보여줄 자산이 많다면 페이지가 더 늘어날 수도 있지만, 대부분 한 눈에 파악할 수 있게 만들어주기 때문에 1페이지가 핵심이라고 할 수 있죠.
첫 페이지에서만 보여준다면 어떤 내용을 가장 먼저 보여줄 것인지 순서대로 배치해야 합니다. 길이에 따라서 목차는 넣을 것인지, 위로 올라가는 버튼을 넣을 것인지 마지막에 선택할 수 있습니다. minieetea
2) 여러 페이지
블로그, 홈페이지, 회사 소개, 채용 공고와 같은 내용들은 첫 페이지 뿐만 아니라 그 안에 숨어 있는 내용들도 중요합니다. 첫 페이지에서 끝나는게 아니라 진짜 중요한 내용들은 페이지 속에 있는 또다른 페이지에 들어있는 경우가 많습니다. 그래서 1페이지가 아니라 여러 페이지를 만들게 되고, 노션 자체를 구조화시키는게 중요하죠.
하위 페이지가 필요하다면, 더 복잡해집니다. 첫 페이지 뿐만 아니라 하위 페이지도 각각 설계해야하고, 해당 페이지에서 사용자를 어떻게 이동 시킬 것인지 사용자 이동 경험을 고려해야 합니다. 전시진 홈

읽는 사람

페이지 구조를 정한 다음 두번째로 보실 것은 만든 페이지를 어떤 사람에게 주로 보여줄 것인가? 입니다. 일반적으로 페이지를 주로 보는 사람이 어떤 디바이스를 쓰는가? 노션을 조금이라도 사용할 줄 아는가?로 구분됩니다.
1) 기기
2) 기능
아래 삼각형을 누르면 내용이 열립니다.
토글 기능

포트폴리오의 구성

포트폴리오의 구성을 살펴봅시다. 여러 포트폴리오들을 참고해봤는데, 대부분의 포트폴리오는 아래 페이지에 있는 내용으로 구성되어 있었습니다.
가장 기본적으로 아래 페이지에 있는 내용을 작성하고, 그 외 지원하는 회사, 직무, 특이사항 등에 따라 조금씩 변형하면 됩니다.

따라만들기

이제 본격적으로 포트폴리오를 만들어봅시다. 제 강의는 직접 만들면서 배우는 실습형 강의니까요.
이번 강의에서는 단일 페이지 형태로 만들어볼 예정입니다. 단일 페이지로 만들어야 여러분이 노션의 구조를 이해하기 훨씬 편하거든요. 물론 지금은 비워져있는 내용을 채우기 편하기도 하고요.
여러 페이지 형태의 포트폴리오에 관심이 생기셨다면 다른 사례를 보고 따라 만들어보세요!
이번 강의를 통해 본인의 포트폴리오를 만들어 공개하신다면 저를 얼마든지 태그해주세요. 제가 좋아요 눌러드릴게요 인스타그램

페이지 공유

제작한 포트폴리오를 공유해 봅시다.
제작한 포트폴리오 페이지에 들어가서 오른쪽 상단 공유 버튼을 누르고 웹에서 공유를 눌러보세요. 그 아래 나타나는 링크 옆 복사 버튼을 누르고 다른 사람들에게 전달하면 공유가 완료됩니다.
링크가 길어서 보기가 싫다면?
왼쪽 사이드바 → 설정과 멤버 → 워크스페이스 설정 → 공개 홈페이지 에 포트폴리오 페이지 링크를 넣어보세요.
여러분이 설정한 워크스페이스 도메인 + notion.site로 포트폴리오에 접근할 수 있습니다.
공유 권한
읽기 허용 : 읽기 가능
댓글 허용 : 읽기 + 댓글 가능
편집 허용 : 읽기 + 댓글 + 편집 가능
전체 허용 : 읽기 + 댓글 + 편집 + 초대 + 권한 설정 가능

포트폴리오 참고자료

포트폴리오의 구성 및 내용을 작성하셨다면 이제는 노션으로 어떻게 만드는게 좋은 지 사례를 찾아봐야 할 차례입니다. 참고하면 좋을 만한 몇가지 사례를 가져왔어요.
김호주 : 경력 기술 및 프로젝트 기술에 참고하면 좋은 포트폴리오 사례
minieetea : 경력 기술에 참고하면 좋은 포트폴리오 사례
Junhyuk Jang : 디자이너의 심플하면서 아름다운 포트폴리오 사례 및 템플릿
전시진 | 생산성 컨설턴트 : 제 홈페이지 사례
조덕윤의 가지가지 : 여러 페이지(홈페이지) 형태로 만들 때 참고하면 좋은 사례
Notion Portfolio Use Case : 제가 모아둔 개인 / 기업 포트폴리오 사례
템플릿 & 가이드북 무료로 받아가세요!
Sireal