거미디지털인쇄 | 데브파이브

소개

Why?

가이드

포트폴리오

소식

문의하기

카카오톡 실시간 상담

#WEB

#반응형

#UI/UX

#인터렉션 애니메이션

#Next.js

#Framer-motion

거미디지털인쇄

link-item-image/file/2024_12_23/1734939750360_chrome.webp

Web Site

portfolio-top-image/file/2025_05_12/1747035839333_거미-1.webp

제작 연도2025

제작 기간1개월

사용 기술Next.js, Devup-ui, TypeScript, Framer-motion

ABOUT기존 홈페이지에서 B2B대상으로 한 사업확장을 위한 랜딩페이지를 제작하였습니다. 전체적으로 더욱 세련된 느낌과 대형사옥의 큰 규모 어필과 더불어 거미디지털인쇄의 장점인 기술력에 대한 내용을 부각시켜 새로운 B2B 랜딩페이지로 탄생시켰습니다.

고객 요구사항1. B2B 고객 유치를 위한 전용 랜딩페이지 제작 요청 - 기존 홈페이지는 일반 소비자 중심 구성으로, 기업 대상(대량 발주, 정기 계약 등)의 비즈니스 확장에 적합하지 않음 - 새로운 랜딩페이지를 통해 B2B 거래에 적합한 신뢰감 있는 이미지와 콘텐츠 필요 2. 회사의 기술력과 대형 사옥 규모 강조 - 거미디지털인쇄의 생산 설비, 기술 역량, 운영 규모 등 타사 대비 경쟁력 있는 요소를 시각적으로 부각 3. 전반적으로 더 세련되고 고급스러운 디자인 요청 - B2B 고객을 대상으로 한 만큼 정제된 톤앤매너, 비즈니스 친화적 디자인 및 콘텐츠 구성 필요

주요 개선 사항✅B2B 전용 랜딩페이지 신규 기획 및 설계 - 일반 고객용 기존 페이지와 분리하여, 기업 고객 대상의 맞춤형 정보 제공 구조 설계 - 상담 유도 및 CTA(Call to Action) 중심 구성으로 비즈니스 문의 유입 극대화 ✅브랜드 이미지 제고를 위한 고급형 디자인 적용 - 심플하지만 세련된 시각 디자인으로 전문성과 신뢰감 전달 - 사옥, 생산라인, 대표 장비 등을 고해상도 이미지와 함께 배치해 물리적 규모 강조 - 다크 & 그레이 톤 계열 중심의 디자인으로 차분하고 고급스러운 느낌 강화 ✅ 회사 기술력 및 사업역량 부각 콘텐츠 구성 - 기술 설명, 납기 대응력, 주요 파트너사/레퍼런스 등 B2B 고객이 중요시하는 요소 중심 콘텐츠 구성 - 카테고리별 서비스 소개를 통해 다양한 B2B 니즈(패키징, 브로슈어, 포스터 등)에 대응 가능함을 어필 ✅ 반응형 구조 및 퍼블리싱 작업 진행 - 데스크탑/모바일 환경 모두 대응 가능한 반응형 UI 구현 - 유지 보수가 용이하도록 간결하고 명확한 코드 설계 적용

OUTPUT