환경/에너지/금속/화학/공학

- Client
- 신한기술그룹
- Date
- 2026.05.14
- Type
- 반응형
- Dev
- Linux / php / Mysql / PC / Mobile
시공 사례 중심의 직관적인 UI 설계
친환경 에코포그 시스템 분야를 선도하는 신한기술그룹의 독보적인 기술력과 친환경적인 기업 이미지를 직관적으로 전달하기 위해 진행된 이번 웹사이트 리뉴얼 프로젝트는, 기존의 복잡하고 정형화된 구조에서 과감히 탈피하여 여백의 미를 살린 세련된 레이아웃과 현대적으로 재해석한 브랜드 컬러를 통해 기업의 신뢰성과 전문성을 전면에 부각시키는 데 집중했습니다.
특히 메인 화면에는 생동감 넘치는 고화질 비주얼 요소와 매끄러운 스크롤 인터랙션을 배치하여 방문자의 시선을 압도하는 동시에 정보에 대한 몰입도를 높였으며, 핵심 제품군과 포트폴리오를 한눈에 파악할 수 있는 체계적인 그리드 시스템을 도입하고 PC부터 모바일까지 완벽히 대응하는 반응형 웹 환경을 구축함으로써 미학적 완성도는 물론 실제 비즈니스 전환율까지 극대화한 사용자 중심의 전략적인 UI/UX 디자인을 완성했습니다.
특히 메인 화면에는 생동감 넘치는 고화질 비주얼 요소와 매끄러운 스크롤 인터랙션을 배치하여 방문자의 시선을 압도하는 동시에 정보에 대한 몰입도를 높였으며, 핵심 제품군과 포트폴리오를 한눈에 파악할 수 있는 체계적인 그리드 시스템을 도입하고 PC부터 모바일까지 완벽히 대응하는 반응형 웹 환경을 구축함으로써 미학적 완성도는 물론 실제 비즈니스 전환율까지 극대화한 사용자 중심의 전략적인 UI/UX 디자인을 완성했습니다.
- Function
- 게시판 - 글쓰기/수정/삭제, 카테고리
팝업 - 동시팝업, 레이어팝업, 게시기간 설정, 종료일 설정
제품관리 - 카테고리 추가/수정/삭제 관리
시공사례관리 - 카테고리 추가/수정/삭제 관리
쇼핑몰 - 카테고리 추가/수정/삭제 관리
SEO관리 - FAQ 제목, 내용 추가/수정/삭제 관리
- #Keyword
-
- #반응형홈페이지
- #시공사례
- #쇼핑몰
- #SEO관리

자유로운 접속, 반응형 웹
시공 현장이나 야외 미팅이 잦은 비즈니스 특성을 고려하여, 어떤 모바일 기기에서도 최적화된 화면을 보여주는 반응형 웹 기술을 적용했습니다.
PC에서 느꼈던 쾌적한 디자인 언어를 스마트폰과 태블릿에서도 그대로 유지하여, 잠재 고객이 언제 어디서든 한안개의 기술력을 확인하고 문의할 수 있는 환경을 마련했습니다.
-

-
인증허가처 관리
제품등록시 인증허가처 체크기능을 통하여 상세패이지내에 로고 이미지가 노출될 수 있도록 작업되었습니다. 그 외에도 스펙을 쉽게 등록 할 수 있도록 관련된 기능을 추가하였습니다.
-

-
감성적 연결과 몰입
고퀄리티 이미지는 저해상도 이미지가 담지 못하는 '디테일한 질감'과 '분위기'를 전달합니다. 시각적으로 매력적인 콘텐츠는 사용자가 페이지에 더 오래 머물며 콘텐츠를 소비하게 만듭니다.
-

-
유튜브 썸네일 자동생성
유튜브 주소를 입력하면 유튜브 썸네일이 자동으로 생성되도록 작업되어 게시물 업로드 시간을 단축시킵니다.
-

-
현대적이고 세련된 미학
미니멀리즘은 현대 디자인의 핵심입니다. 라인 아이콘은 '최소한의 표현으로 최대한의 의미'를 전달하려는 미니멀리즘 철학에 딱 들어맞습니다.


TOP