플러스프로젝트 배경
1) 문제점 - 회사 소개 홈페이지를 만들어도 문구·콘텐츠 하나 바꾸려면 매번 개발자 손을 거쳐야 해 운영이 느림 - 공개 사이트와 문의·콘텐츠 관리가 따로 놀아 들어온 문의와 발행 콘텐츠를 한곳에서 보기 어려움 - B2B 구매 담당자는 신뢰 근거(제품 사양·인증·사례)를 빠르게 확인하고 싶은데, 일반 소개 페이지는 정보 위계가 약해 설득력이 떨어짐 2) 프로젝트 목표 - 비개발자가 코드 수정 없이
프로젝트 성과
비개발자용 실시간 미리보기 편집
메인 히어로의 라벨·헤드라인·서브·CTA를 입력하면 우측 미리보기에 즉시 반영돼, 코드 수정 없이 운영 담당자가 직접 메인 문구를 바꾸도록 구현
공개 사이트 + 관리자 콘솔 단일 시스템 통합
회사 소개 홈페이지와 대시보드·콘텐츠·섹션 편집·문의 관리 콘솔을 하나의 디자인 토큰·컴포넌트 체계로 묶어 일관되게 구성
신뢰 중심 B2B 정보 구조 설계
제품 사양·인증·적용 사례·실적 수치를 사양표 톤으로 위계화해, 구매 담당자가 신뢰 근거를 빠르게 확인하도록 랜딩 구조 설계
디자인 시스템 기반 일관 UI
컬러·타입 디자인 토큰과 공통 컴포넌트(카드·테이블·상태 배지)로 모든 화면 UI를 일관되게 유지하고 빠르게 확장
Headless CMS API로 비개발자 콘텐츠 발행 파이프라인
콘텐츠 CRUD와 초안/예약/발행 상태 전이를 다루는 Headless CMS REST API를 구축해, 비개발자가 관리자 화면에서 입력한 내용이 서버를 거쳐 공개 사이트로 발행되는 파이프라인 구성
핵심 기능
회사 소개 공개 홈페이지
측정값·단위를 스펙시트 톤으로 노출해 산업재 신뢰감을 주는 히어로와, 핵심 역량·제품·적용 사례·실적 수치까지 신뢰 중심으로 구성한 풀페이지 랜딩
서버: 발행 상태인 콘텐츠를 API로 조회해 페이지를 구성하고SEO
서버: 발행 상태인 콘텐츠를 API로 조회해 페이지를 구성하고SEO
진행 단계
기획·정보구조
2026.05.
B2B 산업소재 사이트 도메인 정의. 공개 랜딩의 신뢰 위계와 CMS 4개 영역(대시보드·콘텐츠·섹션·문의) 정보구조 설계
프로젝트 상세
1) 포트폴리오 소개 B2B 산업소재 기업을 위한 회사 소개 홈페이지와, 비개발자가 직접 콘텐츠를 관리하는 CMS 관리자를 함께 구축했습니다. 방문한 구매 담당자에게는 제품·인증·적용 사례를 신뢰감 있게 보여주는 공개 사이트를, 기업 담당자에게는 코드 수정 없이 메인 문구·콘텐츠·문의를 운영하는 관리 콘솔을 한 시스템으로 제공합니다. 2) 작업 범위 - 화면 설계(정보구조), UI/UX 디자인, 디자인
