Kunnworks
D15웹·브랜드

영상 및 패럴랙스 기반 건설 브랜드 홈페이지

기업 홈페이지 방문자를 위한 쿤웍스의 영상 및 패럴랙스 기반 건설 브랜드 홈페이지 제품 사례. 사업 역량과 대표 프로젝트를 시각적으로 전달하는 접점 필요성을 핵심 검토 과제로 설정.

프로젝트 범위
제품 사례 · 프론트엔드
기술·작업 구성
React, TypeScript, Vite, Tailwind CSS
핵심 기능 살펴보기
영상 및 패럴랙스 기반 건설 브랜드 홈페이지
D15 / PROJECT COVER제품 사례 · 프론트엔드
01 프로젝트 배경

문제와 접근 방식

영상 배경과 스크롤 반응 효과에 서비스·프로젝트 소개 및 문의 진입점을 결합하여 브랜드 탐색 흐름을 갖춘 홈페이지 구현. 영상 배경·패럴랙스·입자 효과를 결합한 브랜드 홈페이지 프론트엔드 구성.

02 핵심 기능

화면으로 보는 핵심 기능

01 / 04

영상 히어로

방문자를 위한 영상 중심 첫 화면으로 기업의 시각적 인상과 핵심 메시지 전달 지원

03 / 04

서비스 및 프로젝트 소개

발주 검토자를 위한 사업 영역과 프로젝트 소개로 수행 분야 확인 지원

서비스 및 프로젝트 소개 — 발주 검토자를 위한 사업 영역과 프로젝트 소개로 수행 분야 확인 지원
서비스 및 프로젝트 소개이미지 크게 보기 (새 탭)
03 상세 화면·설계

구조와 설계의 연결

프로젝트의 정보 구조와 화면 구성, 설계 기준을 한눈에 살펴보세요

프로젝트 상세 보드 — 영상 및 패럴랙스 기반 건설 브랜드 홈페이지
프로젝트 상세 보드이미지 크게 보기 (새 탭)