Evaluation 평가 - 평가내역

WEB AWARD KOREA evaluation

Home > WEB AWARD KOREA > 평가 > 평가내역

등록정보
타이틀 LG그룹 모바일웹 국문
LG Mobile Site
서브타이틀 LG그룹 모바일 웹 사이트 국문
LG Mobile Site
URL http://m.lg.co.kr 사이트보기
소개 모바일 화면에 담아낸 LG의 기업가치
키워드 LG,LG 그룹,모바일,LG그룹 모바일,LG 모바일 사이트
제작년월 2012.5
등록구분 모바일웹
후보등록분야 모바일웹 마케팅 부문 > 기업일반
등록분야 목록보기
세부분류 서비스 > 가전
소속사 LG그룹
제작사

디지털웍스(아이뱅크) 정보보기
제작사 제작진 PM: 최지호 팀장
기획: 유혁진 과장
디자인: 원효선 과장
개발: 오승환 차장
퍼블리싱: 조유성
웹사이트 설명 [목표_작은 화면에 담은 LG의 비전과 혁신]
LG의 슬로건 ‘언제나 고객 옆에 LG는 사랑입니다.’를 모토로 고객과 커뮤니케이션 채널을 강화하고 고객 접점 서비스를 실현하고자 ‘LG 모바일 웹 사이트’를 구축했다. LG 그룹의 모바일 사이트 구축은 LG가 걸어온 길에서부터 회사 정보 및 계열사 소식 및 LG의 혁신활동과 LG블로그 소식 등 회사의 아이덴티티를 유기적으로 연결해 작은 화면에 담는 것이다. 방대한 콘텐츠를 담기 위한 효율적인 화면 구성과 작은 화면에서도 편리하고 직관적인 UI/UX 구현, PC 웹 사이트와의 일관된 브랜드 경험을 전달하는 데 포커스를 뒀다.

[UI/UX_메뉴 분리와 간결한 레이아웃]
작은 화면을 효율적으로 활용하고 LG의 역동성을 사용자들이 경험할 수 있도록 LG의 활동이 담긴 헤드라인 기사를 비쥬얼 콘텐츠화해 슬라이딩 형태로 구현했다. 슬라이드 터치 형태로 사용자 경험에 흥미요소를 추가했고 작은 공간을 최대로 활용하며 다양한 정보를 다이나믹하게 전달함과 동시에 메인 화면에 생동감을 불어넣어 주었다. 또한 화면을 최대한 활용하기 위해 전체메뉴를 슬라이딩 형식으로 구현해 GNB와 사이트맵 기능을 사이드 메뉴로 구성했다. LG 그룹의 허브 사이트로서의 역할 대응에서 상대적으로 많은 메뉴를 효율적으로 배치해 사용자에게 폭넓은 시야를 제공하고 메뉴간 이동이 편리하도록 구성했다. 성격이 서로 다른 다양한 콘텐츠의 효과적 배치를 위해 절제된 레이아웃 활용과 콘텐츠 속성에 따라 콘텐츠들을 효과적으로 나눠 배치했다. 비주얼 요소 중심의 메인 비주얼 영역하단에 텍스트와 이미지 정보로 구성된 LG 뉴스를 배치하고, 그 하단에 타이포 중심의 LG 블로그와 LG 소개 배너를, 우측에는 텍스트와 이미지를 활용한 광고와 LG 현황 배너를 배치했다. 또한 그 하단에는 텍스트 중심의 채용 정보를 구성함으로써 균형감 있고 간결하면서도 빈약하지 않고 풍성한 느낌을 표현했다. 또한 LG 그룹의 허브 역할을 강화하기 위해 계열사 연결메뉴를 메인화면 하단에 배치해 각 계열사로 바로 이동할 수 있도록 편의성을 높였다. 다양한 브라우저 및 OS에서 원활히 지원할 수 있도록 HTML5를 이용, 웹 표준을 준수했다. CSS3로 이미지를 최소화해 페이지 로딩속도를 개선했고 jQuery로 부드러운 화면 전환 효과를 구현했다.

[디자인_ Data Visualization]
콘텐츠는 다이내믹하게 구조화해 사용자 집중을 이끌어냈다면 디자인은 작은 화면에서 사용자에게 경험성 및 만족도를 높일 수 있도록 단순한 텍스트 배열과 Infographic, Chart Graphic, Data Visualization 방식으로 표현했다. 대표적인 예로 '투자정보'와 ‘비전’ 메뉴로 딱딱하고 지루하게 느껴질 수 있는 기업정보를 데이터와 기호를 혼합한 Indexing Board 방식을 적용하고, 심플하면서도 풍성한 느낌을 주기 위해 3색(LG Red, 주황, 초록)을 활용했다. 또한 ‘LG 비전’ 메뉴는 3색을 바탕으로 요점만 정리한 내용을 비쥬얼로 제공했고 관련 상세 내용은 터치를 통해 추가로 노출되도록 UI를 구성해 고객의 집중도를 이끌어냈다.
추가이미지
제작/구축 관련 자료




평가의견




동일분야 목록보기 평가하기