Overview
Samsung.com은 77개국의 일관된 디지털 브랜딩의 아이덴티티를 위해 글로벌사이트의 UI/UX 스트럭쳐를 구성하는 Components를 AEM(Adobe Experience Manager)을 통해 관리하고 있습니다. Components는 특정 기능을 구현하는 Modular Unit이고 이를 구성하는 데 있어 관리자가 AEM Components를 숙련하기 위해 수없이 많은 반복 학습이 필요하였고 분리된 Authoring Guide를 확인 후 AEM의 Components를 일일이 찾아 개별로 작업해야 하는 어려움이 있었습니다.

우리는 이러한 번거로움을 해결하기 위하여 Samsung.com을 구성하는 모든 Components와 그것들로 조합된 Template를 가시화하고 관리할 수 있는 플랫폼을 제작하였습니다.
product_list
product_list
Overview
Samsung.com은 77개국의 일관된 디지털 브랜딩의 아이덴티티를 위해 글로벌사이트의 UI/UX 스트럭쳐를 구성하는 Components를 AEM(Adobe Experience Manager)을 통해 관리하고 있습니다. Components는 특정 기능을 구현하는 Modular Unit이고 이를 구성하는 데 있어 관리자가 AEM Components를 숙련하기 위해 수없이 많은 반복 학습이 필요하였고 분리된 Authoring Guide를 확인 후 AEM의 Components를 일일이 찾아 개별로 작업해야 하는 어려움이 있었습니다.

우리는 이러한 번거로움을 해결하기 위하여 Samsung.com을 구성하는 모든 Components와 그것들로 조합된 Template를 가시화하고 관리할 수 있는 플랫폼을 제작하였습니다.
Samsung AEM <br>Component Library Concept Image
  1. Project Concept
  2. 사용자 중심의 UI/UX 효율적인 컴포넌트 검색기능, 업데이트 노트, 컴포넌트 프리뷰 등 다양한 기능과 사용자 편의 중심의 UI/UX를 반영하여 기획하였습니다.
  1. Color
  2. 무채색 계열의 Black, Gray, White를 메인 컬러를 사용해 통일감과 안정감을 주며, 콘텐츠의 집중도를 높이고자 하였습니다. 또한, 포인트 컬러인 Blue를 사용해 단조로움을 해소하였습니다.
    • black
    • blue
    • gray
    • white
  1. Font
  1. Development
  2. UI/UX / Front End / Back End / 관리자 개발

    인기 검색어 프로세스 개발
    하이라이트 프로세스 개발
    프리뷰 프로세스 개발
    컴포넌트 이미지 다운로드 개발
    컬렉션 기능 개발
    북마크 기능 개발
    튜토리얼 개발

Home

home

Grid system

view_desktop