WEB

아이클린
웹사이트

주식회사 스펙스가 제조한 살균수 제조장치 '아이클린'의 브랜드 사이트입니다. 신제품을 보여주고 관련 정보를 전달하기 위한 제품 소개 사이트로 페럴렉스 디자인과 3D뷰를 통해 간결하지만 직관적으로 정보를 전달합니다.
ROLE:
DESIGN / PLANNING / HTML / DEVELOPMENT
SERVICE:

브랜드 웹사이트

CLIENT:

주식회사 스펙스

Period
2022.12~2023.05

I-KELEEN

아이클린 브랜드 웹사이트

OVERVIEW

주식회사 스펙스가 제조한 살균수 제조장치 '아이클린'의 브랜드 사이트입니다.
신제품을 보여주고 관련 정보를 전달하기 위한 제품 소개 사이트로 페럴렉스 디자인과 3D뷰를 통해 간결하지만 직관적으로 정보를 전달합니다.

MAIN

신제품 홍보를 위한 사이트로 메인에 비주얼 및 시선을 집중 시키기 위해 스크롤 애니메이션과 아이콘을 사용하여 제품의 기능 및 장점을 직관적으로 보여줍니다.
화이트&블랙의 타이포와 블루그린컬러로 제품의 '깨끗한 이미지'를 전달하고자 하였습니다.

Goal

제품 소개
정보 전달

Result

시각적 흥미 발생
직관적으로 내용 인식

PRODUCT DESCRIPTIONS

제품 이미지 대신 3D뷰어를 사용하여 입체적으로 제품을 확인할 수 있습니다.
제품 컬러를 사용한 그래프 디자인으로 아이덴티티를 정립하며
준비되지 않은 사용 이미지는 합성이미지로 자연스럽고 풍성하게 채웠습니다.

아이덴티티 컬러를 사용한
깔끔한 그래프 디자인

컬러로 주목성을 높이면서
그라디언트로 부드럽게 강조하여
딱딱하고 어려운 차트를
한눈에 보기 좋게 제작하였습니다.

부족한 촬영 이미지 대신
자연스러운 합성 이미지 제작

제품 소개 페이지인 만큼
사용이미지가 꼭 필요하지만 출시 전 제품
특성상 촬영 이미지가 준비되지 않아
모든 이미지는 합성하여 제작하였습니다.

아이덴티티 컬러를 사용한
깔끔한 그래프 디자인

컬러로 주목성을 높이면서 그라디언트로 부드럽게 강조하여 딱딱하고 어려운 차트를 한눈에 보기 좋게 제작하였습니다.

부족한 촬영 이미지 대신
자연스러운 합성 이미지 제작

제품 소개 페이지인 만큼 사용이미지가 꼭 필요하지만 출시 전 제품 특성상 촬영 이미지가 준비되지 않아 모든 이미지는 합성하여 제작하였습니다.

SUB PAGE

시원한 와이드뷰와 깔끔한 레이아웃으로 제품비주얼을 강조합니다.
여러 디바이스에서도 대응할 수 있도록 반응형 웹으로 제작되었습니다.

INDEEP TALENTS AND PASSION HELP OUR CUSTOMERS AND BRANDS GROW AND WHAT WE'VE CREATED IS THE END USER'S LIFE, LOOK FORWARD TO MAKING IT RICHER.