GS윤활유 마케팅 사이트 리뉴얼 [Renewal] GS Lubricant Marketing Website [Overview] ‘Kixx’는 “GS칼텍스”의 윤활유 브랜드로서 해당 사이트는 브랜드 내 제품 정보를 소개하거나 교환점/판매점에서 Kixx 제품을 구매 할 수 있도록 제작 되었습니다. 기존의 현행화 되지 않은 정보 최신화와 일관된 고객 경험을 위해 접근성을 높일 수 있는 UI/UX를 구현하고 정보 제공 및 접근성 강화를 위한 시스템을 구축하였습니다. Kixx ’is a lubricant brand branched from “GS Caltex”, and this website has been designed to share product information and to allow purchasing of Kixx products at exchange stores / regular stores. We have implemented UI / UX to enhance accessibility of latest non-current information updates and have established a system to provide information and strengthen accessibility in order to build a consistent customer experience. [Concept] 1. Purpose of Plan 제품 정보 컨텐츠의 직관성, 가독성을 높이고, 정보 전달력을 높일 수 있도록 글로벌 디자인 가이드 표준화와 Brand Identity 강화 및 최신 트렌드를 반영한 디자인으로 개선하였습니다. In order to improve intuition, readability, and information delivery of products, we have standardized global design guides, strengthened brand identity, and have made improvements in design to reflect latest trends. 2. Features -Brand Identity 강화와 트랜디한 디자인 개선 Strengthening Brand Identity & Latest Trend Design Improvements. 품질이 낮은 아이콘과 사용이 제한적인 플래시 제거 및 재구성을 통해 사용성을 높이고, 브랜드 컬러와 아기자기한 요소를 활용하여 사회 친화적인 Brand Identity를 반영하였습니다. Improved usability through reorganization and by removing low quality icons and user-limited flash reorganizing. By using brand colors and cozy/cute features we are looking to give off a user-friendly brand identity 2. 복잡함은 없애고 이해하기 쉽게 만들기 Eliminating complexity and making it simple. 브라우저 전체를 활용하는 컨텐츠 강화 전략을 기준으로 시선을 분산시키는 요소는 과감히 제거하여 사용자의 컨텐츠 경험을 방해하는 요소를 최소화하였으며, 명확한 시각적 대비와 지령 등 체계적인 계층 구조를 통해 컨텐츠의 활용 및 이해가 용이하도록 제작했습니다. 또한, 정보의 스캐닝을 돕는 타이포그래피를 사용함으로써 컨텐츠의 중요도에 따라 빠른 스캐닝과 효과적인 정보 전달이 가능하도록 구성 하였습니다. Based on the content reinforcement strategy that utilizes the entire browser, the elements that distract user eyes have been drastically removed to minimize the elements that may hinder user's experience. Also, the clear visual contrasts and instructions along with the systemized hierarchical structure were also designed for optimal content understanding and utilization. In addition, by using typography to help information scanning, the website has been configured to enable fast scanning and effective information delivery according to importance of content.