본문 바로가기

loading...

Lotte fine chemical
Web/Mobile Renewal

Category : Web Client : 롯데정밀화학 Url : www.lottefinechem.com 2017.01.20

글로벌 스페셜티 화학전문기업, 롯데정밀화학의 리뉴얼 프로젝트를 진행하였습니다.

롯데계열의 화학전문기업, 글로벌 스페셜티 화학 전문 기업 롯데정밀화학은 최신 웹 트렌드에 발 맞춰 글로벌 기업의 이미지를 구축하고자 웹사이트의 리뉴얼을 진행하였습니다. 모바일과의 통일성을 고려하여 카드타입의 모듈형 레이아웃으로 기획하였으며, 화학이라는 어려운 분야의 기술에대해 친근하게 다가가고 전문성을 전달할 수 있도록 친큰한 컬러감을 더하였습니다.

보다 쉬운 정보 전달을 위한 레이아웃과 컬러

롯데정밀화학의 무거울 수 있는 제품과 기술에 대한 정보를 사용자들에게 전달하기 위해 직관적인 모듈형 레이아웃과 다양한 컬러를 활용하여 보다 쉽고 친근하게 접근하였습니다.

모바일 사용자의 편의성을 고려한 직관적인 UI/UX

불필요한 이동 없이 메인페이지에서 주요 메뉴로 바로 이동할 수 있도록 주요 메뉴를 메인페이지에 설계하였고, 주요 메뉴에 텍스트와 아이콘으로 구성하였습니다. 또한, PC버전의 전체적인 구성과 디자인을 최대한 활용하여 구축함으로써 PC와 모바일 버전의 통일성을 유지하였습니다.

Asia Top 10 정밀화학사, 롯데정밀의 사업방향 및 비전를 효과적으로 노출하여 기업의 아이덴티티를 높혔습니다.

화학산업의 근간이 되는 일반화학 사업에서 출발해, 의약용 캡슐원료 애니코트, 건축용 기능성첨가제 메셀로스 등 고부가가치 정밀화학 분야로 사업영역을 확대하고, 반도체현상액 원료 TMAC, 컬러레이저프린터 토너 등 전자재료 분야의 사업을 추진하며 기술력 기반의 스페셜티 케미칼 전문기업으로 웹사이트에서 효율적으로 노출하고자 하였습니다.

또한 브랜드의 티스토리 블로그와 페이스북 컨텐츠를 API를 통해 연동하여 사용자에게 브랜드에 대한 최근 소식을 실시간으로 제공합니다.

주식정보를 API를 활용해 브랜드에 대한 실시간 주가정보를 연동하고 있으며, 공시정보, IR 자료실, PR 자료실, 인재채용 등의 게시판 페이지도 비동기통신(AJAX)를 통해 쉽고 빠른 데이터 로딩과 각 페이지에 맞는 레이아웃을 구현했습니다.

다양한 환경의 사용자를 고려한 웹접근성, 탄탄한 마크업으로 기업신뢰도 상승

롯데정밀화학은 익스플로러 8버전 부터 크로스브라우징을 지원하는 프로젝트입니다. 메인페이지 디자인부터 시작되는 영역을 넘나드는 컨텐츠들을, 마크업과 CSS로 풀어내기 위해 많은 고민을 했습니다. 탄탄한 마크업과 웹 접근성은 사이트 이용자들에게 기업에 대한 신뢰감을 더해주는 요소들이 될 것입니다

한번의 터치로 손쉬운 정보습득이 가능한, 모바일 METRO UI디자인으로 컨텐츠 접근성 향상

PC웹페이지와의 지속성이 느껴질 수 있는 동일한 톤앤매너로 기업 아이덴티티에 대한 혼란이 없도록 동일한 사용자 경험을 제공하고, 모듈형식으로 구성되어있는 메트로 UI디자인으로 스크롤 없이 전 메뉴를 한눈에 보고, 한번의 터치로 손쉽게 서브 페이지로 접근할 수 있도록 디자인 되었습니다. 심플한 라인 형태의 아이콘 디자인을 접목하여 현장감을 표현하는 실사 비주얼과 더불어 세련된 기업 이미지를 전달합니다.

컨텐츠 중심의 모바일UI, 관리의 용이성이 더해진 효율적 디자인

다양한 제품군을 자랑하는 롯데정밀화학의 컨텐츠관리 용이성을 고려하여 pc웹의 이미지 비율을 모바일 환경에서도 동일한 비율로 적용하여, 모바일 페이지의 개별적 관리가 필요 없이 pc웹사이트의 관리만으로도 모바일 웹에서 동일하게 적용된 화면을 노출할 수 있도록 기획 및 디자인되었습니다.

  • Design. UI/UX, Grid layout, Reactive d
  • Web strategy. UI/UX 및 Backoffice 기획
  • UI development. 웹 표준, 웹 접근성
    연혁 모션
  • Web development. Jdk 1.6,
    SpringFrameWork 3.0