본문 바로가기
데브파이브
거미지제일인쇄 — 랜딩 페이지 (데스크탑 목업)
화면: 사무실 책상 위 iMac에 표시된 인쇄 업체 랜딩 페이지
상단 네비게이션
- 로고: 거미지제일인쇄
- 메뉴: Client · Product · Guide · Q&A · 주문페이지로 이동
히어로 섹션 (다크 배경)
- TECHNOLOGY
- 완벽한 기술로 앞섭니다
- HP 인디고 100k 디지털 인쇄기 보유
- 과감한 투자를 통해 최고의 디지털 인쇄 솔루션을 추구합니다.
우측 플로팅 메뉴
- TOP
- 실시간 문의
- 카카오톡
- 고객센터
- 상담
거미디지털인쇄

본 프로젝트는 거미디지털인쇄의 고객 요구사항에 따라 기존 홈페이지에서 B2B 대상 사업 확장을 위한 전문 랜딩페이지를 새롭게 기획하고 개발한 웹사이트 구축 작업입니다. 고객의 브랜딩 전략과 사업 확장 목표를 반영하여 전체적으로 더욱 세련되고 전문적인 비주얼 디자인을 구현했으며, 대형 사옥의 규모감을 효과적으로 어필할 수 있는 시각적 요소들을 체계적으로 배치했습니다. 특히 거미디지털인쇄가 보유한 핵심 경쟁력인 디지털 인쇄 기술력과 전문성을 강조하는 콘텐츠 구성을 통해 B2B 고객들에게 신뢰감과 전문성을 동시에 전달할 수 있는 차별화된 랜딩페이지로 완성했습니다.

제작 기간2024. 10 - 2024. 11
고객사거미디지털인쇄
사용 기술Next.js, Devup-ui, TypeScript, Framer-motion
서비스
미리보기
거미 디지털 인쇄 — 랜딩 페이지 (풀 페이지)
상단 네비게이션: 거미 디지털 인쇄 · Client · Product · Guide · Q&A · 주문페이지로 이동
우측 플로팅 메뉴: TOP · 지금 예약 · 챗봇 · 고객 문의 · SNS
히어로 섹션 (다크 배경)
- TECHNOLOGY
- 완벽한 기술로 앞섭니다
- HP 인디고 100k 디지털 인쇄기 보유
- 과감한 투자를 통해 최고의 디지털 인쇄 솔루션을 추구합니다.
소개 섹션
- 거미 디지털 인쇄는
- 최첨단 장비와 40년 이상의 경력으로
- 고객에게 한 차원 높은 인쇄 서비스를 제공합니다
장비 목록
- Horizon SPF-200A
- Horizon BQ 470
- HP 인디고 7900
- HP 인디고 100K
- 듀프로 DPB-500
- 대형재단기
Machine Brand
- 대량부터 소량까지 인쇄를 제공할 수 있도록 설비에 지속적으로 투자하고 있습니다.
- 여러 브랜드의 고품질 장비를 통해 최고의 품질을 보장합니다.
브랜드: GMP · WONIK CUBE · hp · Canon · DAEHO (Paper Cutter)
Product
- 거미 디지털 인쇄의 주력 상품을 소개합니다.
상품	설명
책자인쇄	인디고 컬러 책자
책자인쇄	오세 흑백 책자
A2/B2 대형 인쇄	포스터
카탈로그	카탈로그
처음 이용하세요?
- 거미 디지털 인쇄의 안내 가이드를 확인해보세요.
항목	설명
가이드	거미 디지털 인쇄 안내 가이드입니다. [자세히 보기 >]
자료실	각종 자료실입니다. [자세히 보기 >]
유의 사항	작업시 유의사항입니다. [자세히 보기 >]
FAQ — 자주하는 질문
거미 디지털 인쇄 고객님의 궁금증을 해결해드리겠습니다.
- Q. 회원가입을 반드시 해야 주문이 가능한가요?
- A. 반드시 회원을 가입해야 주문을 할 수 있는것이 아니며 비회원으로도 주문이 가능합니다. 회원가입을 하시면 세금계산서 발행 및 마이페이지 기능을 통하여 주문내역 확인과 재주문 또는 추가주문시 보다 편리하게 이용할수 있습니다.
- Q. 결제는 어떻게 어떤 방법으로 하나요?
- Q. 인쇄물의 내용이 틀린 경우 다시 제작은 안되나요?
- Q. 명함을 받았는데 오타가 있습니다.
- Q. 선입금(결제)을 해야만 제작이 가능합니까?
- Q. 배송비는 어떻게 되나요?
- Q. 주문에서 배송까지의 기간은 일반적으로 얼마나 걸리나요?
하단 배너
- 대형 인쇄를 빠르게 받아 보고 싶으시다면?
- 다품종 인쇄, 소량 인쇄 전문 업체를 찾고 있다면?
- 지금 바로 거미 디지털 인쇄로 문의주세요!
- 전략 및 문의하기 >
푸터
- 네이버 블로그 · 인스타그램 · 유튜브 채널
- 로고: 거미 디지털 인쇄
- 상호: 거미디지털인쇄 | 대표: 이명수 외 | 주소: 경기 수원시 권선구 산업로 (블러 처리)
- 사업자등록번호: 124-45-XXXXX | 통신판매신고: 제2009-경기수원-XXXX | 개인정보보호책임: (블러 처리)
- 고객센터: 031-257-2266 / 010-4182-4185 | E-mail: kaw77XX@naver.com
- 상담/시간 안내: 평일/토·일요일 09:00 ~ 22:00
- Copyright © 거미디지털인쇄. All rights reserved.
화면에 마우스를 올려보세요!
고객 요구사항
& 프로젝트 방향
클라이언트의 인터뷰 및 협의를 통해 프로젝트의 핵심 요구사항을 도출하였으며, 인사이트를 바탕으로 사용자 경험과 브랜드 관점에서 개선이 필요한 5가지를 기반으로 설계하였습니다.
1.
B2C 페이지와 분리된 기업 고객 전용 B2B 랜딩페이지 신규 기획·설계
2.
상담 유도와 CTA 중심 구성으로 비즈니스 문의 전환 흐름 구현
3.
다크·그레이 톤의 고급형 디자인으로 전문성과 신뢰감 전달
4.
사옥·생산라인·장비를 강조한 기술력·사업역량 콘텐츠 제공
5.
반응형 구조와 SEO·유지보수 고려 코드로 운영 효율성 강화
타이포 그래피
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.typo — 타이포그래피
폰트: Paperlogy
웨이트: ExtraBold · Bold · SemiBold · Medium · Regular
대표 글자: Aa
텍스트 스타일
스타일	크기	샘플
h1	64px	거미 디지털인쇄
Title	50px	거미 디지털인쇄
Body	24px	거미 디지털인쇄
Caption	16px	거미 디지털인쇄color — 컬러 시스템
메인 컬러
라벨	HEX	스와치
Primary	#8867CE	퍼플
Primary Bg	#EFEFF8	연한 퍼플
Secondary	#B8B0F7	라이트 퍼플
그레이스케일 (6단계)
단계	HEX
최명부	#FFFFFF
중간	#787878
최암부	#000000typo — 타이포그래피
폰트: Paperlogy
웨이트: ExtraBold · Bold · SemiBold · Medium · Regular
대표 글자: Aa
텍스트 스타일
스타일	크기	샘플
h1	64px	거미 디지털인쇄
Title	50px	거미 디지털인쇄
Body	24px	거미 디지털인쇄
Caption	16px	거미 디지털인쇄color — 컬러 시스템
메인 컬러
라벨	HEX	스와치
Primary	#8867CE	퍼플
Primary Bg	#EFEFF8	연한 퍼플
Secondary	#B8B0F7	라이트 퍼플
그레이스케일 (6단계)
단계	HEX
최명부	#FFFFFF
중간	#787878
최암부	#000000
타이포 그래피
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.typo — 타이포그래피
폰트: Paperlogy
웨이트: ExtraBold · Bold · SemiBold · Medium · Regular
대표 글자: Aa
텍스트 스타일
스타일	크기	샘플
h1	64px	거미 디지털인쇄
Title	50px	거미 디지털인쇄
Body	24px	거미 디지털인쇄
Caption	16px	거미 디지털인쇄color — 컬러 시스템
메인 컬러
라벨	HEX	스와치
Primary	#8867CE	퍼플
Primary Bg	#EFEFF8	연한 퍼플
Secondary	#B8B0F7	라이트 퍼플
그레이스케일 (6단계)
단계	HEX
최명부	#FFFFFF
중간	#787878
최암부	#000000typo — 타이포그래피
폰트: Paperlogy
웨이트: ExtraBold · Bold · SemiBold · Medium · Regular
대표 글자: Aa
텍스트 스타일
스타일	크기	샘플
h1	64px	거미 디지털인쇄
Title	50px	거미 디지털인쇄
Body	24px	거미 디지털인쇄
Caption	16px	거미 디지털인쇄color — 컬러 시스템
메인 컬러
라벨	HEX	스와치
Primary	#8867CE	퍼플
Primary Bg	#EFEFF8	연한 퍼플
Secondary	#B8B0F7	라이트 퍼플
그레이스케일 (6단계)
단계	HEX
최명부	#FFFFFF
중간	#787878
최암부	#000000

비즈니스의 다음 단계퀀텀 점프마스터키,

아이디어만 있어도 됩니다.
첫 상담부터 출시까지, 데브파이브가 함께합니다.
빠른 문의하기