현대제철의 웹사이트 리뉴얼 스토리

무겁지 않은 철강, 더 가벼워진 고객 경험:
현대제철의 웹사이트 리뉴얼 스토리

CLIENT

DATE

SERVICE

INDUSTRY

현대제철

2024.07.01 - 2025.02.15

CXUX Consulting, Human-Centered Creative Design

Steel & Metal

무겁지 않은 철강,
더 가벼워진 고객 경험:
현대제철의 웹사이트
리뉴얼 스토리

CLIENT

DATE

SERVICE

INDUSTRY

현대제철

2024.07.01 - 2025.02.15

CXUX Consulting, Human-Centered Creative Design

Steel & Metal

현대제철의 기존 웹사이트는 변화하는 시장 환경에서 제품 경쟁력과 기업 활동을 효과적으로 전달하는 데 한계를 가지며, 기업 이미지에도 부정적인 영향을 줄 수 있었습니다. 이에 따라, 2024년 대외 접점 웹사이트 전면 개편을 추진하였습니다. 솔트케이크는 B2B 기업 및 현대자동차그룹에 대한 깊은 이해와 CX·UX 컨설팅 역량을 바탕으로, 현대제철의 디지털 방향성을 정립하고 전략적 개편을 수행했습니다. 고객사의 적극적인 협업 속에서 프로젝트를 진행한 결과, 2025년 2월, 새로운 기업 공식 홈페이지가 성공적으로 오픈되었습니다.

이번 개편을 통해 현대제철은 "철강 그 이상"이라는 핵심 가치를 효과적으로 전달하고, 브랜드와 디지털 경험을 강화하는 새로운 플랫폼을 구축하였습니다.

현대제철은 국내 최초이자 70년 역사의 철강사로, 자동차, 건설, 조선, 가전 등 다양한 산업에 필수적인 철강 제품을 공급하고 있습니다. 미래 모빌리티, 저탄소 철강, 프리미엄 건설용 소재 등에서 글로벌 경쟁력을 갖추고 있으며, 세계일류상품을 최다 보유한 철강사입니다. 또한, 탄소중립 기술과 디지털 전환 등 경영혁신을 지속하고 있습니다.

STRATEGY

B2B 웹사이트를 위한 접근법

개편된 현대제철 기업 홈페이지의 첫 번째 메뉴는 “제철은 우리나라 산업의 중추” 라는 대한민국 경제사의 아이콘, 정주영 선대회장의 메시지로 시작됩니다. 이는 현대제철의 기업 존재 이유와 업의 본질을 함축하는 의미로, 이후 “세계 최초 자원순환형 그룹의 초석”, “자동차소재 전문 글로벌 철강사” 등의 후대 현대자동차그룹 회장들의 발언이 이어지며, 현대제철이 시장과 그룹 내에서 차지하는 위치와 비전을 명확히 전달합니다.
B2B 기업의 공식 웹사이트는 단순한 정보 제공을 넘어, 기업의 포지셔닝과 비전이 명확하게 드러나도록 설계하는 것이 중요합니다. 고객과 이해관계자들이 기업의 핵심 가치와 차별성을 빠르게 인지할 수 있어야 하며, 이러한 요소들은 전반적인 CX(고객 경험) 및 UX(사용자 경험) 전략에 반영되어야 합니다.
솔트케이크는 현대제철 기업 웹사이트 개편을 위해 CX, UX 전략의 핵심 기반이 되는 5가지 인사이트를 분석하였으며, 이를 바탕으로 차별화된 고객 경험을 제공할 수 있는 방향성을 도출하였습니다.

기업 웹사이트의 CX, UX 전략을 위한 핵심 인사이트 (솔트케이크, 2025)

경쟁사를 넘어서는 CX/UX 혁신

우리는 고객사의 비즈니스 도메인이 해외시장과 연결되어 있을 경우, CX/UX 전략 수립에서 글로벌 사례 분석을 통한 Gap 분석을 기본적인 방법론으로 활용합니다. 이를 통해 현대제철의 정보 접근 체계가 글로벌 스탠다드와 비교했을 때 어느 정도 차이가 있는지를 파악하였습니다.
현대제철을 포함한 중국, 일본, 유럽, 미국의 글로벌 철강사들은 공급 경쟁 심화와 수요 시장 변화에 대응하기 위해 4가지 주요 주제를 중점적으로 다루고 있으며, 이는 각 기업의 웹사이트에서도 중요한 비중을 차지하고 있습니다.

글로벌 시장 지배력 확대

• 해외 수요시장 확대
• 공급망 관리
• 글로벌 M&A

친환경 생산체계

• 탄소중립 기술 개발
• 오염물질 관리
• 자원 재활용, 부산물 활용

저탄소, 고부가가치 제품

• 제품 브랜드화
• 고성능 제품 개발

생산성 향상 및 경영혁신

• 디지털 전환
• 생산시설 개선

2024년 글로벌 철강사 주요 경영 이슈 (솔트케이크, 2024)

글로벌 철강업계의 변화 속에서 현대제철의 기업 웹사이트는 어떻게 적응하고 있을까?

현대제철의 기존 기업 웹사이트는 이러한 산업적 변화와 고객의 정보 요구를 적극적으로 반영하는 데 한계가 있었습니다. 특히, 2가지를 가장 큰 문제점으로 진단하였습니다.

• 주요 글로벌 트렌드를 충분히 수용하지 못한 점
• 방문자들이 핵심 정보를 쉽게 탐색하기 어려운 정보구조

이같은 이슈는 제품 정보에서 더욱 두드러졌습니다.
Competitor’s Benchmarking Analysis에서 Best Practice로 꼽은 WSA(World Steel Association)의 조강능력 상위 7개사의 제품 정보 구조를 조사한 결과,

• 경쟁사는 각사의 전략에 맞춰 제품 브랜드, 제품군, 산업별 제품 정보를 명확하게 구분하여 제공하고 있으며,
• 철강 제품의 복잡성을 고려하여 고객 대응 수준을 강화하고자 별도의 제품 정보 웹사이트를 운영하는 사례가 다수 발견되었습니다.

주요 글로벌 철강사의 제품정보 현황 (솔트케이크, 2024)

주요 글로벌 철강사 IA 분석 (솔트케이크 2024): 제품정보 체계 현황

고객여정 중심의 정보구조 설계

솔트케이크의 정보구조 설계 방법론은 고객경험 여정을 기반으로 하는 것이 특징이며, 고객사들은 이러한 접근 방식에 대해 매우 긍정적으로 평가하고 있습니다.
“정보구조 설계는 원래 UX 기반으로 해야 하는 것 아닌가요?”라고 생각할 수 있지만, 거시적이고 전략적인 접근 방식에서 고객경험 중심의 정보구조 설계는 더욱 강력한 효과를 발휘합니다. 이는 다음 4가지 핵심 이유 때문입니다.

01 고객여정 중심의 정보구조 설계

• 고객이 웹사이트에서 정보를 찾는 시간을 줄이고, 원하는 정보를 쉽게 발견할 수 있음
• 복잡한 내비게이션 없이 직관적인 경험 제공

02 데이터 기반 최적화

• 고객의 탐색경로와 패턴을 분석하여 지속적인 개선이 가능
• 특정 제품, 컨텐츠, 서비스에 도달하는 과정을 단순화하여 전환율(비즈니스 문의, 다운로드 등) 증가

03 조직 중심 구조에서 탈피

• 기업 내부 부서 단위의 정보 분류가 아닌, 고객의 목적과 니즈에 맞춘 UX 제공으로 고객 편익 증가
• 다양한 사용자 유형에 맞춘 콘텐츠 제공 가능

04 시장 변화 대응

• 고객이 원하는 방식으로 기업(브랜드)와 소통할 수 있어 신뢰도와 충성도 향상
• 최신 B2B 디지털 경험을 시의적절하게 반영할 수 있음

고객경험 기반 정보설계의 기대효과 (솔트케이크, 2025)

기업 웹사이트는 고객이 기업과 상호작용하는 여러 핵심 Touch Point중 하나이기에, 정보설계는 단순히 내비게이션 구성 문제가 아니라 고객경험 여정을 중심으로 설계한 후 UX 전략으로 세부적인 화면설계가 수반되어야 합니다.
이를 위해, 우리는 AIDAS 모델을 기반으로 고객경험 여정 맵(Customer Experience Journey Map)을 구축하였습니다. 이를 통해 각 사용자 그룹의 Goal(목적), User Behavior(사용자 행동), Action & Service(웹사이트 내 서비스 및 UX 요소), Touchpoint(웹사이트 주요 메뉴와의 연결)를 분석하였으며, 이를 바탕으로 최적화된 고객경험을 위한 UX 전략과 UI 세부전략을 도출하였습니다.

고객경험 여정 기반 IA 전략 (솔트케이크, 2024): 현대제철 기업 웹사이트

이와 같은 현대제철의 접근 방식은 고객의 여정을 고려한 정보구조 설계가 어떻게 실질적인 UX 개선과 연결되는지를 보여주는 좋은 사례가 될 것입니다.
이를 통해 현대제철은 몇 가지 구조적인 특징을 지닌 기업 웹사이트로 개편하게 되었습니다.

1. 최적화된 제품 탐색과 계속되는 고객 여정

웹사이트 내에서 고객여정 전반에 걸쳐서 제품 정보와 비즈니스 고객지원을 빠르게 탐색하고 연결하며, 현대제철의 다양한 제품군을 전략적으로 강조할 수 있는
구조를 지향하였습니다.

고객경험 여정 기반 IA 전략 (솔트케이크, 2024): 제품 탐색 여정 및 연계 CX 전략

2. 기업 가치의 흐름을 반영한 디지털 경험 설계

현대제철의 정보구조는 지속가능성을 중심으로 기업철학, 지속가능경영, 제품 및 기술혁신, 고객 신뢰 구축의 흐름을 가지고 있어 기업의 핵심가치가 제품과 고객,
투자자에게 어떻게 확장되는지를 보여주고 있습니다.

현대제철 기업 홈페이지 디지털 고객경험 흐름 (솔트케이크, 2024)

3. 초기 고객 경험을 강화하는 Onboarding 허브

기업 웹사이트는 고객여정의 여러 단계 중 특히 초기 접점인 Awareness, Consideration 단계에 대한 중요도가 높습니다. 이에 CXJ Map에서 드러난 Awareness, Consideration 단계에서의 Touch Point를 강화하고자 On-Boarding 역할을 하는 Start Page라는 서브 메인 페이지를 마련하였습니다. 이는 전략적으로 3가지 장점을 갖고 있습니다.

직관적 고객여정

하위 메뉴, 관련 서비스, 컨텐츠등의 접근성이 강화되어 직관적인 고객여정이 가능

간결한 메인 페이지

서브 메인 페이지로 역할이
분산되어 간결한 메인 페이지로
방문객을 맞이할 수 있음

검색포털 유입 개선

SEO를 통해 검색포털에서 유입 시
랜딩 페이지 역할을 수행

Start Page의 장점 및 기대효과 (솔트케이크, 2025)

현대제철 개편 전략: Hyperconnectivity Beyond Steel

현대제철 웹사이트 개편 프로젝트는 “Engineering the Future Beyond Steel”이라는 기업 비전을 계승하면서, 기업 웹사이트를 구성하는 주요 요소들을 상호 연결하는 “Hyperconnectivity Beyond Steel”이라는 컨셉을 갖고 있습니다.

Hyperconnectivity Beyond Steel

단순한 기업정보 제공을 넘어 고객, 임직원,
이해관계자와의 유기적인 연결을 통한 지속 가능한 미래를 제시

현대제철 웹사이트 개편 프로젝트 컨셉 (솔트케이크, 2024)

이 컨셉은 고객여정 기반의 사용자경험 설계와 더불어 크게 3가지의 목표를 추구하고 있으며 다음과 같은 구체화된 전략들을 포함하고 있습니다.

현대제철 기업 웹사이트 핵심 전략 (솔트케이크, 2024)

그리고 이러한 전략은 현대제철 제품정보에 관한 High-Fidelity UI Wireframe, 철의 무한한 가능성을 표현하는 3D 영상 기획 등 여러 UX 기획에 적극적으로 반영되었습니다.

High-Fid UI Wireframe: 제품정보

콘티: 메인 페이지 KV 영상

현대제철 UX 디자인: 철강산업의 편견을 깨다

철은 산업은 기초 소재부터 미래 모빌리티를 위한 첨단 부품의 소재까지 활용되고 있으며, 무겁고 단단한 특성부터 가볍고 유연한 특성까지 다양한 속성을 지니고 있습니다. 또한 탄소를 가장 많이 배출하는 산업 분야 중 하나로서 탄소중립에 대한 대규모 연구개발이 집중적으로 투자되고 있으며 수소환원철과 같은 차세대 생산체계로 대전환되는 기술적 도약이 진행되고 있습니다. 현대제철은 일관제철소를 갖추고 자원순환형 생산체계를 보유한 기업으로 현대자동차그룹내의 자동차, 건설, 조선 등의 다양한 산업 부문에서 핵심 역할을 맡고 있는 기업이며, 철이라는 소재의 무한한 가능성을 실현하고자 하는 기업 비전을 갖고 있습니다.
하지만 기존 기업 웹사이트는 이러한 비전을 시각적 언어로 표현하고 있지 못하였습니다.

철강사는 대규모 장치산업의 특징을 가지고 있으며, 철이라는 소재가 주는 시각적 재질감으로 대부분의 철강사 기업 웹사이트 UX 디자인은 기업의 아이덴티티가 제대로 반영되지 못하고 매우 무겁고 딱딱한 분위기를 띄고 있습니다.

ArcelorMittal

Nucor

Nippon Steel

주요 글로벌 철강사 기업 웹사이트: 메인 페이지 및 제품정보 페이지

현대제철의 UX 디자인은 철강산업에 대한 편견을 없애고 기업 이미지 브랜딩을 제고하기 위해 기업 아이덴티티가 컨텐츠 내러티브에 잘 융화될 수 있도록 진행되었습니다.

이를 잘 보여주는 주요 화면들에 대한 UX 디자인 컨셉과 UX/UI 특징들을 소개합니다.

1. 메인 페이지

Synopsis

오브젝트의 다양한 형태, 질감, 물성 그리고 역동적인 움직임과 상호작용, 조화(균형), 융합들을 통해 철의 다양한 가능성과 새로운 철을 표현합니다. 이러한 시각적 연출은 철이라는 소재의 한계를 넘어 현대제철 미래비전을 보여주며 화면 몰입감을 극대화합니다

Visual Keywords

메인 페이지 KV 3D 영상 컨셉

2. 제품정보

금번 프로젝트의 UX 기획에서 가장 많은 시간이 소요되었던 제품 소개 화면은 고객 여정 중심의 컨텐츠 설계와 Narrative Engagement 전략에 충실했던 영역입니다.

특히 제품 소개 도입부의 제품 개요 영역을 강화하여 제품의 특징과 현대제철을 선택해야 하는 이유를 빠르게 인지할 수 있도록 구성하였습니다.

1. 제품 태그라인

제품의 특징과 가치를 직관적으로 전달

2. 핵심 경쟁력

현대제철의 핵심적인 시장 경쟁 우위적 요소를 간결하게 전달

3. 고객 편익 메시지

고객이 제품을 사용함으로써 얻을 수 있는 구체적인 혜택과 경험을 전달

4. 기본 정보

제품의 기본 특성, 적용 산업 및 사용처, 현대제철의 차별성 등을 소개

제품 태그라인

제품의 특징과 가치를 직관적으로 전달

핵심 경쟁력

현대제철의 핵심적인 시장 경쟁 우위적 요소를 간결하게 전달

고객 편익 메시지

고객이 제품을 사용함으로써 얻을 수 있는 구체적인 혜택과 경험을 전달

기본 정보

제품의 기본 특성, 적용 산업 및 사용처, 현대제철의 차별성 등을 소개

3. 탄소중립, R&D

탄소중립기술과 R&D는 현대제철의 미래비전을 실체화하고 기업 경쟁력을 향상시키는 핵심 동력입니다. 이를 효과적으로 전달하기 위해서 공감, 공유, 사실 전파의 흐름으로 연결되는 컨텐츠 내러티브 전략을 갖고 있으며, 동영상, 차트, 도식화, 현장 사진 등을 활용하여 이해하기 쉽도록 구성하였습니다.

고객과의 공감대 형성

추진 배경 및 목표

구체적 실천 계획으로 기대감 형성

탄소중립 로드맵

객관적 성과를 통한 신뢰 구축

제품 개발 현황

4. 현대제철 이야기

많은 기업 웹사이트가 회사 개요, CEO 메시지, 경영철학, 비전 등을 개별적인 메뉴로 기업의 정체성을 설명하는 방식에서 벗어나, 현대제철은 보다 직관적이고 몰입감 있는 “현대제철 이야기”라는 코너를 통해 브랜드의 핵심 가치와 방향성을 한눈에 조망할 수 있도록 구성하였습니다.

기업의 과거, 현재, 그리고 미래를 연결하는 디지털 프롤로그인 “현대제철 이야기”는 기업의 근본적인 존재 이유를 정의하는 역대 현대자동차그룹 회장들의 발언을 시작으로, 현대제철이 지속적으로 추구하는 핵심 가치와 정체성을 스토리텔링 방식으로 전달합니다. 그리고 주요 키워드(지속성장, 혁신, 탄소중립, 글로벌리더십 등)를 통해 현대제철이 미래를 향해 어떤 변화를 만들어가고 있는지 자연스럽게 연결되도록 설계되었습니다.

CX/UX 혁신을 통한 현대제철의 디지털 브랜딩 강화

현대제철 개편 프로젝트는 기업 공식 홈페이지 외에도 “현대제철을 캡쳐하다!”라는 컨셉을 가진 현대제철 미디어룸인 “moment”, 사이버감사실, 현대제철 여자축구단 레드엔젤스, 현대제철 남자양궁단 등 관련 웹사이트들의 개편도 함께 진행되었습니다.
이번 프로젝트에서 솔트케이크는 CX/UX 컨설팅 역량과 Creative UX 디자인을 통해 고객사로부터 높은 평가와 만족도를 받았습니다. 특히, 현대제철의 디지털 플랫폼을 전반적으로 개선하면서, B2B 기업들이 공통적으로 고민하는 문제와 해결 방향을 더욱 체계화할 수 있는 의미 있는 경험이 되었습니다.

솔트케이크는 이번 프로젝트를 통해 B2B 고객 경험 혁신을 위한 방법론과 솔루션을 더욱 정교하게 발전시켰으며, 앞으로도 다양한 산업 분야에서 차별화된 CX/UX 전략을 통해 디지털 혁신을 선도해 나가겠습니다.

CREATIVE STRATEGY

철강 산업의 고정관념을 깨는 UX 디자인 컨셉

현대제철의 디지털 경험은 대담한 표현, 유연한 구조, 그리고 명확한 소통을 기반으로 구축되었습니다. 역동적인 3D 그래픽, 다양한 레이아웃, 그리고 계층 구조를 반영한 타이포그래피를 결합하여, 혁신과 다양성, 그리고 지속 가능성에 대한 현대제철의 비전을 직관적이고 몰입감 있는 방식으로 전달합니다.

미래를 그려내는 역동적인 3D 그래픽

미래를 그려내는 역동적인
3D 그래픽

직관적이면서도 강렬한 3D 오브젝트를 통해 현대제철의 브랜드 가치를 대담하게 표현합니다. 생동감 있는 비주얼 접근 방식은 사용자 경험을 더욱 몰입감 있게 만들며, 현대제철이 추구하는 철강 산업의 미래 비전을 강화하며 효과적으로 전달합니다.

형태적 유연함이 강조된 이미지 레이아웃 구조

다양한 형태의 비주얼을 전략적으로 사용하여 글로벌 기업으로서의 다양성과 철강 소재의 유연성을 표현합니다. 유동적인 레이아웃 구조는 시각적인 흥미를 높이고 직관적이면서도 몰입감 있는 경험을 제공하여 사용자들의 관심을 지속적으로 유지시킵니다.

전문성과 직관성을 담아낸 아이콘 디자인

현대제철의 카탈로그는 복잡한 산업 정보를 보다 쉽게 전달할 수 있도록 디자인되었습니다. 직접 디자인한 이 책자들은 현대제철의 기술력과 제품의 가치를 한눈에 이해할 수 있도록 시각적 완성도를 높였습니다. 직관적인 레이아웃과 체계적인 정보 구조를 통해 전문성을 강조하면서도, 가독성과 접근성을 고려한 디자인을 적용하였고 또한, 세련된 그래픽과 명확한 타이포그래피를 활용해 산업의 혁신성과 신뢰감을 전달하며, 사용자가 필요한 정보를 빠르고 정확하게 파악할 수 있도록 구성되었습니다. 단순한 책자가 아닌 브랜드의 철학과 기술력을 담아낸 커뮤니케이션 도구로서, 업계 전문가뿐만 아니라 고객들에게도 쉽게 다가갈 수 있도록 설계되었습니다.

변화와 역동성을 담아낸 현대제철의 새로운 비주얼 경험

변화와 역동성을 담아낸
현대제철의 새로운 비주얼 경험

기존의 보수적이고 정형화된 이미지에서 벗어나 보다 다양하고 역동적인 브랜드 경험을 선사하기 위해 새로운 KV 영상을 아이덴티티화 했습니다. 이 영상은 현대제철이 지향하는 혁신성과 유연성을 시각적으로 표현하며 철강 산업의 미래를 새로운 시각에서 조명합니다.

3D 오브젝트들은 끊임없이 변화하며 공간을 유연하게 넘나듭니다. 형태가 유동적으로 변형되고 이리저리 튀어 오르며 크기와 색감이 다채롭게 변화하는 모습은 현대제철이 가진 무한한 가능성과 창의성을 상징합니다. 화려하고 웅장한 그래픽 요소들은 브랜드의 스케일과 비전을 강조하며 더욱 생동감 넘치는 경험을 제공합니다. 현대제철의 대표 영상은 단순한 시각적 표현을 넘어 철강을 본질적인 철 자체만의 소재가 아닌 무한한 가능성을 품은 혁신의 매개체로 바라보고 있음을 보여줍니다. 산업의 한계를 뛰어넘어 더 유연하고 창조적인 미래를 향해 나아가는 현대제철의 여정을 이 영상에서 만나볼 수 있습니다.

Possibility of Change

Movement in Figure

정형화된 공간에서 벗어나 규칙적인 도형의 연결, 확장의 표현기법을 통해 현대제철의 미래 안정성과 강인함을 전달

Sleek and Modern

현대제철의 업(業)과 철의 속성을 다양한 색상과 형태 등의 새로운 시각으로 해석하여 전통적인 무거움에서 탈피

Bold 3D
Graphic

Bold 3D Graphic

실재감 있는 3D 그래픽을 통해 공간감을 극대화하고 현대제철의 다각적인 미래대응과 입체적인 변화의 가능성을 전달

현대제철 키비주얼 영상 컨셉: 현대제철 기업 홈페이지

유기적으로 연결된 비주얼 아이덴티티

유기적으로 연결된 비주얼
아이덴티티

지속적으로 사용되는 3D 오브젝트들은 단순한 그래픽 요소를 넘어 브랜드의 핵심 가치를 전달하는 중요한 매개체로 활용되었습니다. 우리는 이러한 오브젝트들을 서브 KV에도 전략적으로 재구성하여, 페이지 전반에 걸쳐 일관된 톤앤매너를 유지하면서도 각 요소가 조화롭게 연결될 수 있도록 디자인했습니다.

특히, 각 오브젝트에는 철강 산업의 혁신과 유연성을 상징하는 의미를 담았습니다. 형태가 없는 개념을 시각적으로 형상화하며 다양한 구조를 통해 현대제철이 지향하는 미래지향적인 가치를 표현했습니다. 오브젝트들은 페이지 곳곳에서 자연스럽게 이어지며 사용자들이 사이트를 탐색하는 동안 브랜드의 스토리를 직관적으로 경험할 수 있도록 설계되었습니다.