링블
체험단 홈페이지 완전 리뉴얼
오래된 체험단 사이트를 기존 자료는 그대로 옮기고 새 플랫폼으로 다시 만들고 있습니다(개발 진행 중). 리뷰어·업체 화면과 관리 프로그램이 한 흐름으로 이어집니다.
- 고객사
- 링블
- 작업 기간
- 2026.10 ~ 개발 진행 중
- 사용 기술
- Next.js
- TypeScript
- Supabase
- Vercel
- 토스페이먼츠
- Claude API
- Axure 프로토타입(1단계)
CLIENT
고객사 소개
링블은 블로그·인스타그램 체험단을 직접 모집하고 운영하는 체험단 마케팅 대행사입니다. 매장 사장님과 온라인 셀러가 신청하면 리뷰어 모집부터 선정·후기 등록·결과 보고까지 대신 처리하며, 방문 체험단·제품(배송) 체험단·기자단·월 정액 상품을 운영합니다.
BEFORE
이런 일을 사람이 하고 있었어요
오래된 사이트 위에 쌓인 운영
링블 홈페이지는 오래된 PHP 기술로 만들어져, 화면을 바꾸거나 새 기능을 더하기가 쉽지 않았습니다.
- 업체 신청서를 사이트에 올리는 일도 옛 관리자 화면을 거쳐야 함
- 결제·포인트·회원 관리는 옛 관리자 화면에 따로
- 보안·화면·기능·유지보수를 직접 챙기기 어려운 구조
멈출 수 없는 사이트, 잃으면 안 되는 자료
리뷰어와 업체가 매일 쓰는 사이트라 운영을 멈출 수 없었습니다. 오랫동안 쌓인 캠페인·신청·포인트 기록과 리뷰 첨부 사진도 한 줄도 잃지 않고 옮겨야 했습니다.
HOW
이렇게 바꿨어요
- 01
먼저, 지금 사이트의 메인 화면부터 정리
새 플랫폼에 앞서, 운영 중인 사이트의 메인 화면을 먼저 다시 설계해 적용했습니다. 실제처럼 눌러 보는 시안(Axure)으로 화면 흐름을 함께 확인한 뒤 반영했습니다.
- 흰 배경과 Pretendard 글꼴로 통일, 상단 바와 카테고리 정리
- 인기·신규 캠페인을 한 줄에 6개씩, 썸네일은 크게, 신청 현황은 '신청 000 / 모집 00'으로
- 메인 배너는 어드민에서 운영자가 직접 교체
- 모바일 하단바 정리, 1:1 문의는 카카오톡 채널로
1단계 메인 개편: 바꾸기 전과 후를 한 장에, 바뀐 점 6가지 - 02
옛 자료는 읽기만 해서 차례로 옮기기
옛 사이트의 코드와 화면을 모두 살펴 메뉴·기능을 정리하고, 옛 주소와 새 주소 대응표를 만들었습니다. 운영 중인 서버에는 아무것도 쓰지 않고, 읽기 전용 창구로만 자료를 가져옵니다.
- 개발하는 동안에는 개인정보를 가린 최근 자료 사본으로 화면을 만듦
- 캠페인·신청·회원 번호와 장부 문서번호는 그대로 유지
- 리뷰 첨부 사진 같은 옛 파일은 밤에 천천히 받아 비공개 저장소로
- 운영 전환 전에는 줄 수·금액 합계·빠진 번호를 견주는 대조표로 빠짐없이 옮겼는지 확인할 예정
왼쪽은 지금 운영 중인 옛 사이트, 오른쪽은 새 홈페이지 시험 사이트 (업체명·캠페인 수는 가림, 사진은 흐림) - 03
리뷰어가 쓰는 화면
메뉴·카테고리 구성은 그대로 두고 디자인을 새로 했습니다. 캠페인 상세는 모집 일정·제공 내역·미션·방문 안내를 나눠 읽기 쉽게 보여 줍니다.
- 아이디 로그인, 휴대폰 인증 가입, 카카오·네이버·구글 간편로그인
- SNS 계정을 연결하면 팔로워 같은 숫자를 자동으로 가져오고, 확인된 계정에는 인증 표시
- 캠페인 신청은 필수 동의, 유의사항 확인, 기본 배송지 저장까지 한 화면에서
- 포인트 적립·출석체크·환급 신청, 커뮤니티와 이달의 베스트 글
새 홈페이지 방문 체험단 목록: 메뉴와 카테고리는 그대로, 디자인만 새로 (시험 사이트 · 업체명·캠페인 수는 가림, 사진은 흐림) 새 홈페이지 캠페인 상세: 모집 일정·제공 내역·방문 안내를 나눠 보여 줘요 (시험 사이트 · 업체명·주소·방문 시간은 가림, 사진은 흐림) 새 홈페이지 회원가입: 카카오·네이버·구글 간편 가입, 아이디 가입과 휴대폰 인증 (시험 사이트) - 04
AI가 돕는 리뷰 작성
선정된 리뷰어가 사진을 올리면, 캠페인의 미션과 필수 키워드를 넣은 리뷰 초안을 AI가 써 줍니다. 말투(내 블로그 글을 닮은 말투·해요체·습니다체)와 글 길이를 고를 수 있고, 캠페인과 상관없이 자유 글쓰기도 됩니다.
- 05
업체가 쓰는 화면: 등록부터 결과보고서까지
업체는 AI 간편 등록으로 캠페인 신청서를 빠르게 만듭니다. 방문 체험단은 업체 이름으로 지도 정보를 찾아 주소·업종·영업시간·사진을 채우고, 배송 체험단은 상품 페이지를 읽어 초안을 만듭니다. 블로그 키워드는 월 검색 수와 글 수를 견줘 추천합니다.
- 모집 인원 충전(카드·무통장), 결제 내역·환불 신청, 세금계산서 자동 신청
- 캠페인별 신청·선정·리뷰 현황을 한 표로, 리뷰 수정 요청도 여기서
- 결과보고서: 리뷰 완료율, 키워드 노출 순위, 스폰서 배너 클릭을 그래프로 보고 PDF로 저장
- 06
관리 프로그램과 한 흐름으로
업체가 홈페이지에서 낸 신청서는 관리 프로그램의 검수 화면으로 들어옵니다. 검수 뒤 [업로드]를 누르면 모집 일정이 자동으로 잡혀 홈페이지에 바로 게시되고, 업체관리 줄도 함께 생깁니다.
회원·포인트·공지·충전 결제·세금계산서·통계도 같은 관리 프로그램에서 다룹니다. 금액과 인원을 정한 결제 링크를 만들어 보내고, 공지는 요점만 적으면 AI가 초안을 써 주며 사람이 고친 뒤에만 올라갑니다. 관리 화면은 지금 시험용 메뉴에서 다듬고 있습니다. - 07
새로 만드는 김에 보안부터
- 개발용 자료에는 실명·연락처 같은 개인정보를 가림
- 직원이 개인정보 원문을 열면 누가 언제 봤는지 기록
- 환불 계좌 같은 민감한 값은 암호화해서 저장
- 포인트와 모집 인원은 장부로만 늘고 줄어, 화면에서 숫자를 바로 바꿀 수 없음
- 다른 계정의 자료를 볼 수 없는지 따로 시험
- 시험 사이트는 비밀번호로 잠그고 검색에 나오지 않게 막음
AFTER
달라진 점
운영을 멈추지 않고 옮기는 길
옛 사이트가 그대로 돌아가는 동안, 새 플랫폼은 잠근 시험 사이트에서 만들고 확인하고 있습니다. (개발 진행 중)
신청부터 결과보고서까지 한 흐름
업체 신청, 검수, 게시, 리뷰, 결과보고서가 홈페이지와 관리 프로그램 사이에서 끊기지 않고 이어집니다.
업체도 리뷰어도 AI와 함께
업체는 캠페인 신청서를, 리뷰어는 리뷰 초안을 AI의 도움을 받아 빠르게 만듭니다.
남은 일: 자료 이전과 운영 전환
옛 파일과 자료를 차례로 옮기고 대조표로 확인을 마치면, 운영 사이트를 새 플랫폼으로 넘길 예정입니다.
비슷한 작업
포트폴리오 전체 보기CONTACT
이런 작업이 필요하신가요?
지금 하시는 업무를 말로 설명해 주시면, 무엇부터 자동화할지 같이 정리해 드릴게요. 24시간 안에 연락드립니다.

