Product development · Portfolio builder
makefolio
작업을 입력하면, 나만의 사이트가 되도록.
프로젝트와 이력, 소개를 입력해 개인 포트폴리오를 만들고 공개하는 자체 SaaS. 콘텐츠 관리자와 방문자용 사이트를 분리하고, 편집·공개·운영이 이어지는 경험을 설계·개발했습니다.
THE PRODUCT
직접 만들고 운영하는 포트폴리오 SaaS
포트폴리오는 처음 만드는 일만큼 작업이 바뀔 때 업데이트하는 일도 중요합니다. 매번 코드를 수정하지 않아도 콘텐츠를 관리하고, 작업의 역할과 과정을 설명하며, 공개 상태를 직접 조절할 수 있도록 만들었습니다.
- 01계정·주소 설정
- 02프로젝트·이력 입력
- 03디자인·공개 설정
- 04개인 사이트 운영
01 / CONTENT MANAGEMENT
작업을 등록하고, 보여줄 순서를 정합니다.
프로젝트를 카테고리로 분류하고 공개 여부와 대표작을 각각 관리합니다. 대표작 선택과 목록 정렬을 통해 방문자에게 먼저 보여줄 작업을 정할 수 있습니다. 콘텐츠가 늘어나도 편집 방식이 바뀌지 않도록 프로젝트 단위로 관리 구조를 통일했습니다.
- 프로젝트 등록·수정과 카테고리 분류
- 대표작 지정 및 순서 관리
- 프로젝트별 공개 상태와 플랜 한도 안내
02 / PROJECT EDITOR
이미지 너머의 역할과 과정을 설명합니다.
제목과 요약, 상세 본문을 나누고 역할·기여 내용·성과·관련 링크 등 프로젝트의 맥락을 입력할 수 있도록 구성했습니다. 짧은 목록 소개와 긴 상세 설명을 분리해 같은 콘텐츠를 목적에 맞는 화면에 보여줍니다.
- 요약과 상세 본문을 구분한 입력 구조
- 역할·기여·링크 등 프로젝트 정보 관리
- 편집 내용을 공개 상세 페이지로 연결
03 / PUBLISHING
편집한 콘텐츠가 개인 사이트로 연결됩니다.
계정별 콘텐츠를 분리하고 개인 주소로 공개 사이트를 제공합니다. 설정에서 사이트 이름, 디자인, 공개 여부와 공유 이미지를 관리합니다. 같은 제작 기반을 사용하되 각 사용자가 자신의 콘텐츠와 사이트를 운영하는 서비스 구조입니다.
- 계정별 콘텐츠 분리와 개인 주소
- 공개·비공개 및 디자인 설정
- 소개·이력·프로젝트·FAQ·문의 관리
BEHIND THE SERVICE
소개 페이지부터
실제 운영하는 제품까지.
- Next.js·React 기반 관리 화면과 공개 사이트
- 계정별 콘텐츠를 분리하는 멀티테넌트 구조
- 프로젝트·이력·설정 데이터를 공개 페이지로 연결
자체 서비스 제작 사례입니다. 실제 서비스 UI를 사용했으며, 화면 속 인물·업무·일정·프로젝트는 기능 설명을 위한 가상의 데모 데이터입니다. 실제 공개 포트폴리오는 jihyeon.makefolio.kr에서 확인할 수 있습니다.
서비스 체험하기 실제 공개 포트폴리오feeling?
아직 구체적인 계획이 없어도 괜찮아요.
생각하고 있는 방향부터 편하게 들려주세요.