CY blog

레퍼런스 분석 8주차 [캐치테이블]

0. About 캐치테이블 맛집 예약부터 웨이팅까지 한 번에, 쉽게!캐치테이블로 즐거운 미식 생활을 시작하세요. 캐치테이블은 식당 예약 서비스를 제공하는 플랫폼이다.위치, 음식 종류, 가격대 등을 기준으로 식당을 검색하고, 간편하게 실시간으로 예약을 할 수 있다.이 외에도 캐치테이블은 고객 리뷰나 평가를 제공하고, 일부 식당에서는 미리 결제나 할인 혜택을 제공하는 경우도 있다.2021 구글 올해를 빛낸 앱 선정 및 2022 앱스토어 오늘의 앱 선정 등 많은 사람들에게 사랑받고 있는 서비스다.    1. 화면 구성 분석  1) 홈 (메인화면)  ① Header [검색] [북마크(마이페이지)] [알림] [검색] Input에는 '흑백요리사를 검색해보세요!'와 같이 검색 키워드 추천 Placeholder를 보여..

[7주차-3] 그룹 프로젝트 마무리!

마참내 약 한 달 가량의 그룹 프로젝트의 마무리를 지었다!   초반에는 UX 리서치도 처음이고, 그룹 프로젝트에 부담감도 많이 느꼈어서사막에서 바늘을 찾는 듯한 부담감이 느껴졌었다.중간에 우여곡절도 많았지만 UX 리서치도 처음하는 것 치곤 나름 잘 된 것 같았고와이어프레임 및 프로토타입도 잘 나온 것 같아서, 바늘을 찾는 데 성공한 것 같은 기분이 들었다!ㅎㅎ 이제 곧 있을 포트폴리오 작업에도 이번 경험이 아주 큰 자양분이 되지 않을까 한다.물론 팀원들 없이 나혼자 시작하려면 또 어버버 하고 감을 못잡을 수도 있을 것 같긴 한데..ㅋㅋ그래도 경험이 있고 없고의 차이는 크니까! 그룹프로젝트 시작 이후로 강의랑 개인 공부도 좀 소홀해졌는데이제 다시 강의도 열심히 듣고 공부를 시작해야겠다..👀

[7주차-2] 디자인 시스템의 유형

디자인 시스템을 구축하는 데는 두 가지 유형의 정보가 포함될 수 있다.첫 번째는 기업의 미션, 비전, 타겟 사용자 그리고 브랜드 핵심 가치를 통해서 명확한 브랜드 아이덴티티를 수립하는 것두 번째는 로고, 컬러, 타이퍼 그래피와 같이 아이덴티티 구성 요소에 대한 디자인 스타일 가이드를 통해서 비주얼 아이덴티티 지침을 수립하는 것이렇게 두 가지의 디자인 시스템 유형 중에 디자인 스타일 가이드는 후자인 비주얼 아이덴티티에 더 포커싱된다. 1. 브랜드 아이덴티티브랜드 아이덴티티는 기업이 사용자와 소통하고 경쟁사와 차별화할 수 있도록 브랜드 경험을 만드는 방법이다.또한 기업이 가지는 성격을 병합한 방향으로 설정을 해두면 모든 팀과 채널에 걸쳐서 일관된 방식으로 소통할 수 있게 도와준다.브랜드가 지지하는 바는 무엇..

레퍼런스 분석 7주차 [스포티파이]

0. About 스포티파이 스포티파이는 스웨덴의 세계 최대 음원 스트리밍 플랫폼으로음악 스트리밍 점유율 30% 이상을 차지하며 현대의 세계 음악 시장을 주도하는 앱 중 하나로 평가되고 있다.2006년 스웨덴의 작은 스타트업으로 시작되었으며 이름의 뜻은 spot과 identify의 합성어로이용자들의 음악 취향을 적극 반영해 좋아할 만한 음악을 제공해 주겠다는 의미를 담고 있으며,광고를 기반으로 한 무료 스트리밍 서비스를 제공한다는 가장 큰 특징이 있다.    1. 화면 구성 분석  1) 홈 (메인화면)  홈 화면 상단에 [프로필]  [전체] [음악] [팟캐스트] 4개의 카테고리로 구분된 버튼이 있다.내 핸드폰은 라이트모드임에도 불구하고 스포티파이는 검정색 배경의 다크모드 디자인만을 지원하고 있다.버튼이 활..

6주차 무신사 클론디자인에 이어 7주차에는 마켓컬리 클론디자인을 하게 되었다.https://cy79.tistory.com/51 [6주차-3] 무신사 클론디자인6주차부터 여러 서비스를 클론디자인하는 과제가 주어졌다.이번주는 무신사를 클론디자인 해야 했다. 클론디자인 과제를 하면서 이미지 영역을 채울 땐 Unsplash 플러그 인을 사용했다.https://www.fcy79.tistory.com 무신사 클론디자인을 했을 때 폰트때문에 꽤 애를 먹었었는데마켓컬리는 무신사보다는 폰트 분석이 쉬웠다.여기서 폰트 분석 팁을 주자면, 'ㅈ'자와 'ㅎ'자 위주로 구분하면 쉽다.   나눔바른고딕의 'ㅈ'은 'ㄱ'에 획추가한 듯한 모양이고 'ㅎ'의 모자(?)부분이 평행하다.애플산돌고딕의 'ㅈ'은 좌우대칭 모양이고 'ㅎ'은 ..

6주차부터 여러 서비스를 클론디자인하는 과제가 주어졌다.이번주는 무신사를 클론디자인 해야 했다. 클론디자인 과제를 하면서 이미지 영역을 채울 땐 Unsplash 플러그 인을 사용했다.https://www.figma.com/community/plugin/738454987945972471/unsplash클론디자인 시 폰트까지 무조건 똑같이 할 필요는 없다고 생각해서 대부분은 내 최애 폰트인 프리텐다드를 사용하긴 하지만이번 클론디자인을 할 때는 폰트도 유의하면서 진행했다.폰트가 다운로드 받을 수 있는 폰트인지, 시스템 폰트인지 서치하는 과정에서 시간이 많이 소요되었다.검색해보니 무신사는 자체적으로 서체를 만들어서 사용하고 있었다. 그 외의 폰트는 나눔바른고딕과 프리텐다드, 그리고 정체모를 폰트(?)로 구분할 ..

플로우 차트란? https://brunch.co.kr/@b30afb04c9f54dc/25 유저플로우(User Flow) 그리는 방법유저님, 어디로 가시나이까- | 지난 유저 스토리, 유저 시나리오에 이어 두 번째 공부할 내용은 바로 유저 플로우(User Flow)이다. (기획엔 참으로 유저 들어가는 내용이 많다... ㅎㅎ) https://brunch.co.kbrunch.co.kr https://brunch.co.kr/@bc97281a20374ce/7 기획과 서비스의 User Flow나의 플로우차트(Flow Chart) 활용법 | 다음글: PM의 랜딩페이지 기획 Intro 신규 프로젝트를 기획하는 과정에서 플로우 차트의 중요성을 체감한 경험이 있습니다. 신규 서비스 기획 초기에 서비스를brunch.co.k..

https://cy79.tistory.com/44 [5주차-1] 그룹과제 1주차 완료4주차부터 그룹 프로젝트를 시작하게 되었다.그룹 프로젝트의 큰 흐름은 팀원들과 함께 유저 리서치를 진행하고 그 결과를 바탕으로최종적으로 개선사항을 도출하는 것이었다.4주차에는 리서cy79.tistory.com 그룹 프로젝트로 '토스' 유저 리서치를 계속 진행중이다.현재 그룹 프로젝트는 3주차를 맞이했다.1주차에는 토스가 어떤 서비스인지와 어떤 불편사항이 있는지 설문조사를 진행했고2주차에는 1주차의 자료를 바탕으로 퍼소나와 사용자 여정지도를 만들고 벤치마킹 서비스 조사를 진행했다.이번 3주차에서는 UX 컨셉 리서치 및 User Flow, Flow Chart를 만드는 것이 주된 내용이었다.토스의 UX 컨셉 리서치 한 자료들을..

어느덧 레퍼런스 분석도 6주차로 접어들었다.그동안 다양한 서비스를 분석해보았는데, 어제 밤에 네이버를 키면서 문득 '왜 네이버를 분석할 생각은 안했지?'라는 생각이 들면서숨쉬듯이 사용하는 앱은 조사 후보에도 넣고있지 않았다는 것을 깨달았다.그래서 이번 주는 아마 내가, 그리고 우리나라 사람들이 가장 많이 사용하는 앱 중 하나인 네이버를 분석해보려 한다.   0. About 네이버 네이버는 우리나라의 대표적인 인터넷 포털 사이트이자 종합 플랫폼이다.네이버는 구글과 유사한 포털사이트의 역할을 하지만, 검색 서비스 외에도 여러 가지 부가적인 기능을 통합하여 제공하고 있다.검색기능부터 뉴스, 블로그, 카페, 지식인 등의 커뮤니티 서비스, 네이버페이, 네이버지도와 같은 편의 서비스에 이어웹툰·웹소설, 쇼핑, 여행..

0. About 뱅크샐러드 뱅크샐러드는 금융 상품 비교와 자산 관리뿐 아니라 건강 검사까지 제공하는 종합 서비스다.계좌, 카드, 대출 등의 자산 관리 및 가계부를 비롯해 무료 건강 검사 서비스와신용카드·대출 금리·주택담보대출·자동차 보험 등 다양한 금융 상품을 비교할 수 있는 정보를 제공중이다.이 앱을 선택한 이유는 지금 그룹 프로젝트로 [토스] 유저 리서치를 진행중인데, 주요 경쟁사 중 [뱅크샐러드]가 포함되어 있다.토스의 주요 경쟁사 중 이 [뱅크샐러드]를 몇 년째 이 앱으로만 가계부를 관리하고 있어서더 자세히 파악할 수 있을 것 같다고 생각되어서 레퍼런스 분석을 진행하게 되었다.    1. 화면 구성 분석  - 화면 구성 분석은 푸터의 탭별로 이루어졌다.  1) 홈 (메인화면) 메인화면 페이지이자 ..