logo

E1 Web &
Mobile Site
Renewal Project

ENERGY LEADER LIFE PARTNER PC화면
ENERGY LEADER LIFE PARTNER MO화면
Date
2022.05
Client
E1

Overview

친환경 에너지 사업을 선도하는
기업의 위상과 가치에 상응하는
홈페이지로 리뉴얼

자동차 전기 충전이미지

그동안의 기업 이미지는 LPG를 공급하는 회사라는 단편적인 키워드로만 설명되는 아쉬움
이 있었습니다. 또한 사업영역, 지속 가능경영에 상당한 자원 투입과 확장을 하고 있던 것
에 비해 낙후된 기업 홈페이지로 전반적인 이미지 개선이 필요한 상황이었습니다.
이번 리뉴얼 프로젝트를 통해 LPG 외에도 신재생에너지, 수소, 전기차 충전사업 등 새로
운 내일을 여는 친환경 미래 에너지 기업 위상에 걸맞은 모습으로 탈바꿈하였습니다.

Project Goal

친환경 에너지를 통해
인류 행복에 기여하는
기업 E1

"에너지"와 "사람"이라는 기업의 비전과 가치가 잘 드러낼 수 있는 콘텐츠
와 디자인으로 그동안의 과소평가된 기업 이미지를 완전히 새롭게 바꾸는
것을 목표로 리뉴얼하였습니다.

UI/UX Concept

쉽고
자연스러운 이동

사용자의 자연스러운 스크롤의 움직임에 따라 콘텐츠를 상,하, 좌, 우로
흐르듯 이동하는 UI 제공과 시각적으로 집중할 수 있는 비주얼 이미지와
여백을 사용한 디자인으로 효과적인 정보전달을 중점으로 하였습니다.

Design

E1 Value
Creating

신뢰, 안전, 전문성, 도전, 진취!
새로운 내일을 여는 친환경 미래 에너지 기업!
기업 이미지를 완전히 새롭게 창출하는 수준으로
임팩트 있는 영상과 이미지를 적극 활용하여 소개하였고
확장된 사업영역과 지속가능경영 등의 새로운 콘텐츠에
집중할 수 있도록 디자인 하였습니다.

Strategy

e1 logo

Concept Strategy

  • Conative

    영상과 브랜드 컬러를 활용하여 적극적인
    정보 전달과 생동감 있는 기업 이미지 표현

  • New Advanced

    최신 디자인 트렌드를 반영하여
    업계를 선도하는 트렌디한 디자인 구축

  • Easy & Intutive

    누구에게나 빠르게 기업 정보
    접근을 위한 쉽고 직관적인 UI 제공

UI Strategy

E1만의 가치를 잘 전달하기 위해 새로 정립된 전략을 기반으로
E1만의 디자인 원칙을 수립하였습니다.

  • Nudge to Scroll UI

    사용자의 자연스러운 스크롤의
    움직임에 따라 흐르듯 이용하는 UI

  • Impactful Storytelling

    기업의 메시지를 담은 임팩트 있는 스토리 영상을
    활용하여 신뢰감 있고 매력적인 브랜드 이미지 전달축

  • White Space

    사용자가 원하는 액션에 집중도를 높여
    정보전달에 효과적인 시각적 환경을 제공

  • PRIMARY Color

  • 1Energy leader life partner, 2Beyond through pro together, 3energy, 4Best solution, 5global, 6for every one 1Energy leader life partner, 2Beyond through pro together, 3energy, 4Best solution, 5global, 6for every one1 Energy leader life partner, 2Beyond through pro together, 3energy, 4Best solution, 5global, 6for every one 1Energy leader life partner, 2Beyond through pro together, 3energy, 4Best solution, 5global, 6for every one

SECONDARY Color

Typography

  • KOR, ENG

    가Aa

  • Pretendard

    가나다라마바사아자차카타파하
    ABCDEFGHIJKLMNOPQRSTUVWXYZ
    abcdefghijklmnopqrstuvwxyz
    123456789
    (~!@#$%^&*-+=.:;’”?/[{}])
    1. Thin
    2. ExtraLight
    3. Light
    4. Regular
    5. Medium
    6. SemiBold
    7. Bold
    8. ExtraBold
  • TITLE

    Aa

  • Heebo

    ABCDEFGHIJKLMNOPQRSTUVWXYZ
    abcdefghijklmnopqrstuvwxyz
    123456789
    (~!@#$%^&*-+=.:;’”?/[{}])
    1. Bold
    2. ExtraBold

  • Client 주식회사 E1
  • Date May, 2022
  • Service Company official site
  • Site e1.co.kr