Concept

  • AS ISHoverTO BE
    비쥬얼 이미지에 글귀가 많아 시선이 분산되었다.
    VISUAL의 자연 배경 이미지로 인해 기업이 추구하는 긍정적인 이미지를 더해 주었다. 또한 스크롤하면 같은 이미지에 한전KPS 로고가 보여지면서 효과를 더 극대화시켰다.
    중심부인 사업분야 콘텐츠가 단조롭게 구현되어있었다.
    풀페이지로 구현함으로써 각각의 사업을 관련 이미지를 배경으로 하여금 전달력을 높일 수 있었다. 또한 기업의 세련된 느낌도 한층 더 해졌다.
  • TYPOGRAPHY

    • Korean Font

    • English Font

  • EXPECTATION EFFECT

    원자력을 다루는 기업이기에 자연친화적이고 긍정적인 이미지로 변화할 필요가 있었다.
    기존의 이미지를 강화하는 것이 아니라 생소하더라도 파격적이고 젊은 느낌의 결과물을 만들려고 몰입형 디자인으로 구현할 것이다.

  • COLOR PALLETE
    • Point Color #9CD0FF
    • Main Color #001154 #FFFFFF #1D1D1D

    한전KPS의 로고에서 따온 대표 색상을 주로 사용하여 개성을 살린 디자인에 통일감을 유지시켰습니다. 밝은 이미지를 주기 위해 포인트 컬러를 비전 콘텐츠에 사용하여 경쾌한 느낌을 주었습니다.

Design

Overview
한전KPS만의 혁신적이고 앞서가는 기업이미지를 위해서 브랜드 방향성과 비전을 스크롤 애니메이션 효과를 통해 보다 효율적인 고객 경험을 제공하고자 집중하였습니다. 한전 KPS ‘Green Planet 함께 만들어 가는 미래가치 창조 기업’ 와 같은 비쥬얼 페이지를 통해 기업이 나아가고자 할 방향과 가치관에 대한 컨텐츠를 스토리텔링 형태로 제공하였습니다.
Width
1920px
Grid Options
Max width 1620px
Columns 8
Gutter width 12px

+Mobile Ver

반응형 웹사이트를 구현해 여러 디바이스에서
사용이 가능하도록했습니다.

Width
1024px / 768px
Grid Options
Max width 788px
Columns 12
Gutter width 16px
Width
Ipad Pro
Width
430px
Grid Options
Max width 302px
Columns 4
Gutter width 10px
Width
Iphone 15 Pro