환경/에너지/금속/화학/공학
- Client
- (주)현대가스텍
- Date
- 2026.05.28
- Type
- 반응형
- Dev
- Linux / php / Mysql / PC / Mobile
강한 대비와 직선 레이아웃의 조화로움을 살린 페이지
(주)현대가스텍은 LPG와 고압가스 공급, 가스시설 시공을 전문으로 하는 기업입니다.
현재 웹시장에 맞는 구조로 개편하여 보다 많은 사용자들을 대상으로 기업의 아이덴티티와 사업분야 홍보에 효과적으로 활용하기 위해 리뉴얼을 진행했습니다.
가스유통 전문 기업의 스케일과 전문성을 강조하기 위해 메인 화면 전면에 고해상도의 풀스크린 이미지를 배치하였고,
스크롤 흐름에 따라 메인 비주얼에서부터 사업 영역, 기업 정보까지 부드러운 애니메이션과 화면 전환효과를 적용하여 세련되고 현대적인 감각을 더했습니다.
가독성을 높인 여백과 타이포그래피를 활용하여 정보전달력을 극대화하였고, 직관적인 정보 구조를 통해 사용자가 원하는 정보를 빠르게 탐색할 수 있도록 설계했습니다.
현재 웹시장에 맞는 구조로 개편하여 보다 많은 사용자들을 대상으로 기업의 아이덴티티와 사업분야 홍보에 효과적으로 활용하기 위해 리뉴얼을 진행했습니다.
가스유통 전문 기업의 스케일과 전문성을 강조하기 위해 메인 화면 전면에 고해상도의 풀스크린 이미지를 배치하였고,
스크롤 흐름에 따라 메인 비주얼에서부터 사업 영역, 기업 정보까지 부드러운 애니메이션과 화면 전환효과를 적용하여 세련되고 현대적인 감각을 더했습니다.
가독성을 높인 여백과 타이포그래피를 활용하여 정보전달력을 극대화하였고, 직관적인 정보 구조를 통해 사용자가 원하는 정보를 빠르게 탐색할 수 있도록 설계했습니다.
- Function
- 게시판 (공지사항, 시공갤러리, 소식, 기타문의) - 글쓰기/수정/삭제, 제품군별 카테고리 분류, 첨부파일 등록, 조회수 관리
시공문의 - 입력 폼 제공, 이메일 자동 발송(관리자 알림), 관리자 페이지 내 문의 DB 수집 및 확인
팝업 - 동시팝업, 레이어팝업, 게시기간 설정, 종료일 설정
페이지 관리 - 컨텐츠 CMS 기능
통합 검색 - 사이트 내 키워드 검색, 검색어에 따른 게시물 및 콘텐츠 결과 리스트업 기능
- #Keyword
-
- #현대가스텍
- #그리드레이아웃
- #LPG
- #고압가스
- #가스설비시공
Key Features
-
신뢰감을 주는 풀스크린 비주얼
가스유통 전문 기업의 스케일과 전문성을 강조하기 위해 메인 화면 전면에 고해상도의 풀스크린 이미지를 배치했습니다. '전국을 잇는 에너지'라는 메인 카피와 함께 시각적인 웅장함을 전달하여, 접속하는 순간 B2B 기업으로서의 묵직한 신뢰도를 높입니다.
-
직관적인 정보 구조와 서브페이지 연계
메인에서 서브페이지(LPG, 고압가스 등 사업분야)로 이어지는 동선을 픽토그램(SVG 아이콘)과 넘버링으로 깔끔하게 시각화했습니다. 복잡한 산업용 가스 설비 비즈니스를 직관적으로 분류하여 사용자가 원하는 정보를 빠르게 탐색할 수 있도록 돕습니다.
-
가독성을 높인 여백과 타이포그래피
화이트와 차분한 무채색을 바탕으로 넉넉한 여백(그리드 레이아웃)을 두어 시각적으로 정돈된 느낌을 줍니다. 서브페이지 내의 방대한 기업 철학 및 기술 정보도 명확한 폰트 대비와 깔끔한 정렬을 통해 피로감 없이 읽힐 수 있도록 정보 전달력을 극대화했습니다.
-
스크롤 인터랙션을 통한 스토리텔링
스크롤 흐름에 따라 메인 비주얼에서부터 사업 영역, 기업 정보까지 부드러운 애니메이션과 함께 화면이 전환됩니다. 하나의 스크롤 흐름으로 이어지는 자연스러운 동적 요소는 딱딱할 수 있는 B2B 사이트에 세련되고 현대적인 감각을 더해줍니다.
안전과 전문성을 강조한 모던 플랫폼
현대가스텍의 기술력과 신뢰성을 돋보이게 하기 위해 큼직한 이미지와 직관적인 UI 레이아웃을 채택했습니다.
메인부터 서브페이지까지 이어지는 일관된 디자인과 부드러운 인터랙션을 통해 복잡한 산업 정보를 쉽게 전달하며 최적의 사용자 경험을 제공합니다.
카톡상담
TOP