HOMEABOUTWORKSSERVICECONTACT
VISUAL CONTENT PRODUCTION

공공의 메시지를,
사람들이 이해하는 콘텐츠로.

DECA4는 공공기관과 기업의 목적을 이해하고
영상, 사진, 현장 중계와 행사 운영을 하나의 흐름으로 설계합니다.

SHOWREEL
DECA4 PRODUCTION
ABOUT DECA4

목적을 이해하고,
콘텐츠의 방향을 설계합니다.

DECA4는 공공기관과 기업의 사업, 정책, 지역과 산업을
영상과 사진으로 전달하는 콘텐츠 프로덕션입니다.

단순히 보기 좋은 콘텐츠를 만드는 데 그치지 않고,
발주 목적과 시청 대상을 이해한 뒤
전달해야 할 내용을 가장 효과적인 구조로 설계합니다.

기획부터 촬영, 편집, 현장 중계와 행사 운영까지.
프로젝트에 필요한 과정을 하나의 흐름으로 연결합니다.

PLAN
SHOOT
DELIVER
기획부터 납품까지, 프로젝트 목적에 맞는 콘텐츠 제작 흐름을 설계합니다.
WHY DECA4

프로젝트의 시작부터
결과물이 완성되는 순간까지.

결과물로 확인하는
DECA4의 작업

영상, 사진, 현장중계, 행사대행 프로젝트를 유형별로 확인할 수 있습니다.

SERVICE

맡길 수 있는 일과
진행 방식을 한눈에.

사업분야를 선택하면 주요 업무와 프로젝트 프로세스를 확인할 수 있습니다.

클릭하시면 창이 고정됩니다.

새로운 프로젝트를
준비하고 계신가요?

기획안이나 구체적인 제작 방식이 정해지지 않아도 괜찮습니다.

프로젝트의 목적과 일정, 필요한 결과물을 알려주시면
적합한 제작 방향을 함께 검토하겠습니다.

✉ official@deca4.kr
☎ 070-8839-6417
⌖ 대전광역시 중구 문화로 165-1, 2층 201호
▣ DECA4 Inc.

프로젝트 문의가 정상적으로 접수되었습니다.

DECA4 관리자 페이지

홈페이지 문구, WORKS, SERVICE와 이미지 업로드를 관리합니다.

Supabase 연결 필요

assets/site-config.js에 Supabase URL과 publishable key를 입력하고, SQL 업데이트를 실행해야 관리자 저장과 이미지 업로드가 작동합니다.

window.DECA4_SUPABASE_CONFIG = { url: "https://프로젝트ID.supabase.co", anonKey: "sb_publishable_..." };

관리자 로그인

페이지별 문구 관리

홈페이지 화면 안에 직접 노출되는 문구를 페이지별로 묶었습니다. WORKS 개별 프로젝트와 SERVICE 프로세스는 각각의 탭에서 계속 관리합니다.

페이지별 배경 이미지

이미지를 업로드하면 즉시 Supabase Storage에 저장되고 URL까지 자동 저장됩니다. 새로고침해도 파일 선택칸은 비는 것이 정상이며, 저장된 이미지는 아래 미리보기와 URL로 남아 있어야 합니다. 불투명도는 0%~100%로 조절할 수 있습니다.

65%

100%에 가까울수록 사진이 진하게 보입니다.

45%

밝은 페이지는 40~70% 사이가 안정적입니다.

45%

밝은 페이지는 40~70% 사이가 안정적입니다.

65%

어두운 페이지는 60~100%까지 올려보세요.

45%

밝은 페이지는 40~70% 사이가 안정적입니다.

65%

어두운 페이지는 60~100%까지 올려보세요.

HOME / HERO

ABOUT 01

이 이미지는 ABOUT 01 화면의 우측 사진 박스에 들어갑니다. 페이지 전체 배경 이미지는 위의 ‘페이지별 배경 이미지’ 영역에서 따로 설정합니다.

38%

사진 위에 검은색 매트를 씌워 문구 가독성을 조절합니다. 0%는 매트 없음, 100%는 가장 어둡게 표시됩니다.

ABOUT 02 / WHY DECA4


WHY DECA4 박스 문구

각 박스의 순서, 제목, 설명을 수정할 수 있습니다.

WORKS / SERVICE 섹션 문구

CONTACT 페이지 문구

CONTACT 문의 입력 박스 문구

입력칸 안에 보이는 안내 문구와 버튼/동의 문구를 수정합니다.

WORKS 등록/수정

WORKS 목록

순서유형상태제목관리

SERVICE 분야

서비스 목록

순서명칭관리

서비스 프로세스 단계

서비스를 저장/선택한 뒤 단계별 픽토그램 이미지, 단계명, 설명을 관리합니다.

브랜드 / 색상 / 파일

로고와 주요 색상, 전체 여백과 카드 형태를 조정합니다. 로고는 이미지 파일 업로드를 권장합니다.

HERO, CONTACT, 버튼
어두운 배경 보조
초록 포인트
라벨/강조 텍스트
ABOUT/SERVICE 배경
밝은 배경 텍스트

글자 크기 / 굵기 상세 조정

고정 프리셋 대신 CSS 값을 직접 입력하도록 바꿨습니다. 크기는 16px처럼 쓰거나, 반응형이 필요하면 clamp(34px,4vw,58px)처럼 입력할 수 있습니다. 굵기는 100~950 사이 숫자로 조정합니다.

회사소개서 버튼

현재는 안내 팝업으로 운영하다가, PDF를 업로드하고 준비 완료 여부를 활성화하면 같은 버튼이 다운로드 버튼으로 전환됩니다.