러닝 콘텐츠와 커뮤니티 정보를
탐색형 미디어 구조로 정리했습니다.
런톡은 러닝 뉴스, 트레이닝, 기어, 대회 정보, 러닝크루를 함께 다루는 러닝 전문 미디어 플랫폼입니다.
웹핏은 많은 기사와 커뮤니티 정보가 흩어져 보이지 않도록, 사용자가 콘텐츠를 읽고 대회와 크루 정보를 탐색하는 순서에 맞춰 구조를 정리했습니다.
뉴스, 카테고리, 대회, 러닝크루, 뉴스레터가 이어지는 미디어 흐름을 구성했습니다.
러닝기어와 뉴스 콘텐츠를 카테고리별로 탐색할 수 있도록 목록 구조를 정리했습니다.
지역 러닝크루를 지도와 검색 기준으로 찾을 수 있는 구조를 구성했습니다.
대회 리스트와 캘린더를 나누어 러너가 원하는 방식으로 일정을 확인하게 했습니다.
기사, 대회, 크루 정보가 지속적으로 쌓이는 운영형 플랫폼 구조로 정리했습니다.
실제 화면 구성
콘텐츠를 읽는 흐름과 러닝 활동에 참여하는 흐름이 분리되지 않도록 화면별 역할을 나누었습니다.
01 Main
러닝 정보를 모아 보여주는 메인
주요 기사, 최신 콘텐츠, 대회 정보, 지역 러닝크루, 뉴스레터가 한 화면 안에서 연결되도록 구성했습니다.
- 대표 기사와 보조 기사의 시선 흐름 정리
- 최신 콘텐츠 목록과 사이드 정보 영역 구성
- 대회, 크루, 뉴스레터로 이어지는 미디어 허브
02 Gear
카테고리별 콘텐츠 목록
러닝기어 관련 기사를 이미지, 카테고리, 제목, 요약 중심으로 읽기 쉽게 정리했습니다.
- 카테고리별 기사 목록 구조
- 썸네일과 제목을 함께 보여주는 목록형 레이아웃
- 사이드바에 인기 기사와 최신 대회 정보 배치
03 Crew
지역 기반 러닝크루 탐색
러닝크루를 지역, 주변 거리, 검색어 기준으로 찾을 수 있도록 지도 기반 탐색 화면을 구성했습니다.
- 러닝크루 등록과 검색 진입점 제공
- 지역과 주변 거리 필터 구성
- 지도 위 위치 정보로 커뮤니티 탐색 강화
04 Race
대회를 비교하는 리스트
대회명, 지역, 종목, 날짜를 카드형 목록으로 정리해 러너가 참여 가능한 대회를 빠르게 비교하도록 구성했습니다.
- 지역, 종목, 접수 상태 필터 제공
- 대회 이미지를 중심으로 한 카드형 목록
- 리스트와 캘린더 전환 구조
05 Calendar
일정으로 확인하는 대회 캘린더
대회 정보를 월별 달력으로 확인할 수 있도록 리스트와 다른 탐색 방식을 제공했습니다.
- 월별 대회 일정 확인 구조
- 오늘, 이전, 다음 버튼으로 일정 탐색
- 대회 리스트와 보완되는 캘린더형 화면
