여행 박람회 프로모션 웹
서비스 기획·UX/UI
D15 · WEB · BRAND
제품·시연 사례제공된 제품 화면 · 예시 데이터
건설기업 브랜드 웹사이트
시공 분야와 프로젝트 소개, 견적 문의를 연결하는 건설 기업 웹사이트입니다. 현장 이미지·영상과 강한 타이포그래피, 서비스 카드·프로젝트 릴·문의 영역을 단일 페이지 흐름으로 구성했습니다.
- 사례
- 현장 이미지와 시공 역량을 담은 건설 기업 웹
- 수행 유형
- 제품·시연 사례
- 작업 범위
- 메인·내비게이션 · 영상 영역 · 서비스 소개 · 프로젝트 릴 · 견적 문의 · 스크롤 연출
- 자료
- 제공된 제품 화면 · 예시 데이터
현장의 인상에서 시공 분야 소개로
현장 이미지와 큰 제목을 첫 화면에 배치하고 프로젝트·견적 문의로 진입하도록 구성했습니다. 구조 엔지니어링, 인프라, 산업 시설 등 시공 분야를 아이콘과 설명 카드로 구분해 기업의 서비스 정보를 전달합니다.
콘텐츠 탐색에서 문의로 이어지는 구성
메인·영상 영역·서비스 소개·프로젝트 릴·견적 문의·푸터를 단일 페이지 흐름으로 연결했습니다. 견적 요청과 연락 버튼을 나란히 배치해 소개를 읽은 뒤의 행동이 드러나도록 했습니다.
영상과 스크롤 연출의 공통 기반
React 18·TypeScript·Tailwind CSS를 사용하고 배경 영상과 대체 이미지, 비가시 구간 일시정지, 패럴랙스와 진입 감지 전환을 구성했습니다. 반응형 내비게이션과 로딩·오류 상태, 접근성·메타 정보도 함께 다룬 기업 소개 웹입니다.
PROJECT INFO
- 제작: 쿤웍스
- 제품: 브랜드 웹 프론트엔드
- 기술: React 18 · TypeScript · Vite · Tailwind CSS · Intersection Observer
비슷한 일을 준비 중이라면.이 사례 정보가 문의서에 함께 담깁니다.
MORE · WEB · BRAND
같은 분야의 다른 사례
우리 업무에 적용한다면.
이 사례 정보가 문의서에 함께 담깁니다.