Construction & Real EstateHyundai E&C

헤리티지를 디지털에 담아낸 건설 브랜드 UX 전략: 현대건설 UXUI 리뉴얼

  • Corporate Website
  • Newsroom
  • Responsive
  • Social Hub
현대건설 웹사이트 화면 ‘we’re value creator’를 보는 안전모 차림의 직원들
Client

An independent yet integrated identity for the corporate site and the news site.


Project Information

Industry
Construction & Real Estate
Project Type
Renewal
Role
UX/UI Design
Client
Hyundai E&C
Client
Introduction
현대건설은 1947년 설립된 대한민국 대표 건설사로, 국내외 건축·토목·플랜트·에너지 분야에서 수많은 랜드마크 프로젝트를 수행해 왔습니다. 경부고속도로 건설과 중동 시장 진출로 한국 건설의 역사를 써 온 현대건설은, 주거 브랜드 ‘힐스테이트’와 ‘디에이치’를 비롯해 원전·수소 등 에너지 전환 분야로 미래 사업을 넓혀 가고 있습니다.

기업사이트와 뉴스사이트의 독립적이지만 통합된 아이덴티티 구현


현대건설이 pc web 반응형 리뉴얼을 진행하였습니다. 이번 프로젝트를 통해 고객들과 소통할 수 있는 뉴스룸 오피셜 사이트도 같이 진행하였습니다. 현대건설 기업 사이트가 단순히 기업의 홈페이지가 아니라 고객들이 사이트에 들어와 현대건설의 최신 소식을 공유할 수 있는 계기가 되며 현대건설과 고객을 연결해주는 허브로 자리잡게 되었습니다. 사이트에는 현대건설의 사보 신문뿐만 아니라 뉴스룸, SNS 등 다양한 콘텐츠들이 기다리고 있습니다.

프로젝트 배경

건설산업은 대중과의 거리감 때문에 브랜드 정체성과 기업 신뢰를 전하기 어려운 구조였습니다. 특히 대형 건설사일수록 기술력과 성과가 시각적으로 전달되지 않고, 기업의 움직임과 역사적 가치가 소비자에게 닿지 못하는 한계가 있었습니다. 공공성과 투명성을 강화하고, 건설기업의 유산을 디지털 경험으로 구조화할 UX 전략이 필요했습니다.

솔루션

현대건설의 역사와 공법 중심의 브랜드 정체성을 디지털 인터페이스에 녹여, 기업의 신뢰와 위상을 경험으로 전했습니다. 기업 사이트와 함께 뉴스룸 오피셜 사이트를 따로 만들어 업계 최초로 기업 활동을 투명하게 공유하는 구조를 마련했고, 인트로에서 두 사이트로 넘어가는 흐름으로 독립적이면서도 통합된 아이덴티티를 만들었습니다. 사보, 뉴스룸, SNS를 모은 소셜 허브로 현대건설과 고객을 잇고, 건축 기술과 시공 성과를 시각화한 콘텐츠로 전문성과 헤리티지를 강조했습니다. 현대그룹 아이덴티티를 반영한 컬러 전략과 반응형 설계로 어떤 기기에서도 쾌적하게 볼 수 있게 했습니다.

주요 특징

• 기업 뉴스룸 분리와 정보구조 설계

• 시공 성과와 기술력 중심 콘텐츠

• 사보·뉴스룸·SNS를 모은 소셜 허브

• 현대그룹 아이덴티티 기반 컬러 전략


현대건설 기업 웹사이트·뉴스룸 — 세 개의 원이 겹친 사업 영역 다이어그램


WE are SALTCAKEㆍHDEC


현대건설 기업 오피셜 사이트에서 솔트케이크는 본질적인 가치에 중심을 두고 다양한 환경에 적극적으로 대응할 수 있는 지속가능한 디자인을 실현을 목표로 시대의 흐름속에서도 현대건설의 아이덴티티가 빛을 낼 수 있도록 하였습니다.


현대건설 기업 웹사이트·뉴스룸 — 선형 그래픽 요소


현대건설 기업 웹사이트·뉴스룸 — 모바일 화면 디자인 모음


Official Site


현대건설의 오피셜 사이트입니다. 현대건설 인트로에서 기업사이트와 뉴스사이트로 넘어 갈 수 있는 플로우를 통해 독립적이지만 통합 된 느낌을 주었습니다.


MAIN


현대건설 기업 웹사이트·뉴스룸 — 모니터에 띄운 메인 화면 2종


현대건설 기업 웹사이트·뉴스룸 — 태블릿에 띄운 뉴스룸 화면


Social HUB Newsroom Site


기업, 뉴스 사이트 모두 반응형이기 때문에 현대에 많은 전자기기들을 커버 할 수 있어 사용자가 쾌적하게 볼 수 있습니다.


현대건설 기업 웹사이트·뉴스룸 — 포인트 컬러 아이콘 세트

비슷한 과제를 고민하고 계신가요?

Contact더보기 화살표