재테크 커뮤니티 서비스 상세페이지 디자인

재테크 커뮤니티 클럽큐의 상세페이지를 디자인했다.

 

 

그간 모임의 포스터와 각 회차의 썸네일 정도로 디자인을 구성했는데, 서비스를 조금 더 상세히 알고 싶어하는 고객을 위해 상세페이지의 필요성을 느꼈다. 더불어 블로그나 인스타 외에도 온오프믹스, 이벤터스 등 다양한 플랫폼에 홍보하기 위해서는 전체 흐름을 설명할 수 있는 상세페이지가 필요했다. 

 

 

작년부터 기획을 시작했으나 중간에 바쁜 일정들로 인해 잠시 멈춰있다가 며칠 전에서야 드디어 완성되었다. 

 

 

이번 상세페이지 디자인은 기획부터 디자인 작업까지 전체 과정을 경험해볼 수 있어서 의미가 있었다.

여러 레퍼런스들을 찾고 서비스의 메인컬러를 활용하여 작업을 진행했다.

 

 

 

 

 

상세페이지의 스토리텔링은 고객의 문제 -> 클럽큐 소개 -> 추천이유 -> 진행순서 -> 리뷰&기대효과 -> 혜택 -> 신청방법 순으로 내용을 구성했다. 상세페이지 기획에 꽤 많은 시간이 걸렸다. 여러 곳에 흩어져 있던 정보들을 모으고 재구성했다.

 

 

레퍼런스는 상세페이지의 내용구성/디자인/문장의 톤앤매너를 각각 다른 사례들로 참고했다. 그중에서도 재테크 서비스의 특징을 고려해 신뢰도, 남성을 타겟팅한 컨셉으로 기획했다.

 

 

그렇게 완성한 1차 시안은 아래와 같다.

 

 

 

전체적으로 클럽큐의 터콰이즈(블루) 컬러에 더하여 화이트, 그레이, 블랙 컬러를 사용해 포인트 컬러가 눈에 띄도록 배치했다. 가독성을 중시 여겨 폰트는 pretendard 서체를 활용했다. 

 

 

읽는 이들의 주의를 집중시키기 위해 이모지나 플랫티콘 사용은 최소화했다. 마지막 영역의 경우에는 무게감을 더하기 위해 어두운 컬러와 메인 컬러를 동시에 활용했다.

 

 

그간 편집 위주의 작업을 해오다 보니 웹 상의 디자인 작업은 또 다른 특징들을 고려해야 했다.

텍스트 간 간격 조절, 사이즈의 기준이 웹과 인쇄용 디자인이 다르기 때문이다.

 

 

1차 시안에서도 강조할 내용은 더 강조하고 일부 정보들을 수정해가며 보완을 거쳤다. 

아래는 2차 시안이다.

 

 

 

점차적으로 디자인 퀄리티나 상세페이지의 내용을 더 보완해가야겠지만, 여러 상세페이지 디자인 작업들을 거쳐 조금씩 기획과 디자인에 대한 고민의 깊이를 더할 수 있어서 만족스러운 작업이었다.

 

 

앞으로 클럽큐 서비스의 브랜딩을 위해 카드뉴스 콘텐츠 디자인을 해나갈 예정인데, 해당 내용도 포스팅할 계획이다. 더불어 클럽큐의 심화 멤버십 서비스인 ClubQ+ 서비스도 상세페이지 기획과 디자인 작업을 조만간 시작할 계획이다.

 

 

주식투자 커뮤니티 클럽큐의 서비스가 더 궁금하다면, 아래 링크를 참고하기 바란다.

 

 

지식과 자산이 쌓이는 투자커뮤니티, ClubQ

 

 

 

디자인 문의 lmyjmwl@naver.com