태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

키네픽스, XLEDs의 회사와 제품을 더욱 빛나게 하다.

XLEDs 제품사이트 Flash Development 작업 리뷰


 


“ 대한민국을 밝히는 기업 ” 처음 XLEDs 마케팅 담당자에게 처음 회사소개를 한마디로 부탁했을 때 들었던 메시지입니다.
다소 진부하기도 하고 뻔하기도 한 말이었지만 XLEDs 의 깔끔한 신사옥안 내부의 회의실에서 그 메시지를 들었을때는 허풍만 가득한 말이
아니었음을 짐작할 수 있었습니다.

수년간 LED 전구 업계에서 선두권을 달려온 대진디엠피의 LED 브랜드 XLEDs
하지만 회사 규모와 제품 퀄리티에비해 아직 웹사이트의 아이덴티티가 회사의 색깔을 표현하기에는 다소 무리가있었습니다.

정리되지않은 컨텐츠. 컨텐츠와 현재사이트의 문제점을 파악하기위해 몇번을 방문해 보아도 길을 잃을 수 밖에 없는 UI와 아키텍쳐는 비단
우리 제작자만 느끼는 점은 아니었을꺼라 생각합니다. 이런 구조의 웹사이트안에서 정보를 제대로 캐치해가는 유저가 몇 명이나 있을것이며
회사이미지를 긍정적으로 가져가는 유저, 또는 바이어들이 얼마나 될지 의문이 들었습니다.

따라서 키네픽스에서는 디자인적인 퀄리티의 업그레이드 또한 중요하지만 그보다 더 시급한 것이 컨텐츠의 재배치와 사용자의 방문 목적별로
다른 정보와 디자인을 제공하는 것이 더 시급한 문제라고 내부적으로 진단하였습니다.



그 첫번째 단계로서 어지럽게 엉켜있는 컨텐츠들 사이에서 코스닥에 상장되어있는 기업의 재무재표와 기업윤리등을 확인하고 싶어하는
투자자들과 해외에서 XLEDs 의 제품을 구매하고 싶어하는 바이어들을 주 타겟층으로 나누고 회사소개와 제품소개로 크게 두가지 사이트로
나누는 기획작업을 진행하였습니다. 그 두개 사이트중 제품 소개 사이트의 제작과정을 소개해 드리려합니다.

이번 xleds프로젝트 에서는 제품 소개 마이크로 사이트를 통해 최고수준의 기술력으로 LED조명 업계를 선도하는 회사의 아이덴티티를
살리고 제품의 우수성 및 상세 정보를 제공하도록 의도하였습니다.



기존의 xleds 사이트는 회사소개, 제품정보 등의 메뉴가 하나로 묶여 있었지만 이번 키네픽스와의 리뉴얼을 통하여 회사와 제품 사이트를
분리하여 회사만의 고유한 이미지를 고무시키고 신뢰를 줄 수 있도록 노력하였습니다.
기존 xleds 사이트에서 제품소개가 html로 되어 있던 것을 Flash로 제작하고 각기 성격이 다른 제품이 하나로 뭉쳐있던 기존 사이트를
각각의 카테고리 별로 구분하여 심플한 UI로 제품을 좀 더 쉽고 빠르게 찾아서 볼 수 있도록 했습니다. 제품 이미지 퀄리티와 인터렉티브를
이용하여 고객이 실제로 보는 듯한 생생한 느낌을 받을 수 있도록 하고 상세 정보를 충분히 제공하여 Needs를 이끌도록 하였습니다.

제품 사이트의 흐름은 제품 계열별로 전체적인 제품을 한눈에 볼 수 있도록 한 제품 리스트와 제품의 상세 정보를 보여주는 제품 리스트로
자연스럽고 유기적으로 연결되도록 하였습니다.





Xleds의 카테고리 별로 심플하면서도 보고자 하는 주요한 정보를 한눈에 볼 수 있게끔 설계하였습니다. 제품전체 xml을 받아서 제품을
보여주고, LED라는 점을 착안하여 Flash를 이용하여 +타이틀도 반짝거림을 나타내어 xleds만의 아이덴티티를 살리는데 중점을 두었습니다.





신제품이 출시 된 카테고리의 경우에는 제품의 전체적인 리스트가 나오기 전에 주력상품에 대한 영상을 추가하여 제품에 대한 흥미를
이끌었습니다. 특히 제품 외관이 중요한 LED STAND 제품페이지에서는 별도의 3D 모델링을 적용한 영상이 적용되어 더욱 제품의 비주얼
부분을 부각시키는 작업을 진행하였습니다.





사이트 자체가 복잡한구조를 쉽게 풀어낸 프로젝트이기때문에 그만큼 관리자단에서의 관리가 쉬워야 했습니다. 따라서 저희는 FLASH와
XML/JSP 간에 상호 연동을 무리없이 이끌어내는데 중점을 둔 개발을 진행하였으며 사용자들이 보는 컨텐츠 페이지에서도 비주얼과 사용성
모두 만족시키는 두마리 토끼를 잡는 작업을 진행하였으며 이부분에서 특히 관계자들의 만족을 이끌어내는데 성공하였습니다.




제품의 상세정보 페이지에서는 배광곡선, 제품스펙, 3D설치사례, 설치사진 등의 심플한 UI와 해당 정보를 xml을 통해 제공하여 확장성에
중점을 두어 유지보수에도 편리함을 갖도록 했습니다. 특히 업체측에서 제일 중요하게 생각하고있는 설치사례 사진들을 효과적으로 보여줘야
하는 사안에 대해서는 업데이트가 잦지 않은 점을 감안하여 그동안 설치되었던 사례의 사진들을 랜덤으로 사용자들에게 제공하여 지속적으로
판매와 공사가 이루어지는 느낌을 주도록 작업하였습니다.  







국내 LED 조명 업계에서 돋보이는 활약을 하고 있는 xleds의 많은 경험과 노하우를 보유함을 보여주기 위해 그동안 국내외로 xleds의
우수한 조명 및 led가 직접 설치된 실제 사진을 xml로 구성하여 신뢰감 형성 및 고객 만족도에 핵심을 두었습니다.

전시영상과 아이패드 어플리케이션. 회사사이트와 제품 사이트 등이 진행되었던 이번 XLEDs 프로젝트중 특히 제품사이트에서는 제품
디자인의 비주얼적인 부분과 사용성 모두 뒤떨어지지 않도록 작업에 심혈을 기울였으며 업체측의 큰만족도를 이끌어낸 프로젝트라 할 수
있습니다.


- 키네픽스 서소현 대리 -

댓글을 달아 주세요