flo

안녕하세요, 꾸우._. 입니다. 이번주에는 웹 랜딩 페이지 분석과 API 분석을 통해 개발 프로세스에 대해 정리해보겠습니다. 분석할 프로덕트는 지난 주차 과제들에서 몇 차례 언급했던 음원 플랫폼 'FLO'입니다. 📌 웹 랜딩 페이지 들여다보기 FLO를 웹에서 접속했을 때 보이는 랜딩 페이지는 아래와 같습니다. 개발자 도구를 통해 본 HTML 구조는 크게 '헤더', '섹션 홈', '푸터', '플레이어' 로 구성된 것을 확인할 수 있었으며, 자세한 구조는 아래와 같습니다. Header Inner FLO 스와이퍼 배너 오늘 발매 음악 오늘 인기 오디오 TOP20 추천 플레이리스트 1 : 오늘 뭐 듣지? 장르 콜렉션 추천 플레이리스트 2 : 노래는 내가 틀게, 넌 운전만 해 Editor's Pick 하단 컨텐츠..

안녕하세요, 꾸우._. 입니다. 이번주에는 패스오더를 분석하면서 선정한 MVP를 바탕으로 A/B 테스트 계획을 세워보겠습니다. 📌 시작 전 워밍 업 지난 과제에 이어 워밍 업 프로덕트로 다시 플로를 선택했습니다. 지난 주 UX 개선점을 정리했으나, 다소 주관적이었던 점을 고려해 해당 프로덕트를 다시 찬찬히 훑어보았는데요. 그 때 플로가 제공하는 서비스에 대한 몰랐던 사실을 알 수 있었습니다. 그래서 해당 프로덕트를 조금 더 깊게 들여다보고 싶어 선정하게 되었습니다. 💡 FLO의 각 Funnel 플로에서의 퍼널은 사용자가 어떤 서비스를 사용하느냐에 따라 크게 2가지로 나뉩니다. 스트리밍 서비스 사용자 회원가입 → 첫 달 100원 → 유료 구독 → 제휴 통신사 회원 유도 → T 멤버십 고객 한정 6개월 30..

안녕하세요, 꾸우._. 입니다. 이번주에는 지난 과제들에서 선정한 MVP에 대한 UX 개선 및 개발해보도록 하겠습니다. 📌 시작 전 워밍업 현재 하고 있는 패스오더 외에 다른 프로덕트의 UX에 대해 분석해보고, 개선안을 정리해보겠습니다. 여기서 제가 선정한 프로덕트는 제가 약 6개월 가량 실사용해본 음원 스트리밍 플랫폼인 'FLO' 입니다. 💡 FLO의 좋은 UX FLO에서는 본인의 선호하는 음악 장르, 아티스트 등 음악 취향을 설정할 수 있는 기능이 제공되는데, 이런 사용자의 설정과 사용자가 최근에 들은 음원을 바탕으로 여러 기능을 제공합니다. [홈] 탭의 '좋아할 만한 아티스트 MIX' FLO를 켜면 제일 먼저 나오는 메인 페이지에서 최상단 영역에 위치한 기능입니다. 배너 형태로 구성되며 인디케이터 ..