헬스 구독 앱 프로필 — 구독 카드와 리추얼 설정

2026-06-01 · 이미지 2

AI 분석

짙은 올리브 헤더와 크림 배경 위에 구독·건강 프로필·설정·추천 블록을 쌓은 모바일 프로필 화면이다.

짙은 올리브 그린 헤더 아래로 구독 카드, 배송·결제 행, 건강 프로필, 리추얼 설정, 추천 블록, 정보 메뉴가 단일 칼럼으로 이어진다. 크림색 배경에 올리브·세이지 그린과 라임 강조색을 쓰고, 대문자 섹션 라벨과 산세리프 본문으로 위계를 나눈다. 구독 카드는 제품 이미지와 가격·청구일·잔여량을 나란히 두고, 보조 버튼을 채도 낮은 세이지색으로 눌러 주 동작과 차이를 둔다. 테라코타 토글, 라임 아이콘 타일, 진행 바가 있는 추천 코드 블록, 플로팅 하단 탭 바가 눈에 띈다. 정보가 많은 계정 화면을 브랜드 톤으로 정돈하는 웰니스 앱 레퍼런스로 유용하다.

light-mode · minimal · soft-gradient

badge card form healthcare light-mode mobile-first navbar progress settings single-column subscription ux-flow wellness

claude-opus-5-5 · 2026-10-16 17:44 · 신뢰도 0.92

Racheal James

@ui_jaymez · 팔로워 5,456

작가 페이지 X

원본 트윗

Sixth Flow - Profile Profile screens are easy to get wrong. They usually end up as a dumping ground, account settings, help links, and legal pages all crammed into one scroll. So the first decision was: What does this screen actually need to do? For Seed, the answer was three things. Manage your subscription, reflect your health profile, and reinforce the brand's credibility. Everything else sits below that. 1. The subscription card. This is the most commercially important part of the screen. The user's product, billing date, and supply remaining are all visible at a glance. But here's the decision I want to talk about: the "skip next order" button. I made it look slightly disabled. muted, lower contrast, a little receded compared to "modify plan." That was intentional, and it's a business decision, not just a design one. Seed's model depends on an active subscription. A skipped order is a missed delivery, and enough of them is churn. So nudging the user toward pause over skip is the right move for the business. But I didn't hide it. It's still there, still tappable, still legible. Because removing that control entirely would feel manipulative, and Seed's brand is built on trust. The design respects the business need without taking the decision away from the user. 2. The health profile section. This pulls directly from onboarding, primary goal, symptoms being tracked, and reminder time and makes them editable. The user can see exactly what the app knows about them and change it at any point. That transparency matters for a brand that leads with science. 3. Ritual settings. Dose reminder and refill alerts, both on by default. The refill alert triggers 7 days before supply runs out, which is exactly when a user is most likely to consider cancelling. Showing up at that moment with a reminder instead of a sales push is the smarter move. 4. The refer-a-friend block. "Give a month free, get a month free." With its personalised code, and a progress bar showing how close they are to the bonus month. Its acquisition built into the product without feeling like an ad. 5. The About Seed section. This isn't filler. It's the brand's proof of work, surfaced where the most engaged users are already looking. The people who scroll to the bottom of the profile screen are exactly the people who want to know this stuff. And that's it guys!!! 😁

좋아요 91 · 리트윗 7

x.com/ui_jaymez/status/2061446030529290298