We make
better life
with AI.
Leading AI technology co.,
Konan Technology
web ui renewal project.
Prologue
코난테크놀로지는 비정형화된 빅데이터 분석 원천 기술을 바탕으로, 사람처럼 보고, 듣고, 이해하고, 말하는 AI 기술로 스마트워크와 스마트라이프를 실현하는 AI 전문 기업입니다. 우리는 기존 코난테크놀로지의 아이덴티티를 기반으로 기업의 핵심 가치와 디자인 시스템을 재정립했습니다. 사용자가 코난테크놀로지가 보유한 핵심 기술의 원리와 그 가치를 쉽게 이해할 수 있음은 물론, 사용된 컬러, 서체, 이미지 등에서 일관된 시각적 아이덴티티가 표현될 수 있도록 리뉴얼을 진행하였습니다.
Design Strategy
Theoretical
이론적
Abstract
추상적
Flat
평면적
Intuitive
직관적
Clear
명확한
Dynamic
역동적
코난테크놀로지가 전달하고자 하는 "AI로 만드는 더 나은 세상"이라는 기업 가치를
생동감 있는 모션과 일관성 있는 시각적 요소로 경험할 수 있도록 합니다.
생동감 있는 모션과 일관성 있는 시각적 요소로 경험할 수 있도록 합니다.
Design Keywords
- Vibrant
- 생동감 있는 스크롤 애니메이션을 적용해, 인공지능 테크놀로지에 대한 직관적인 이해를 돕고 시각적인 재미와 흥미를 유발합니다.
- Credible
- 정제되고 정돈된 디자인 시스템에서 오는 일관된 무드로, 깔끔한 인상을 전달하여 기업과 서비스에 대한 신뢰감이 느껴지게 합니다.
- Intuitive
- 추상적인 테크놀로지 개념을 아이콘 및 일러스트레이션으로 시각화하여, 방문자가 이해하고 쉽고 명확하게 표현하고 전달합니다.
- Scroll Down Animation
- 메인 비주얼은 제품군의 핵심 기술을 보다 직관적으로 보여주는 것을
고려하여 설계되었습니다. 스크롤에 따라 이루어지는 연속적인
모션으로, 집중도 높은 컨텐츠 소비가 가능하도록 합니다.
#f48120
#050e26
#2c599d
#f8f9fa
- Typography
Pretendard
/
abcdefghijklmnopqrstuvwxyz
가나다라마바사아자차카타파하
1234567890
01
Home
Home
Main Screen of
Konan Technology
메인 홈은 고객과의 커뮤니케이션이 시작되는 접점으로, 핵심 기술을 보다 직관적으로 보여주는
것을 고려하여 설계되었습니다. 연속적인 스크롤 모션으로 추상적 기술에 대한 이해도를 높이고,
하단의 플랫한 디자인은 컨텐츠 집중도를 높여 기업의 핵심 가치를 다시 한 번 환기시켜줍니다.
Main VisualTechnologyService DetailKey BenefitsNews RoomContact Us
02
Technology
Technology
TECHNOLOGY
DETAILS VIEW
Why Konan
OverviewBenefitsMain FeaturesConceptual MapUse CasesContact Us
01_Technology conceptual map
02_Illustration
03_Icons
03
MOBILE
MOBILE WEB UI
반응형 웹 디자인을 통해 PC에서의 정보 탐색 경험을
다양한 디바이스 환경에서 일관성 있게 경험이 가능합니다.
04
About
About
ABOUT
KONAN TECHNOLOGY
코난테크놀로지의 기업 가치를 핵심 요약해서 보여주는 기업소개 페이지에서는,
중요한 정보를 선별 후 시각적으로 함축, 강조하여 빠르고 쉽게 인지할 수 있도록
스크롤 기반 인터랙션을 활용했습니다.
05
The Others
The Others
Other Screens
Detail VIEW
Better life, better world with AI.
Konan Technology.
Credits
Director
- Kim YoungKyu
Product Manager
- Kang YuMi
- Jang JiHyun
Design
- Jeon EunJeong
- Kim SuBin
Development
- Lee YoungSeok
- Lee MinKyung