Responive Website Project

와이지원 제품

와이지원은 자동자, 선박, 항공기 등에 들어가는 금형 제품과 기계 부품에 필요한 절삭공구를 전문적으로 제조하는 기업으로 엔드밀(금속·플라스틱 등을 가공하는 절삭 도구) 분야 점유율 세계 1위, 드릴분야는세계 3위를 차지하고 있습니다.

Client

와이지원

Developer

Vryus

Project Type

Responsive Web

Process

Html , Css , Js

DESIGN CONCEPT

와이지원은 금형 제품과 기계 부품에 필요한 절삭공구를 전문적으로 제조하는 기업으로
별도의 제품 사이트를 제작해 YG-1의 모든 제품들을 보다 쉽게 확인하고,
제품 홈페이지로서 역할을 충실히할 수 있도록 설계하였습니다.

이용자를 최우선으로 생각한

많은 제품을 한 눈에 볼 수 있는 웹사이트

엔드밀, 드릴, 탭, 인서트 등을 포함한 YG-1의 스탠다드 제품이
모두 수록되어있는 종합카다로그를 웹상에서 쉽게 확인하고,
작업자의 환경에 적합한 제품을 빠르게 검색할 수 있도록 제작하였습니다.

스마트한 제품 선택 방법으로 접근성을 고려

절삭용도에 따른 Shape type을 그리드 형식으로 배치하고, 아이콘을 이용하여
사용자가 빠르게 메뉴에 접근할 수 있도록 구성하였습니다. 또한, 글로벌 특성에 맞춰
각국 현지에 적합한 규격을 제공합니다.

COLOR SYSTEM

TYPOGRAPHY

국영문 혼용이 가능한 Noto Sans 서체를 사용하여
안정감 있고 깔끔한 웹사이트를 제공합니다.

DESIGN IDENTITY

제품 구분별로 색상을 다르게 하여 특색을 주고, 제품마다카탈로그 및 아이콘으로 많은 제품군들을 분류하였습니다.
제품 검색창 및 Smart Tool Recommendation으로 작업자들이 제품 검색창과 원하는 조건에 부합하는 제품을
원활히 찾을수 있도록 홈페이지의 명확성을 높였습니다.

맞춤형 구조

단계별 선택 조건에 맞는 제품을 추천해주는 Smart Tool Recommendation으로
접속 시 이용자로부터 편의를 증대할 수 있고, 와이지원의 제품들을 모두 검색할수 있는 구조를 고려하였습니다.

심플하면서도 제품의 아이덴티티가 적용된 아이콘

3D 아이콘을 이용해 절삭 단면이 잘 보이게 표현하고,
각 shape에 맞게 색상을 적용해 제품의 아이덴티티를 나타냈습니다.