Responive Website Project
TNB NANO
티앤비나노일렉은 나노 기술을 이용한 ‘고온용 투명 면상 발열체’를 개발, 제조하는 회사입니다.
Client
(주)티앤비나노일렉
Developer
Vryus
Project Type
Responsive Web
Process
Html , Css , Js
DESIGN CONCEPT
티앤비나노일렉은 나노 기술을 이용한 ‘고온용 투명 면상 발열체’를 개발, 제조하는 회사입니다.
티앤비나노일렉의 ‘고온용 투명 면상 발열체’ 가 돋보이면서, 제품들의 판매가 원활히 이루어질 수 있도록,
브랜드페이지 와 샵페이지를 구축 개발하였습니다
티앤비나노일렉의 기술력이 시각화된
아이덴티티가 돋보이는 웹사이트
‘고온용 투명 면상 발열체’ 를 제조, 판매하는 목적에 맞게 메인 페이지에
티앤비나노일렉이 제조하고있는 제품들을 배치에 브랜드 이미지를 시각화 시켰습니다.
직관적 구성으로 제품을 한눈에
메인이미지 하단 아이콘들로 고객들이 한눈에 티앤비나노일렉의 제품들을 볼수 있도록 구성함으로써, 사용자에게 편의를 제공하고
‘고온용 투명 면상 발열체’라는 일반 사용자가 이해하기 어려울 수 있는 나노기술을 시각화 하기위해
브랜드 페이지를 탭으로 구분하여, 고객의 편리함을 최대로 하였습니다.
COLOR SYSTEM
TYPOGRAPHY
반듯한 직선으로 모바일에서도 잘 보이는 나눔스퀘어 서체를 사용하여
편리하고 깔끔한 웹사이트를 제공합니다.
간결한 UX/UI 제품구성
제품 페이지에서 제품군이 많지 않아 카드형태의 레이아웃으로 제품의 수가 적어보이는 것을 보완했습니다.
또한 제품의 디자인이 비슷해, 기본 제품과 애완제품의 구분을 주기위해 단순하지만 전달력있는 아이콘들로
제품 군을 설명하여, 사용자가 편하게 구분할 수 있도록 하였습니다.
3D 렌더링을 제품의 시각화
티앤비나노일렉의 주력 상품들을 메인화면 비주얼에 배치하여 제품 접근이 용이하며
3D 렌더링 이미지를 메인에 배치함으로써, 제품의 상세 기능과 정보를 한눈에 볼수있게 디자인 하였습니다.
