3년 전, 사이드 프로젝트로 국내 사례도 쉽게, 구분에 따라 확인 할 수 있으면 좋겠다는 생각으로 웹앱을 준비하다가 사정 상 멈췄다가 작년 하반기부터 ‘Hooky’라는 이름의 안드로이드 앱으로 다시 개발을 하고 있고 곧 공개할 수 있을 것 같아요. 버전에 따른 변경 사항 확인, 연관글, 컬렉션 기능 등 단순 사례 확인 이상의 공간으로 준비하고 있어요. 비개발자들의 놀이터가 되었으면 하는 마음!

얼마 전, 해외 사례를 모아볼 수 있는 또 하나의 서비스를 알게 되었어요. ‘Design Valut’가 그 주인공인데요. 크게 두 가지에 따라 사례를 확인 할 수 있습니다.

  • 앱 카테고리에 따라 전체 화면 확인
  • 앱 구성요소에 따라 화면 확인

먼저, 앱의 성격에 따라 사례를 확인하는 화면이에요. 전체 카테고리를 시작으로, 비즈니스/교육/음식/건강/라이프스타일/음악 등의 카테고리에 따라 앱 사례를 확인 할 수 있어요. 시작한 지 얼마 되지 않아 아직 비어있는 카테고리도 있지만, 이메일 뉴스레터를 구독하면 새로운 사례가 추가 될 때마다 알림을 받을 수 있다고 하네요 (Mobbin도 같은 방법을 활용하고 있어요)

앱 하나에 포함된 화면 사례를 확인할 수 있는 상세 화면 모습이에요. 저는 레딧을 선택했는데요. 회원가입, 커뮤니티 가입, 로딩, 홈화면, 인기 콘텐츠 탭, 신규 콘텐츠 탭 등 화면 소개와 더불어 사례를 확인 할 수 있습니다. 정적인 화면으로는 보여주기 어려운 사례의 경우 영상으로 확인 할 수 있어 더 구체적으로 확인할 수 있다는 점이 좋았습니다. 또, 레딧은 iOS 앱 사례만 포함되어 있으나 웹앱 등 멀티 플랫폼에 대한 사례 확인을 함께 할 수 있다는 점도 매력적!

앱 성격과 별개로 다양한 ‘패턴(구성요소)’에 따른 사례 확인도 가능해요. 놀랐던 건, 기존 서비스들과 달리 꽤 디테일한 패턴들이 제공된다는 점이었어요. 원하는 사례를 더 빠르게 확인할 수 있다는 장점이 있고, 서비스 성격에 따라 달라지는 사례를 더 깊게 살펴볼 수 있는 기회를 제공해주는 구성입니다.

게이미피케이션, 레이아웃 등 기존에 볼 수 없었던 구성이 포함되어 있어 좋습니다.

여러 패턴 중 ‘CTA’를 선택해봤어요. 앞서 말씀드린 것처럼 아이폰 앱, 웹 앱, 웹사이트 등 세 가지 플랫폼에 대한 사례를 모아볼 수 있습니다.

‘Design Valut’ 자세히 보기

장점

  • 꽤 자세한 구분을 제공하고 있어 특정 상황에 대한 사례를 볼 수 있어요.
  • 앱 뿐만 아니라 웹 앱과 웹사이트 사례를 함께 확인 할 수 있어요.
  • 이미지 뿐만 아니라 영상으로도 사례를 자세히 들여다볼 수 있어요.
  • 뉴스레터를 통해 새로운 사례를 쉽게 받아볼 수 있어요.

단점

  • 사례가 많지 않아요.
  • 앱의 경우 전체 화면이 아니라 일부 사례만 포함된 경우도 있어요.

함께 보면 좋은 서비스는?

오늘 소개한 서비스처럼 다양한 서비스 사례를 볼 수 있는 곳 40여개가 정리된 노션 링크를 확인해보세요!

00:00 뉴스레터 안내

2021년 02월 18일 발행된 24번째 뉴스레터 주제는 9개 서비스에 대한 리스트 UI 분석이었어요. 다음 뉴스레터 발행일은 3월 4일 오전이며, 주제는 ‘탈퇴화면’입니다. 탈퇴화면 분석도 많은 기대 부탁드려요! (뉴스레터 구독하기)