ZeeMeeDesign Exercise

Cross-cutting audit · 12 workflows

ZeeMee student app, audited end to end

A lead-UX-designer review of 72 screenshots across 12 workflows in app v5.11.1 (6649), iOS. The app works. It just feels flat. The moments that matter most (signup, admission, first friend, finished profile) all ship with the visual restraint of a B2B SaaS tool. This audit ranks the redesign bets and points at the one that should ship first.

Reader: PM · Eng · Design  ·  Source: Screenshots/CATALOG.md  ·  Deep-dive on workflow 01: Onboarding optimization

TL;DR. Top 3 redesign bets, ranked by user and business impact.

  1. The Admission Moment.Highest ROI for the exercise. Turn “I've been admitted” into a celebratory, shareable, identity-forming flow. Today it's a two-row bottom sheet that looks identical to “Move to Trash.”
  2. Onboarding compression and payoff.27 screens to “all set”, capped by a 2016 mascot and zero personalized payoff. Cut the form-filling. End on a “meet your people” moment that proves the data you just collected was worth it.
  3. Make Connections. One card on screen. No stack. No swipe. No momentum. The flagship discovery surface behaves like a paginated form.

The rest of this report goes workflow by workflow. Cross-cutting findings come first, then 12 workflow cards, then the Step 1 pick and what we'd validate next.

Cross-cutting findings

Four patterns show up on every workflow. Fix these once at the token layer and the whole app levels up.

1. Three visual eras share one app

A 17-year-old can't name “this UI is from 2018” but clocks it as “not for me” in under a second. Four eras fight for attention right now.

EraWhere you see itVisual signature
New brand (2026)Splash, University of the Pacific invite modal, profile completion barOrange to red to magenta gradients, glossy phone-mockup illustration, modern card language
Mid-era (~2020)Friends recommendation card, DM icebreaker libraryRounded image cards, vibrant photography, chip badges
Legacy (~2018)Almost every utility screen. Name entry, college stage, school list, graduation year, settingsFlat white background, system-blue NEXT button, thin gray dividers, hairline list rows
Mascot-era (~2016)The 'Here’s how we can help' interstitial and the 'You’re all set' closerGeneric vector illustrations of stick-figure students, soft pastel WELCOME ribbons
Fix: lock a single token set from the 2026 brand (gradient, neutrals, type, radii, motion). Rip every legacy CTA out in one pass. The blue NEXT button is the worst offender. It lives on 12+ screens and fights the splash and invite gradients.

2. The tab bar is too quiet

Five tabs (Home, Chat, Make Connections, Profile, Backpack) ride thin outline glyphs. No fill state. No label. A pinprick orange dot for unread counts. Every reference app in this cohort (Discord, BeReal, Instagram, TikTok, Snapchat) uses filled or duotone icons with motion on selection. The current bar reads as 2018 utility nav.

3. Empty states do no work

  • Search.A magnifying glass and “Search for people and colleges.” No suggestions. No people-you-might-know. No trending communities. No recent searches.
  • Backpack. One deals lockup. No taxonomy. No density.
  • Roommate tab.Three circular avatars and a “Take Quiz” link.

Empty states are the cheapest place to surface value. Right now every one of these is a dead screen.

4. CTAs don't match the brand

The primary CTA color is deep blue on NEXT, YES NOTIFY ME, CHECK IT OUT, Post, Add bio, Take Quiz, and Update status. But the brand's most emotional surfaces (splash, invite, profile completion) use the orange-to-magenta gradient. Selected topic chips go yellow. The Roommate quiz is orange text-only. Pick one primary action color. Derive hover, pressed, and disabled. Enforce it.

Workflow by workflow

12 workflows, in source order. Two are starred as priority. Each card opens with observations from the screenshots and closes with ranked opportunities.

01

Onboarding and signup

27 screens between cold launch and 'all set'. The form set is right. The packaging hasn't moved since 2018. The deep-dive lives at /reports/onboarding.

01_Onboarding-Signup 01: Splash (brand)
#01 · Splash (brand)
01_Onboarding-Signup 17: Topics (alphabetical)
#17 · Topics (alphabetical)
01_Onboarding-Signup 27: All set (mascot)
#27 · All set (mascot)

Observations

  • 27 distinct screens between cold launch and 'all set'. Many are one question per screen. Name plus grad year plus hometown could be a single stepped card.
  • The topics picker is the single most under-designed surface in the app. 100+ items in a vertical alphabetical text list. No categories. No chips. No visuals. No popular-first ordering. No inline preview. The whole matching engine runs on this signal.
  • Two bookends use the dated mascot style: 'Here's how we can help' (09) and 'You're all set!' (27). These are the first and last impressions of the most important flow in the app.
  • The terminal screen offers 'CHECK OUT THE CHATS' as the only payoff. The user just gave you their majors, topics, hometown, schools, and grad year. They get no personalized 'here are 3 people you should meet' moment in return.

Opportunities

  1. Rebuild the topics picker. Visual, categorized, chip-based (Music, Sports, Academics, Identity, Hobbies). Emoji or illustration tile per topic, multi-select, haptic feedback. This is the surface that defines the user's matching identity.
  2. Compress 27 screens to about 10 with grouped cards. Merge name plus grad year plus hometown into one card. Merge majors plus topics. Merge profile photo plus notification opt-in.
  3. End on a payoff, not a chore handoff. Drop the user into Make Connections with 3 student cards from their selected schools, matched on shared topics, with a one-tap Wave.
  4. Retire the mascot illustrations. Use real student photography or animated brand abstractions consistent with the new website.
02

Chat and Communities

The list works. The manage modal inverts the value of the actions. The 'Unlock admitted chats' gate hides the reward instead of teasing it.

02_Chat-Communities 01: Communities list
#01 · Communities list
02_Chat-Communities 02: Manage Your Communities
#02 · Manage Your Communities
02_Chat-Communities 05: With helper banner
#05 · With helper banner

Observations

  • The Communities list reads like a Slack or iMessage sidebar. Avatar, name, preview, timestamp. Functional but plain. The NEW badge on every school dilutes the signal.
  • Manage Your Communities puts the destructive Leave button (red) next to a passive 'Are you admitted?' dropdown. Visual weight is inverted. The destructive action shouts louder than the high-value status update.
  • 'Unlock admitted chats' is gated behind a lock icon with no preview of what's behind it. Classic engagement loss. Telling teenagers there's a club they can't join, without showing them what's inside.

Opportunities

  1. Re-rank Manage Your Communities. Make the status update the primary action (gradient pill). Demote Leave to a swipe action or overflow menu.
  2. Preview the admitted-chat reward. Show blurred avatars or a member count ('Join 2,400 admitted Tigers'). FOMO is your friend with this audience.
  3. Tighten the NEW badge logic. Only fire it for communities with unread meaningful activity. Not every community the user just joined.
03

Home and Community Posts

Title says 'Community Posts'. Tab says 'Home'. The create chips look like a 2014 forum. Engagement affordances are missing.

03_Home-CommunityPosts 01: Home feed
#01 · Home feed

Observations

  • Title bar reads 'Community Posts'. The tab reads 'Home'. Naming inconsistency.
  • 'Add Video' and 'Add Photo' chips at the top feel like 2014 forum upload buttons. Modern social apps blend create into a FAB or a story-style row of avatars.
  • The post itself is full-bleed and reasonable. Like, comment, and share affordances are not visible in this view.

Opportunities

  1. Replace the create chips with a stories-style row. User avatars in colored rings, '+ Add' tile on the left. Doubles as social presence and creation entry.
  2. Surface engagement affordances (like, comment, share) below every post.
  3. Match the names. Rename Home to align with the title bar, or rename the title bar to Home. Pick one.
04

Search

Sensible tab structure. Empty state is dead weight. The topics taxonomy is sitting right there, unindexed.

04_Search 01: Empty state
#01 · Empty state
04_Search 02: Top results
#02 · Top results

Observations

  • The empty state is essentially blank. One icon and one sentence.
  • Three-tab structure (Top / People / Schools) is sensible.

Opportunities

  1. Populate the empty state. Recent searches, trending colleges this week, people-you-might-know derived from shared topics, communities your friends just joined.
  2. Add a fourth tab. Topics. Let a student search 'Anime' and find every community and person who picked it. The taxonomy already exists. This multiplies its value.
05

Settings and notifications

Notifications stretch across three depths. Privacy and app settings are dense and uneven. Most teens won't read any of it.

05_Settings-Notifications 02: Global chat notifs
#02 · Global chat notifs
05_Settings-Notifications 05: Per-channel
#05 · Per-channel
05_Settings-Notifications 07: Privacy and app
#07 · Privacy and app

Observations

  • Notifications configure at three depths. Global, per-community, per-channel.
  • A separate Social Notification Settings panel adds another five toggles.
  • Privacy plus App settings is dense and inconsistent in toggle and disclosure styles.

Opportunities

  1. Collapse to two depths. Global on/off plus per-community presets (All / Important / Mentions only / Off). Push per-channel control into a 'Customize' disclosure for power users.
  2. Smart defaults. Auto-mute Announcements channels. Auto-prioritize DMs and @mentions. Most teens never open settings.
06

Support, theme, and misc

The invite modal is one of the strongest visual moments in the app. Its blue CTA still betrays it. Treat it as a template.

06_Support-Theme 04: Pacific invite modal
#04 · Pacific invite modal
06_Support-Theme 01: Account help center
#01 · Account help center

Observations

  • Account Help Center uses iOS-default list rows. Acceptable, but flavorless.
  • The University of the Pacific invite modal is one of the strongest visual moments in the app. Gradient background, glossy phone, brand-aligned. The blue CTA still betrays it.

Opportunities

  1. Use the invite modal as the brand template for every other celebratory moment. Admission, profile complete, first friend, first DM reply.
07

Photo posting

The compose screen is unusually bare. Post is light blue text in the nav bar and easy to miss.

07_Photo-Posting 02: New post
#02 · New post
07_Photo-Posting 01: iOS picker
#01 · iOS picker

Observations

  • The New Post screen is unusually bare. Caption, schedule toggle, photo. No filters. No tagging. No visible community selector. No draft management.
  • Post is light blue text in the nav bar. Inconsistent with the deep-blue button language used elsewhere, and easy to miss.

Opportunities

  1. Add a community selector as a chip below the caption ('Posting to: Towson, Class of 2030').
  2. Promote Post to a brand-gradient pill so it doesn't disappear into the chrome.
08

Make Connections (Friends and Roommates)

★ Priority

Flagship discovery surface shows one card at a time. The icebreaker picker, hidden two taps deep, is one of the best-designed surfaces in the app. Extend it everywhere.

08_Make-Connections 01: Friends (single card)
#01 · Friends (single card)
08_Make-Connections 04: Topics in common
#04 · Topics in common
08_Make-Connections 06: Icebreaker library
#06 · Icebreaker library
08_Make-Connections 07: Roommate (locked)
#07 · Roommate (locked)

Observations

  • Friends tab shows one recommended card at a time. No stack. No swipe. No scroll. This is the app's flagship discovery surface and it behaves like a paginated form.
  • Profile detail is solid. Topics-in-common (yellow highlight), admitted-to schools, Message and Follow CTAs.
  • DM composer includes a 'mystery box' attachment. Fun and on-brand.
  • The icebreaker picker is one of the best-designed surfaces in the app. Bold typography, photographic cards, playful copy. Whoever shipped this surface should ship the rest.
  • Roommate tab is a near-empty placeholder until the quiz is taken.

Opportunities

  1. Make Friends a stack or scrollable feed. Tinder or Hinge-style. Multiple recommendations visible at once. You also start collecting signal on what students do and don't engage with.
  2. Extend the icebreaker design language into the rest of Make Connections. Also into onboarding and the admission moment.
  3. Surface roommate matches before the quiz is done. Show 2 to 3 anonymized previews with locked details. Same FOMO move as the admitted chats.
09

Profile and bio

Profile is treated as a chore to complete instead of a card to build. The Hinge-style ingredients are already here. They're just hidden.

09_Profile-Bio 01: 60% complete
#01 · 60% complete
09_Profile-Bio 02: Fun fact prompt
#02 · Fun fact prompt
09_Profile-Bio 03: Bio with examples
#03 · Bio with examples

Observations

  • The 60% completion bar and 'Complete bio next' treat profile building as a chore. The bar's orange-to-yellow gradient is the closest thing to the new brand on this screen.
  • The Fun Facts carousel is a smart pattern, presented as a flat 0/65-char text input.
  • Bio prompt shows two example bios as static cards. Good priming. Better as templates the user taps to remix.
  • The 'About you' section is a clean settings list. Functional and forgettable.

Opportunities

  1. Reframe completion as 'build your card', not a percentage to fill. Show a live preview of how the profile reads to others as the user adds content. The Preview button exists, but is buried as a small chip.
  2. Turn Fun Facts into a Hinge-style prompt-and-answer card system. Each prompt becomes a visually distinct, shareable tile on the profile.
  3. Make the example bios remixable templates. Not static examples.
10

Backpack

One deals lockup. A brand-distinctive but ambiguous tab name. A real merchandised surface or a row on Home would do more.

10_Backpack 01: Deals (single)
#01 · Deals (single)

Observations

  • One deals lockup. No taxonomy. No density.
  • The tab name 'Backpack' is brand-distinctive but ambiguous. Many users won't read it as a deals or rewards tab.

Opportunities

  1. Add a sub-title or visual metaphor so first-time users get what the tab is for.
  2. Treat Backpack as a real merchandised surface. Categories (Move-in, Food, Tech, Travel). Partner logos. Deadline urgency.
  3. Or, more aggressively, fold Backpack into Home as a row and reclaim the tab slot for something more central (Events).
11

Status update and the Admission Moment

★ Priority

The single most emotionally loaded moment in the app. Today it ships as a native iOS bottom action sheet that looks identical to 'Move to Trash'.

11_Community-Channels-StatusUpdate 01: Channels list
#01 · Channels list
11_Community-Channels-StatusUpdate 03: Status action sheet
#03 · Status action sheet
11_Community-Channels-StatusUpdate 02: With Pacific
#02 · With Pacific

Observations

  • The 'I've been admitted' and 'Yes, I'm enrolled here!' choice is a native iOS bottom action sheet. Two text rows with leading emoji.
  • This is the single most emotionally charged moment in the entire ZeeMee user journey. It's the moment ZeeMee exists to support.
  • Today it looks identical to 'Move to Trash' in any other iOS app.
  • No confetti. No share moment. No 'Welcome to the Class of 2030, here are 5 future classmates.' No commemorative artifact for the camera roll. No prompt to introduce themselves in the admitted-students chat.

Opportunities

  1. Full-screen takeover. The school's color palette, the school's mascot, the new brand gradient. Big type. Movement.
  2. Generate a shareable card. 'Ryan Arthur, Class of 2030, Towson University.' Sized for Instagram stories and Snapchat. Free distribution.
  3. Route the user straight into the admitted-students chat with a pre-filled 'I just committed!' intro post (editable).
  4. Trigger a follow-up surface the next day. Roommate matching, move-in events, recommended people who also committed.
  5. Decommit gracefully. If the user changes status later, don't shame them. Treat it as life happening.
12

Group chat

The chat works. The welcome message is a missed onboarding moment. Community identity bleeds out of the header.

12_Group-Chat 01: Group chat
#01 · Group chat
12_Group-Chat 02: Emoji picker
#02 · Emoji picker
12_Group-Chat 03: Message actions
#03 · Message actions

Observations

  • The chat itself is iMessage-flavored. Avatar, name, timestamp, bubble, emoji reaction. Functional.
  • 'Yay! We're glad you joined our chat. Introduce yourself...' shows up as plain inline text. No visual treatment. Easy to scroll past.
  • Long-press menu (React, Copy, Reply, @Mention, Report) covers the necessary affordances.
  • Emoji picker is standard iOS quick reactions plus the full picker.

Opportunities

  1. Turn the welcome message into a real onboarding card in the chat. Pinned to the top, dismissible, with a one-tap 'Introduce yourself' composer prefill.
  2. Add light community identity to the group chat header. Class banner, color, member count. So a Towson chat doesn't feel identical to a Lenoir-Rhyne chat.

Step 1 recommendation: Redesign the Admission Moment

The brief asks for one meaningful opportunity. The Admission Moment (workflow 11, with spillover into onboarding, profile, and the admitted-students chat) is the pick.

Business impact. Admission and commitment is the deepest point of the funnel ZeeMee exists to serve. It's also the moment colleges most want to convert prospective students. A better moment compounds across every school partnership.
User impact. This is the single most emotionally loaded moment in a student's journey. Get it right and you make the kind of memory that ends up on TikTok. That's organic acquisition for free.
Shows visual-design range. Goes from low-fi flow rethink (when do we ask, what comes after, how do we recover from regret) to a hero hi-fi moment (the commemorative card, the school-color takeover, the share assets). Exactly what the brief asks for.
Underused brand. The gradient, the modern card language, and the real-students mood-board direction all map straight onto this moment. The brand is built for this. The app isn't using it.

Runner-up and third

  • Runner-up: Make Connections + Fun Facts.The Friends stack rebuild plus a Hinge-style prompt system on the profile. Touches a daily-active surface and shows visual chops on cards. Worth flagging as “what I'd do next.”
  • Third: Onboarding compression. High impact, but harder to make visually arresting in a hi-fi deck. Better as a flow and IA exercise than a visual showcase. The companion deep-dive at /reports/onboarding covers this in full.

What we’d validate before Step 2

Funnel and qualitative

  • Funnel data. % of users who reach 'I've been admitted' today, and what they do in the seven days after.
  • 5 to 10 student interviews. How did you actually tell friends, family, and social media that you got in? Where does ZeeMee fit (or not) in that ritual today?

Competitive and partnership

  • Competitive scan. How Common App, Niche, and college-specific portals handle the admit/commit moment, and what students screenshot from each.
  • Partnership read. Do admissions teams want ZeeMee involved in this moment? Some may treat it as their own brand turf, which shapes scope.