Brand & Digital

CJ Healthcare: Pharmaceuticals, R&D and Health & Beauty Drinks

CJ Healthcare Corporate Website
Client
CJ Healthcare
Category
Brand, Digital
Services
Digital Strategy, Website, UX/UI, Search & Performance, Development
Scope
Digital Strategy, UX Strategy, Art Direction, Style Guide, Mobile Site Design, Website Design, SEM/SEO, Interactive Style Guide
Year
2017

Our goal was to minimize the amount of customers who leave the CJ Healthcare site. The website visitors originate from many different fields, such as health professionals, medical experts, and the general public.
Therefore, we analyzed and referred the data extracted from Google Analytics, and discovered that the contact between the purpose of users visiting and the moment they leave the website was browsing.
Through the strategic SEO operation and construction of Linked Contents UX, we were able to enhance the user residence time and contents consumption.

CJ헬스케어는 제약, R&D, 건강/뷰티 음료를 꾸준히 출시하는 기업입니다. 우리의 목표는 CJ헬스케어 사이트에서 고객의 이탈을 최소화하는 것이었습니다. 웹사이트를 찾는 고객들은 주로 의료 관련 업계 종사자부터 의료전문가, 일반 고객까지 다양했습니다. 우리는 구글 애널리틱스에서 추출한 데이터를 분석, 참고하여 사용자의 사이트 방문 목적과 이탈의 접점이 검색임을 알았습니다. 전략적 SEO 운영, Linked Contents UX 설계를 진행하여 체류 시간과 콘텐츠 소비량을 높일 수 있었습니다.

Switch 구성을 통한 콘텐츠 확장성. 확연하게 다른 B2B, B2C 사용자 모두 원하는 정보를 쉽게 찾을 수 있도록 Switch 구성을 도입했습니다. 메인에서 오른쪽 Switch Bar를 클릭할 경우 화면이 전환되며, Health&Beauty 콘텐츠가 노출됩니다. 제약 콘텐츠를 소비하던 사용자들은 Switch 구성을 통해 자연스럽게 Health&Beauty 브랜드의 상세 콘텐츠나 이벤트에 참여할 수 있도록 연결성을 부여했습니다.

CJ Healthcare Website - Mainpage

진정성을 강조한 Cj헬스케어만의 차별화된 콘셉트. 기존 사이트에선 CJ헬스케어의 비전인 ‘Heal the world, Better Life’를 찾아볼 수 없는 콘셉트였기에 아이덴티티를 강화하기 위해 비전과 적합한 컬러를 제안했습니다. 더불어 CJ의 톤&매너를 유지하기 위해 CJ 서체인 OnlyOne체의 형태의 특징을 화면 내 사용되는 검색바, 버튼, 아이콘에 사용했습니다.

CJ Healthcare Website - Product page
CJ Healthcare Website - About page
CJ Healthcare Website - About page
CJ Healthcare Mobile site - Main page

풍부한 모션과 인터렉션을 이용한 R&D 전문성 강조. 다소 딱딱하게 느껴질 수 있는 R&D 콘텐츠에 풍부한 모션과 인터렉션을 가미하여 R&D 기술력에 대한 이해를 높였고 Cj헬스케어의 경쟁력을 강화했습니다. 반응형 웹 사이트이기에 웹에서 느끼는 감성들을 모바일에서도 동일하게 느낄 수 있게 모션과 인터렉션을 삽입하였으며, 이를 위해 적절하게 계산된 스크립트를 사용하여 모바일에서도 최적화된 모습을 보여줍니다.

CJ Healthcare Website - R&D/About page
CJ Healthcare Website - Career/R&D page
CJ Healthcare Mobile site - About page
CJ Healthcare Website - Brand page
CJ Healthcare Website - Brand page
CJ Healthcare Website - Brand page
CJ Healthcare Mobile site - Brand page

Credits

Lead AgencyCJ OLIVENETWORKSProduction AgencyDFYDevelopmentBluegram

Project ManagementMoon HeesooPlanningYoo EunsunHwang IlminAD+DesignChoi BomiDesignBae HaerimLee NamjunPublishingGong AhreumPark GyutaePatrick SungChoi Yoonjung

Samsung Gear 360 Website