뒤로가기

One Magician 6.0
SK HYNIX

Signal Design System

Hynix의 DT(Digital transformation)와 Agile 한 조직문화를 위해 하나의 공통규범과 언어체계 정립을 위해 만들어진 Design system입니다. 개별 시스템을 하나의 유기체로 맞물려 작동할 수 있도록 하는 일관성 있고 조직화된 시스템은 업무의 효율뿐만 아니라 Business의 확장을 기대할 수 있습니다.

OUTPUT
PC Web
CREATIVE FIELDS
  • UX Design
  • GUI Design
  • S/W development
SK Hynix Signal Design System

Signal Process

Signal Design System의 업무프로세스는 확산과 수렴 구조를 바탕으로 이루어집니다.
사용자 조사를 통한 니즈 파악, UX Concept 수립, UI Design 및 사용성 테스트를 통한 보완에 이르기까지 점진적이고 체계적인 프로세스로 현업, 기획, 개발 팀과의 협업을 추진합니다.

SK Hynix Signal Design System
SK Hynix Signal Design System

Design Principle

Logo, Layout, Iconography, Imagery, Color, Typography, Interaction, Writintig에 관한 하이닉스만의 UX/UI Standard rules를 담고 있으며 이로써 업무의 Road map 을 제공하게 됩니다.

  • SK Hynix Signal Design System
    SK Hynix Signal Design System
    SK Hynix Signal Design System
    SK Hynix Signal Design System
  • SK Hynix Signal Design System
    SK Hynix Signal Design System
    SK Hynix Signal Design System
    SK Hynix Signal Design System

UI Components

각 화면에서의 반복적으로 쓰이는 패턴을 수집하여 비효율적이고 불편한 사용성을 개선하였고, 각각의 Components의 스펙과 Usage 케이스를 정의하였습니다. 테마별 데모화면에서 구현된 코드 정보를 함께 제공하기 때문에 기획과 디자인 그리고 개발에 이르기까지 단일 언어로 커뮤니케이션을 할 수 있도록 도와줍니다.

SK Hynix Signal Design System

12 Columns grid

다양한 뷰포트 환경이 고려된 반응형 12 Column grid 가 적용되어 다양한 환경에서 최적화된 사용성을 제공하며, 간소화된 컨텐츠로 웹서비스 구축이 가능하도록 제작되었습니다.

SK Hynix Signal Design System

Visual elements of System icon

신호라는 최소단위에서부터 시작된 점, 선, 원형, 사각형이라는 그래픽 조형요소 중, 가장 효율적이고 정제된 형태인 Square가 적용된 System icon입니다.
System icon은 다양한 곳에 노출되어 여러 역할을 담당하기 때문에 어떤 환경에서도 자연스럽게 서비스 경험이 연결될 수 있도록 일관된 원칙으로 구성되었습니다.

SK Hynix Signal Design System
SK Hynix Signal Design System

Contents Management system

Design system의 유기적인 업데이트와 확장성을 고려하여 CMS를 통해 쉽게 컨텐츠 관리가 가능하도록 하였습니다. 제공되는 템플릿을 통해 다양한 레이아웃 제작이 가능하며 다양한 컨텐츠 (이미지, 비디오, 링크, 파일 등)를 제공할 수 있습니다.

SK Hynix Signal Design System

Task optimized theme pages

Marketing, Supporting, Production이라는 세 가지 업무 환경에 따른 다양한 테마 페이지가 제공됩니다. 사용자는 필요한 부분의 Framework를 이용하여 손쉬운 사용과 재가공이 가능합니다.

SK Hynix Signal Design System