Design

inthe x

Tag

  • ui DESIGN
  • APP DESIGN

Cilent

Recopick

SERVICE

제품 발견을 유도하고
매출을 높이는
개인화 추천 서비스.

레코픽은 2013년 클라우드 기반의 가입형(subscription) 추천 서비스로 시작해 현재 200여 개 고객사를 확보하고 있으며 성능과 안정성이 검증된 실시간 개인화 추천 엔진 기반의 개인화 서비스 제공업체입니다. 기존의 홈페이지에서는 서비스 홈페이지라는 역할에 있어 복잡한 구조와 문장으로 구성되어 고객의 유입을 유도하는 역할로써는 다소 부족한 부분들이 보였습니다. 빅데이터라는 기술을 활용하는 서비스인 만큼 어렵게 느껴지는 용어나 설명보다 한 번에 이해하기 쉽도록, 서비스를 고객에게 친근하게 설득하고 가입할 수 있도록 중점을 두고 홈페이지를 리뉴얼하게 되었습니다.

레코픽, 솔루션의 이용/문의 하는데 부담없이 접근할 수 있는 구조로 설계했습니다. 레코픽, 솔루션의 이용/문의 하는데 부담없이 접근할 수 있는 구조로 설계했습니다.

RESEARCH

어떤 고객이 서비스를 이용하는가?

  • 자사몰을 운영하는 모든 기업
  • 고객 이탈을 줄이고 구매전환을
    확대하고자 하는 기업
  • 상품을 찾는 고객들에게 자사몰을 노출해
    유입을 증가시키고자 하는 기업

레코픽 서비스가 제공할
정보는 무엇인가?

  • 레코픽 서비스는 무엇인가?
  • 어떤 사람들이 이용하면 되는가?
  • 왜 레코픽 서비스를 이용해야하는가?
  • 레코픽 서비스로 인한 기대효과는?
  • 언제든지 문의할수 있는 구조

리뉴얼 웹사이트

  • POINT 1 . 서비스를 한눈에 알아보기 쉬운 이미지
  • POINT 2 . 자연스러운 가입신청 제안
  • POINT 3 . 이해하기 쉬운 서비스 설명
  • POINT 4 . 필요한 정보만, 효과적으로
  • POINT 5 . 중요 정보 / 일반 정보의 강약 조절로 강조

DESIGN CONCEPT

Concept color 레코픽의 컨셉컬러는 #302F8E, #FFBF00, #242424 입니다. 레코픽의 컨셉컬러는 #302F8E, #FFBF00, #242424 입니다. 레코픽의 지정서체는 국문서체 Pretendard와 영문서체 Sora를 사용했습니다.

Typography 레코픽 리뉴얼 사이트의 지정 서체는 국문 서체 Pretendard와 영문 서체 Sora를 함께 사용합니다.
숫자의 경우 영문 서체 Sora를 활용해 수치를 강조하는 디자인을 보다 강조할 수 있도록 사용합니다.

레코픽의 지정서체는 국문서체 Pretendard와 영문서체 Sora를 사용했습니다. 레코픽의 지정서체는 국문서체 Pretendard와 영문서체 Sora를 사용했습니다.

레코픽 모바일 모션맵 이미지입니다. 레코픽 모바일 모션맵 이미지입니다.

레코픽 웹 모션맵 이미지입니다. 레코픽 웹 모션맵 이미지입니다.

motion scene

키워드별 모션 요소 들을
활용해
이해하기 쉬운
서비스 설명으로.

서비스 홈페이지는 사용자가 오래 머물며 탐색하도록 유도하는 것이 중요하며, 서비스를 소개하는 본 역할에 충실해야 합니다. 복잡한 설명과 생소한 정보는 사용자의 이탈로 이어지게 되므로 생소한 서비스를 보다 쉽게 설명하는 것에 중점을 두고 빠른 시간에 일일이 읽지 않아도 정보를 전달할 수 있는 모션 요소들을 적극 활용하여 페이지를 구성했습니다.

recopick digital
레코픽 웹 샘플 이미지입니다. 레코픽 웹 샘플 이미지입니다. 레코픽 웹 샘플 이미지입니다. 레코픽 웹 샘플 이미지입니다.

Project Recopick

Progress period 2022 Aug. - Oct.

Design Yu chaehyeon

Ⓒ2023 INTHE X ALL RIGHTS RESERVED.

NEXT PROJECT