|
|
|
|
|
|
|
|
|
효성그룹의 미래 가치를 미래형 웹사이트와 다양한 통합 브랜딩 프로젝트로 선보입니다. 이번 프로젝트는 효성그룹 지주사 웹사이트를 포함해 효성화학, 효성중공업, 효성첨단소재 등 총 10개 웹사이트와 브랜드필름, 서체제작 등 다양한 내용이
동시 진행되었습니다.
|
|
|
|
1. 효성 고유의 가치, 그리고 특별한 가치의 설정
|
|
|
|
|
|
|
|
B2B 시장의 숨은 강자인 효성그룹은 브랜드의 페르소나가 ‘50대 이상의 무뚝뚝한 남성’으로 자체 조사될 만큼 대중에게 중후하고 딱딱한 이미지를 가지고 있었습니다. 펜타브리드에서는 이런 효성의 브랜드 이미지를 탈피하고자, ‘40대 초반의 창의적인 남성’을 브랜드 페르소나로 잡고, 딱딱한 이미지를 전문적인 이미지로, 중후한 느낌을 미래적 가치와 비전이 있는 기업으로 변환을 시도하였습니다.
이러한 시도는 단순히 웹사이트의 비주얼적 변화일 뿐 아니라, 연계되는 효성 전용 서체(Brand New Hyosung Font) 개발 및 UX
Writing 프로젝트, 효성MD굿즈몰, 브랜드 저널리즘 사이트, 브랜드필름(영상) 제작 등의 추가적인 브랜드 개발 프로젝트가 연계되어 진행되었습니다.
|
|
|
|
2. 3개의 메인페이지를 토글 전환하는 독특한 UX/UI 경험
|
|
|
|
|
|
|
|
미래적인 비주얼 표현의 대표적인 부분은 첫인상이라고 할 수 있는 메인 페이지입니다.
메인페이지 자체가 세벌의 디자인 페이지가 토글 전환되며 독특한 시각적 브랜드 경험으로 제공합니다.
Hyosung · Brand · Sustainability 각 섹션은 사업 분야 · 브랜드 · 지속가능경영을 테마로 그룹사 전반의 내용을 포괄하는
브랜드적 선언을 담고 있습니다.
또한 전면에 배치된 15장의 비주얼 카드는 기업가치를 표현함과 동시에 세부 메뉴로 바로 갈 수 있는 편의 기능으로 사용되며,
손쉽게 변경하여 운영할 수 있도록 고려하였습니다. 여러 가지 전환 효과를 포함하였지만 웹 표준 준수 및 반응형 디자인으로
디바이스 해상도를 폭넓게 지원하여 대부분의 환경에서 유려한 비주얼 경험을 체험할 수 있도록 하였습니다.
|
|
|
|
3. 독특한 감각이 실용가능한 형태가 되기까지
|
|
|
|
|
|
|
|
웹사이트 전반의 무드를 기존의 틀을 깨는 형태로 기획이 시작되었지만, 유저의 실용성에 대한 측면에서도 많은 고민이 있었습니다.
GNB영역을 좌측 중앙에 배치하는 다소 생소한 형태를 사용하는 대신, 우측 상단부 전체 메뉴 및 푸터 영역 Site Map 등을 통해 이용성을 확보하여 독특하고 미래적인 감각이 불편하게 느껴지지 않도록 고려되었습니다. 또 각 모서리(좌측 하단 · 우측 하단 · 우측 상단)에는 다양한 기능 버튼들은 사이트 어느 위치에서든 바로 사용할 수 있도록 배치하였습니다.
세계 섬유/소재 시장의 압도적인 리더기업, 효성의 브랜드 타겟을 기존 40~50대에서 30~40대로 낮추기 위한 다양한 시도들이 있었습니다. 최종적으로 의도했던 미래지향적 감각과 계열사 독립적인 아이덴티티를 몰입감 있게 선보인 효성, 앞으로의 브랜드 가치가 더욱 확대되기를 기대합니다.
|
|
|
|
|
|
|
|
|
괵정연 리더 (PM)
세계 점유율 스판덱스 원사 1위, 안전벨트 1위, 타이어코드 1위… 일상엔 밀접하지만, 생활에선 알기 어려운 B2B소재 기업을 대중에게 소개한다는 것은 도전적이지만 가치 있는 일입니다. 곳곳에 의도한 작은 디테일들이 모여 작지 않은 브랜딩 프로젝트를 처음부터 끝까지
잘 마무리 하게 되어 기쁩니다.
|
|
허은영 팀리더 (Designer)
팀원들이 서로의 강점을 살려 멋진 결과물을 만들어 냈다고 생각하며, 리뉴얼을 통해 효성그룹의 브랜드 가치를 높이고, 고객들에게 더 나은 경험을 제공하기를 바랍니다. 각자의 역할에 책임감을 가지고 끝까지 최선을 다한 팀원들에게 감사를 전하고, 단순한 프로젝트 이상으로 팀원 모두가 함께 성장하고 배움을 얻은 소중한 경험이었습니다.
|
|
박영우 리더 (Designer)
효성 그룹 프로젝트를 진행하며 지치고 어려움이 있던 시기도 있었지만, 이러한 과정을 통해 더 성장하고, 더 효율적으로 일할 수 있게 되었습니다. 이번 경험이 앞으로의 프로젝트에도 큰 보탬과 도약이 될 것이라 생각합니다. 다시 한번 함께 애써주신 우리 팀원 분의 노력에 감사의 말씀을 전하며, 앞으로 더욱 빛나는 일들을 함께하길 기대합니다. 감사합니다.
|
|
주은소 리더 (Publisher)
기대가 많았던 프로젝트로 많은 설렘을 안고 작업에 임했던 거 같습니다.
성공적으로 프로젝트를 마무리 할 수 있도록 도움 주신 동료 리더분들께 감사드립니다.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
기존 화학기업들의 웹사이트들은 대게 B2B대상의 소개가 주를 이루고 있고, 산업 자체의 대한 설명이 일반 소비자 대상으로는 전달하기 어려운 지점들이 많았습니다. 펜타브리드에서 리뉴얼한 효성 화학 웹사이트는 이러한 관점에서 보다 대국민을 대상으로 효성화학에 대한 이야기를 전달하는데에 주력하여 개편 되었습니다.
|
|
|
|
1. 비즈니스의 핵심을 두가지의 테마 영상으로 제공
|
|
|
|
|
|
|
|
메인페이지에는 화학산업의 과거, 현재, 미래. 효성화학의 과거로부터 현재까지의 다양한 이야기가 수록되어있습니다.
토글 버튼을 활용하여 두가지의 브랜드 필름(혁신/지속가능성 측면)으로 제작하여 화학산업의 실물 제품으로 이어지는 사업영역을 두가지 측면에서 해석한 영상을 감상할 수 있고, 하단은 심층적으로 이해할 수 있는 콘텐츠를 제공합니다.
또한 주요 신사업인 'Membrane'을 플로팅 버튼으로 배치하여 취급하고 있는 제품의 소개를 상세히 살펴볼 수 있도록 고려되었습니다.
|
|
|
|
2. 다양한 VOC(Voice of Customer)기능
|
|
|
|
|
|
|
|
비주얼적으로 B2C브랜딩이 강조된 이번 리뉴얼은 B2C뿐 아니라 B2B 대상으로도 유용한 사이트가 될 수 있도록 개편 되었습니다. Voice of Customer기능을 대폭 강화하여 효성화학의 제품 샘플을 신청하거나, 제품에 관련된 문의와 답변, 윤리신고센터 등 기업과 고객의 소통이 강조되어 브랜드 측면과 마케팅 측면이 기존 사이트 대비하여 모두 강화되었습니다.
|
|
|
|
3. 일상 속 화학의 표현
|
|
|
|
|
|
|
|
특별히 기획된 Lifestyle 메뉴에서는 일상 사진과 시간을 보여주고, 스크롤에 따라서 시간이 흘러갑니다. 물론 일상 사진도 시간대에 맞추어 변화하게 되고, 사진 속 일상에 녹아든 효성화학의 소재 쓰임과 유용성을 설명할 수 있는 페이지로 구성 하였습니다. 이를 통해서 ‘화학’이라는 낮선 단어가, 일상에서 어떻게 녹아 들어있는지를 표현할 수 있도록 하였습니다.
대한민국이 주도하는 다양한 산업 속에서, 원료로서 화학은 매우 중요한 역할을 가지고 있습니다. 특히 효성과 같이 대한민국 산업과 역사를 함께 한 기업일수록, 단순 기업의 과거와 미래가 아닌 한국의 과거와 미래를 생각 해 보게 합니다. 이번 효성화학의 개편된 웹사이트를 통해 일상에 녹아든 효성화학의 위치와 앞으로 미래 화학소재에 대한 브랜드 전달이 잘 되었기를 바랍니다.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
탄소섬유(Carbon Fiber,탄소섬유)를 들어 보셨다면, 아마도 자전거와 같은 Activity를 즐겨 하시는 분 일 겁니다. 강철보다 수십 배 단단한 탄소섬유, 그 외에도 수많은 혁신 소재를 만드는 기업, 효성 첨단소재의 공식 웹사이트를 펜타브리드가 리뉴얼 하였습니다.
|
|
|
|
1. 미래소재의 아이콘, AI로 상상하다
|
|
|
|
|
|
|
|
메인페이지에서 효성 첨단소재의 기술력을 상징하기 위해, 두개의 브랜드 필름을 사용하였습니다. 이 두가지의 브랜드 필름은 생성형 AI를 사용하여 제작 된 점이 가장 큰 특징입니다. 최근 트랜드가 되고 있는 생성형 AI에 ‘첨단소재’를 키워드로 생성된 이미지를 영상으로 엮어 효성첨단소재의 미래적 가치를 표현하는 브랜딩과, 실재로 첨단소재가 앞으로 사용될 미래를 간단하게 그려볼 수 있도록 하였습니다. 등장하는 원은 좌/우 드레그에 따라서 다른 영상이 재생됩니다.
|
|
|
|
2. 첨단소재의 기술력, 미래형 매거진이 되다
|
|
|
|
|
|
|
|
메인페이지 브랜드 필름 하단에는 살펴보는것 만으로도 효성첨단소재에 대한 매거진을 읽는듯한 느낌으로 의도하였습니다. 메인페이지의 동영상의 위치(좌/우/중간)에 따라 등록된 콘텐츠들이 다르게 나열됩니다. 이러한 독특한 구조로 거대한 3장의 웹 메거진 처럼 구성하고, 향후 효성첨단소재의 기술력을 담은 콘텐츠를 새롭게 업데이트하여 살아있는 웹사이트로서 동작하도록 구성하였습니다.
|
|
|
|
3. 소재의 원자(Atomic)를 모티브로한 원형과 레드 컬러 포인트
|
|
|
|
|
|
|
|
기존의 보수적인 효성첨단소재 웹사이트를 완전히 탈피하기 위해, 강렬한 블랙&화이트 톤을 첨단소재의 기본 무드로 설정하였습니다. 또한 소재의 원자(원형)의 모티프를 통해 미래적인 느낌과 활기찬 느낌을 부여하였습니다.
이외에도 특별하게 구성된 'Lifestyle'메뉴에서는 첨단소재들이 Lifesyle에서 어떻게 사용되고있는지를 직접적으로 표현하는 등
일반 대중에게 밀접한 홈페이지로 구성되었습니다.
효성첨단소재는 소재로서 세상을 안전하게 혁신하는 기업입니다. 강철보다 단단한 탄소섬유(Carbon fiber)나 안전벨트, 에어백, 타이어 심지 등, 눈에 잘 보이지는 않지만 혁신기술이 필요한 곳이 있습니다. 일상생활에 눈에 띄지 않는 안전을 위한 혁신, 이번 디지털 매거진을 컨셉으로 리뉴얼된 웹사이트를 통하여 우리의 안전을 위한 혁신들이 좀 더 친근하게 다가오는 브랜드로 뻗어나가길 기원합니다.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
이번 달에도 새로운 클라이언트와의 만남이 있었습니다.
[경기도 농수산진흥원] 할인쿠폰 캠페인, [한국섬유산업연합회] 스타일넷 이미지 제너레이팅 프로젝트를 수주하였습니다.
새로운 만남에 대한 기대와 감사를 전하며 소중히 피워낸 싹, 맺고 피고 지지 않을 크리에이티브 꽃을 기대해주세요.
|
|
|
|
|
|
|
|
|
|
|
|
|
본 메일은 2023년 11월 09일기준, PENTAPRISM 수신에 동의하신 분들께 발송됩니다.
메일수신을 원하지 않으신다면,
[수신거부]
를 클릭해주시기 바랍니다.
|
|
|
|
