오늘 소개할 서비스는 한 디자이너가 직접 제작한 노션 페이지로, 프로덕트 디자인과 디자인에 대한 다양한 리소스를 제공합니다. 커버 이미지를 일관성 있게 구성해 보기 좋게 정리되어 있으며 등록된 자료도 토글과 태그를 적절하게 활용해 원하는 주제에 내용을 빠르게 찾아볼 수 있다는 점이 가장 큰 장점입니다.

‘Product Design Resources’ 노션 페이지에서 가장 먼저 볼 수 있는 모습입니다. 구분은 크게 다섯 가지로 제공되는데 첫 구분은 프로덕트 디자인이며 이어서 디자인 리소스와 기타, 운영자 추천 그리고 전체 내용입니다. 프로덕트 디자인에는 관련 자료로 시작, 사용자 경험, 인터페이스, 디자인 시스템, 애니메이션 등에 속하는 내용이 포함되어 있어요.

모든 내용은 갤러리뷰로 확인할 수 있으며 커버 이미지가 동일한 포맷으로 등록되어 있어 구분이 어렵지 않습니다. 또 서비스나 자료명과 태그도 함께 확인할 수 있어요. 상단 필터 기능을 활용해 원하는 태그만 선택해 자료를 확인할 수 있는 환경을 갖춘 모습입니다.

프로덕트 디자인 관련 자료 중, UX(사용자 경험) 쪽을 살펴본 모습이에요. 눈썰미가 좋은 분들은 이미 눈치채셨겠지만 커버이미지 속 배경이 구분에 따라 모두 다르게 적용된 것을 알 수 있습니다. 덕분에 한 화면에 적용된 리스트라 하더라도 구분에 따른 내용 확인이 더 쉽게 느껴지네요. 각 내용을 클릭하면 상세화면으로 이동할 수 있으며, 링크 등으로 바로 이동할 수 있습니다.

UI(사용자 인터페이스) 관련 서비스나 자료도 잘 정리되어 있습니다. ‘지금 써보러 갑니다’를 통해 소개한 툴도 여럿 보이네요. 이런 식으로 구분에 따라 필요한 자료나 서비스가 여럿 등록되어 있어 즐겨찾기 후 필요할 때마다 들어가 찾아보고 활용 가능한 것이 있는지 빠르게 살펴볼 수 있다는 점이 가장 매력적이라 생각합니다.

피그마와 함께 사용하기 좋은 서비스나 플러그인도 잘 정리되어 있습니다. 폰트도 보이네요!

이곳을 관리하는 프로덕트 디자이너가 등록된 전체 자료나 서비스 중 좋아하는 리스트도 따로 확인할 수 있습니다. 저는 이 리스트를 먼저 확인해봤어요. 제작한 사람의 취향이 나름 잘 담겨있는 공간이기 때문입니다. 서비스를 꽤 많이 보는데 몰랐던 툴도 많아서 보는 즐거움이 있습니다. 이렇게 보면 노션을 기본적인 기능만으로 잘 활용하는 분들이 많다는 것을 다시 한번 알게됩니다. 프로덕트 디자인, 프로덕트 디자이너와 관련된 더 많은 자료는 ‘링크’를 통해 확인하실 수 있어요!