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

고객 요구사항
& 프로젝트 방향
& 프로젝트 방향
클라이언트의 인터뷰 및 협의를 통해 프로젝트의 핵심 요구사항을 도출하였으며, 인사이트를 바탕으로 사용자 경험과 브랜드 관점에서 개선이 필요한 5가지를 기반으로 설계하였습니다.
1.
B2C 페이지와 분리된 기업 고객 전용 B2B 랜딩페이지 신규 기획·설계
2.
상담 유도와 CTA 중심 구성으로 비즈니스 문의 전환 흐름 구현
3.
다크·그레이 톤의 고급형 디자인으로 전문성과 신뢰감 전달
4.
사옥·생산라인·장비를 강조한 기술력·사업역량 콘텐츠 제공
5.
반응형 구조와 SEO·유지보수 고려 코드로 운영 효율성 강화
타이포 그래피
& 컬러 시스템
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.



타이포 그래피
& 컬러 시스템
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.




