APP

PIRL

PIRL은 러닝 크루를 만들고 함께 달린 기록과 소식을 나누는 러닝 커뮤니티 앱입니다. 똑똑한개발자는 주간 기록을 보여주는 홈과 크루 만들기부터 러닝 중 화면, 활동 기록과 클래스 화면까지 작업했습니다.

LaunchDec, 2025
ClientPIRL

이번 주 거리와 크루 소식을 먼저 보여주는 홈

홈을 열면 This week 아래 주간 누적 거리가 큰 숫자로 먼저 보이고, 그 밑에 RUNS·AVG.PACE·TIME이 붙습니다. 크루에 들지 않은 사람에게는 New Crew 카드로 WAUSAN30 같은 크루를 소개하고 View Crew로 바로 들어가게 해, 홈이 크루 가입의 입구가 됩니다. 가입한 뒤에는 상단이 크루 로고와 빨간 크루 색으로 바뀌고, 기록이 없을 때는 Write a Post 버튼으로 첫 글을 권합니다. What’s New에는 [EES x PIRL / COLDPLAY] 같은 협업 소식이 사진 카드로 올라와 검은 화면에서 가장 먼저 눈에 띕니다.

로고와 색으로 정체성을 정하는 크루 만들기

크루를 이끌 사람은 Create Crew 화면에서 Crew Logo, Crew Name, Crew Color, Description 네 항목만 채우면 크루를 만들 수 있습니다. 이름은 2–10자, 로고는 200×200 px 이상이라는 안내가 입력칸 곁에 붙어 있어 다시 입력하는 일을 줄입니다. 만들어진 크루 상세에는 Crew Chat과 Members 버튼, Members·Total Posts·Created On, Leader, Announcements와 Posts가 한 화면에 이어집니다. 고른 크루 색은 홈 상단에 쓰여 크루마다 다른 인상을 주고, Crew Settings에서 같은 항목을 고쳐 Save할 수 있습니다.

거리 숫자 하나에 집중한 러닝 중 화면

RUN 탭을 열면 검은 화면 가운데 0.00 Kilometers와 Start Run 버튼만 남겨 바로 달리기를 시작하게 합니다. 달리는 동안 Pace·BPM·Time은 위쪽에 작게 두고, 가장 자주 확인하는 거리를 가장 크게 유지합니다. 옆으로 넘기면 Intervals 표에서 구간별 Distance·Pace·Time을 보고 Lap 버튼으로 구간을 나눌 수 있습니다. Pause와 Lap은 흰색의 넓은 버튼으로 두어 뛰면서도 누르기 쉽게 했고, 배경에는 로고 형태가 어둡게 깔려 있습니다.

달린 기록과 클래스 일정을 한곳에서

러닝 기록 상세에서는 거리·페이스·시간 아래로 CALORIES, ELEVATION GAIN, HEART RATE, CADENCE를 두 열로 보여주고, NOTE와 함께 달린 PARTNERS까지 남길 수 있습니다. ACTIVITY 탭은 Runs·Badges·Record로 나뉘고, Week·Month·Year를 바꿔 가며 Indoor·Outdoor 기록 카드를 훑어볼 수 있습니다. 카드마다 함께 달린 사람의 프로필이 붙어 개인 기록이 크루 활동으로 이어집니다. CLASS 화면은 포스터 이미지를 크게 두고 Running Basics의 날짜·시간·장소와 정원 4/10을 보여주어, 다음 모임 참여로 이어지게 합니다.

📌 이 작업의 포인트
  • 01주간 누적 거리와 크루 소식을 담은 홈
  • 02로고·이름·색·소개만으로 만드는 크루
  • 03구간 기록까지 넘겨 보는 러닝 중 화면