User Flow Wireframes - Mobile & Multi-Device
User Flow Wireframes — Mobile & Multi-Device
Trystpilot.xyz · Mobile-first approach
Devices covered:
- 375×812 (iPhone 14 / mobile portrait)
- 390×844 (iPhone 14 Pro)
- 768×1024 (iPad portrait)
- 1024×768 (iPad landscape / small laptop)
- 1440×900 (MacBook / standard desktop)
- 1280×800 (common laptop)
Flows: Home · Profile · Review Submission · Search Results
Last updated: 2026-02-28
Mobile-First Principles Applied
- Bottom navigation bar (Home | Search | Write Review | Profile) on all mobile sizes
- Hamburger → slide-out drawer replacing full nav on < 768px
- Thumb zone: Primary CTAs in lower 60% of screen on mobile
- Single column layouts on mobile; 2-col on tablet; sidebar-capable on desktop
- Star pickers use large tap targets (44×44px minimum)
- Rating bars stack vertically on mobile (no truncation)
- Modals become full-screen bottom sheets on mobile
HOME PAGE — Mobile Portrait (375×812)
┌──────────────────────────────────────────┐│ TP Trystpilot [≡] MENU │├──────────────────────────────────────────┤│ ││ Rate your past relationships. ││ Help others make better choices. ││ ││ ┌────────────────────────────────────┐ ││ │ 🔍 Search by alias or city... │ ││ └────────────────────────────────────┘ ││ [ Search ] ││ │├──────────────────────────────────────────┤│ Recently Reviewed ││ ││ ┌──────────────────────────────────────┐ ││ │ Alex M. · Denver, CO │ ││ │ ★★★★☆ Long-term │ ││ │ "Communicative but struggled with │ ││ │ emotional availability at times." │ ││ │ 2 days ago │ ││ └──────────────────────────────────────┘ ││ ││ ┌──────────────────────────────────────┐ ││ │ Jamie K. · Austin, TX │ ││ │ ★★★☆☆ Situationship │ ││ │ "Fun but inconsistent. Mixed │ ││ │ signals throughout." │ ││ │ 4 days ago │ ││ └──────────────────────────────────────┘ ││ ││ ┌──────────────────────────────────────┐ ││ │ Riley S. · Seattle, WA │ ││ │ ★★★★★ Long Distance │ ││ │ "Incredibly patient and honest, │ ││ │ made distance feel manageable." │ ││ │ 6 days ago │ ││ └──────────────────────────────────────┘ ││ ││ [ Load more reviews ] ││ │├──────────────────────────────────────────┤│ Top Rated This Month ││ ││ Jordan L. · NYC · ★★★★★ 4.9 ││ Sam T. · LA · ★★★★★ 4.8 ││ Chris B. · Miami · ★★★★☆ 4.6 ││ ││ [ View All Top Rated ] ││ │├──────────────────────────────────────────┤│ [🏠 Home] [🔍 Search] [✍ Review] [👤] │└──────────────────────────────────────────┘Mobile-first considerations: The search bar is prominently placed above the fold with a full-width tap target to accommodate thumbs on small screens. The bottom navigation provides persistent access to core flows without requiring users to scroll back to a top navbar.
HOME PAGE — Mobile (390×844)
┌────────────────────────────────────────────┐│ TP Trystpilot [≡] MENU │├────────────────────────────────────────────┤│ ││ Rate your past relationships. ││ Help others make better choices. ││ ││ ┌──────────────────────────────────────┐ ││ │ 🔍 Search by alias or city... │ ││ └──────────────────────────────────────┘ ││ [ Search ] ││ │├────────────────────────────────────────────┤│ Recently Reviewed ││ ││ ┌────────────────────────────────────────┐ ││ │ Alex M. · Denver, CO │ ││ │ ★★★★☆ 4.1 · Long-term │ ││ │ "Great communicator, though sometimes │ ││ │ emotionally unavailable under │ ││ │ stress. Would be open to reconnect." │ ││ │ 2 days ago │ ││ └────────────────────────────────────────┘ ││ ││ ┌────────────────────────────────────────┐ ││ │ Jamie K. · Austin, TX │ ││ │ ★★★☆☆ 3.0 · Situationship │ ││ │ "Hot and cold. Fun but never │ ││ │ consistent. Mixed signals all │ ││ │ throughout the relationship." │ ││ │ 4 days ago │ ││ └────────────────────────────────────────┘ ││ ││ ┌────────────────────────────────────────┐ ││ │ Riley S. · Seattle, WA │ ││ │ ★★★★★ 5.0 · Long Distance │ ││ │ "Patient, honest, made the distance │ ││ │ feel small. Rare and wonderful." │ ││ │ 6 days ago │ ││ └────────────────────────────────────────┘ ││ ││ [ Load more reviews ] ││ │├────────────────────────────────────────────┤│ Top Rated This Month ││ ││ Jordan L. · New York, NY · ★★★★★ ││ Sam T. · Los Angeles · ★★★★★ ││ Chris B. · Miami, FL · ★★★★☆ ││ ││ [ View All Top Rated ] ││ │├────────────────────────────────────────────┤│ [🏠 Home] [🔍 Search] [✍ Review] [👤] │└────────────────────────────────────────────┘Mobile-first considerations: Extra vertical space on the 390px-wide viewport allows review card text to breathe with one additional line of content visible, reducing truncation frustration. The bottom nav bar spans the full safe area width to prevent accidental mis-taps near edges.
HOME PAGE — iPad Portrait (768×1024)
┌─────────────────────────────────────────────────────────────────────────────────────┐│ TP Trystpilot [Search...] [Write a Review] [Sign In] │├─────────────────────────────────────────────────────────────────────────────────────┤│ ││ Rate your past relationships. Help others make better choices. ││ ││ ┌───────────────────────────────────────────────────────────┐ ││ │ 🔍 Search by alias, city, or relationship type... │ ││ └───────────────────────────────────────────────────────────┘ ││ [ Search ] ││ │├──────────────────────────────────────┬──────────────────────────────────────────────┤│ Recently Reviewed │ Top Rated This Month ││ │ ││ ┌────────────────────────────────┐ │ 1. Jordan L. · New York, NY ││ │ Alex M. · Denver, CO │ │ ★★★★★ 4.9 · Long-term ││ │ ★★★★☆ 4.1 Long-term │ │ ││ │ "Great communicator, though │ │ 2. Sam T. · Los Angeles, CA ││ │ emotionally unavailable under │ │ ★★★★★ 4.8 · Situationship ││ │ stress at times." │ │ ││ │ 2 days ago │ │ 3. Chris B. · Miami, FL ││ └────────────────────────────────┘ │ ★★★★☆ 4.6 · Short-term ││ │ ││ ┌────────────────────────────────┐ │ 4. Morgan W. · Chicago, IL ││ │ Jamie K. · Austin, TX │ │ ★★★★☆ 4.5 · Long Distance ││ │ ★★★☆☆ 3.0 Situationship │ │ ││ │ "Hot and cold. Fun but never │ │ 5. Taylor R. · Portland, OR ││ │ consistent. Mixed signals." │ │ ★★★★☆ 4.4 · FWB ││ │ 4 days ago │ │ ││ └────────────────────────────────┘ │ [ View Full Rankings ] ││ │ ││ ┌────────────────────────────────┐ ├──────────────────────────────────────────────┤│ │ Riley S. · Seattle, WA │ │ Browse by Category ││ │ ★★★★★ 5.0 Long Distance │ │ ││ │ "Patient, honest, made the │ │ [ Short-term ] [ Long-term ] ││ │ distance feel small. Rare." │ │ [ Long Distance ] [ Situationship ] ││ │ 6 days ago │ │ [ Friends with Benefits ] ││ └────────────────────────────────┘ │ ││ │ Browse by City ││ ┌────────────────────────────────┐ │ ││ │ Casey P. · Phoenix, AZ │ │ New York · Los Angeles · Chicago ││ │ ★★★★☆ 4.2 Long-term │ │ Houston · Austin · Miami · Seattle ││ │ "Thoughtful and attentive, but │ │ ││ │ avoidant when conflict arose."│ │ [ Browse All Cities ] ││ │ 1 week ago │ │ ││ └────────────────────────────────┘ │ ││ │ ││ [ Load more reviews ] │ ││ │ │└──────────────────────────────────────┴──────────────────────────────────────────────┘│ Terms · Privacy · Removal Request · Report Abuse · DMCA │└─────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The two-column layout emerges at tablet width to show both the review feed and rankings sidebar without sacrificing readability, each column comfortably within a thumb sweep. The top navigation replaces the bottom bar at this size since horizontal reach is less of a constraint.
HOME PAGE — iPad Landscape / Small Laptop (1024×768)
┌───────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ TP Trystpilot [Search by alias or city...] [Write a Review] [Moderation] [Sign In] │├───────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ Rate your past relationships. Help others make better choices. ││ ││ ┌──────────────────────────────────────────────────────────────┐ ││ │ 🔍 Search by alias, city, or relationship type... │ [ Search ] ││ └──────────────────────────────────────────────────────────────┘ ││ │├────────────────────────────────────────────────────────┬──────────────────────────────────────────────────────────┤│ Recently Reviewed │ Top Rated This Month Browse Categories ││ │ ││ ┌──────────────────────────────────────────────────┐ │ 1. Jordan L. · New York [ Long-term ] ││ │ Alex M. · Denver, CO · Long-term │ │ ★★★★★ 4.9 [ Short-term ] ││ │ ★★★★☆ 4.1 / 5.0 │ │ [ Situationship ] ││ │ "Great communicator, though emotionally │ │ 2. Sam T. · Los Angeles [ Long Distance ] ││ │ unavailable under stress. Reliable day-to-day."│ │ ★★★★★ 4.8 [ FWB ] ││ │ 2 days ago │ │ ││ └──────────────────────────────────────────────────┘ │ 3. Chris B. · Miami ││ │ ★★★★☆ 4.6 Browse by City ││ ┌──────────────────────────────────────────────────┐ │ ││ │ Jamie K. · Austin, TX · Situationship │ │ 4. Morgan W. · Chicago New York · LA ││ │ ★★★☆☆ 3.0 / 5.0 │ │ ★★★★☆ 4.5 Austin · Chicago ││ │ "Hot and cold. Exciting but never consistent. │ │ Miami · Seattle ││ │ Would not enter a serious relationship." │ │ 5. Taylor R. · Portland Denver · Phoenix ││ │ 4 days ago │ │ ★★★★☆ 4.4 ││ └──────────────────────────────────────────────────┘ │ ││ │ [ View Full Rankings ] ││ ┌──────────────────────────────────────────────────┐ │ ││ │ Riley S. · Seattle, WA · Long Distance │ │ ││ │ ★★★★★ 5.0 / 5.0 │ │ ││ │ "Patient, honest, made the distance feel small. │ │ ││ │ Rare and wonderful partner through all of it." │ │ ││ │ 6 days ago │ │ ││ └──────────────────────────────────────────────────┘ │ ││ │ ││ [ Load more reviews ] │ ││ │ │└────────────────────────────────────────────────────────┴──────────────────────────────────────────────────────────┘│ Terms of Service · Community Guidelines · Removal Request · Report Abuse · DMCA · Contact │└───────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: At 1024px the sidebar expands to show both Top Rated and Browse Categories side by side with the main feed, eliminating the need for users to scroll past the feed to discover categorization options. The inline search bar with an attached button reduces the step count to reach results from the landing page.
HOME PAGE — MacBook Desktop (1440×900)
┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ TP Trystpilot [Search by alias or city...] [Write a Review] [Moderation] [Sign In] │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ Rate your past relationships anonymously. Help others make better choices. ││ Trystpilot is a structured anonymous review directory for past romantic experiences. ││ ││ ┌────────────────────────────────────────────────────────────────────┐ ││ │ 🔍 Search by alias, city, or relationship type... │ [ Search ] ││ └────────────────────────────────────────────────────────────────────┘ ││ ││ [ Short-term ] [ Long-term ] [ Situationship ] [ Long Distance ] [ Friends with Benefits ] ││ │├──────────────────────────────────────────────────────────────────────┬─────────────────────────────────┬──────────────────────────────────────────┤│ Recently Reviewed │ Top Rated This Month │ Browse by City ││ │ │ ││ ┌──────────────────────────────────────────────────────────────────┐ │ 1. Jordan L. · New York, NY │ New York, NY · 842 profiles ││ │ Alex M. · Denver, CO · Long-term · 1–2 years │ │ ★★★★★ 4.9 Long-term │ Los Angeles, CA · 761 profiles ││ │ ★★★★☆ 4.1 / 5.0 · Reputation Index: 82 │ │ │ Chicago, IL · 534 profiles ││ │ "Great communicator, though emotionally unavailable under │ │ 2. Sam T. · Los Angeles, CA │ Austin, TX · 418 profiles ││ │ stress. Day-to-day reliability was exceptional and I │ │ ★★★★★ 4.8 Situationship │ Miami, FL · 389 profiles ││ │ always felt heard." 2 days ago │ │ │ Seattle, WA · 302 profiles ││ └──────────────────────────────────────────────────────────────────┘ │ 3. Chris B. · Miami, FL │ Denver, CO · 278 profiles ││ │ ★★★★☆ 4.6 Short-term │ Phoenix, AZ · 241 profiles ││ ┌──────────────────────────────────────────────────────────────────┐ │ │ ││ │ Jamie K. · Austin, TX · Situationship · 6–12 months │ │ 4. Morgan W. · Chicago, IL │ [ Browse All Cities ] ││ │ ★★★☆☆ 3.0 / 5.0 · Reputation Index: 58 │ │ ★★★★☆ 4.5 Long Distance │ ││ │ "Hot and cold. Exciting but never consistent. Mixed signals │ │ │ ││ │ throughout. Not recommended for anything serious." 4 days ago │ │ 5. Taylor R. · Portland, OR │ ││ └──────────────────────────────────────────────────────────────────┘ │ ★★★★☆ 4.4 FWB │ ││ │ │ ││ ┌──────────────────────────────────────────────────────────────────┐ │ [ View Full Rankings ] │ ││ │ Riley S. · Seattle, WA · Long Distance · 2–5 years │ │ │ ││ │ ★★★★★ 5.0 / 5.0 · Reputation Index: 97 │ │ │ ││ │ "Patient, honest, made the distance feel manageable and │ │ │ ││ │ small. A rare and wonderful partner through it all." 6 days │ │ │ ││ └──────────────────────────────────────────────────────────────────┘ │ │ ││ │ │ ││ [ Load more reviews ] │ │ ││ │ │ │└──────────────────────────────────────────────────────────────────────┴─────────────────────────────────┴──────────────────────────────────────────┤│ Terms of Service · Community Guidelines · Removal Request · Report Abuse · DMCA · Law Enforcement Contact │└────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The three-column layout at 1440px gives the City Browse panel its own column rather than nesting it under the sidebar, reducing vertical scroll for power users who browse by geography. Quick-filter category pills are exposed horizontally below the search bar rather than hidden in a dropdown.
HOME PAGE — Common Laptop (1280×800)
┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ TP Trystpilot [Search by alias or city...] [Write a Review] [Moderation] [Sign In] │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ Rate your past relationships. Help others make better choices. ││ ││ ┌────────────────────────────────────────────────────────────────┐ ││ │ 🔍 Search by alias, city, or relationship type... │ [ Search ] ││ └────────────────────────────────────────────────────────────────┘ ││ ││ [ Short-term ] [ Long-term ] [ Situationship ] [ Long Distance ] [ Friends with Benefits ] ││ │├───────────────────────────────────────────────────────────────────────────┬────────────────────────────────────────────────────┤│ Recently Reviewed │ Top Rated This Month ││ │ ││ ┌─────────────────────────────────────────────────────────────────────┐ │ 1. Jordan L. · New York, NY ││ │ Alex M. · Denver, CO · Long-term · 1–2 years │ │ ★★★★★ 4.9 · Long-term ││ │ ★★★★☆ 4.1 / 5.0 · Reputation Index: 82 │ │ ││ │ "Great communicator, though emotionally unavailable under stress. │ │ 2. Sam T. · Los Angeles, CA ││ │ Day-to-day reliability was exceptional." 2 days ago │ │ ★★★★★ 4.8 · Situationship ││ └─────────────────────────────────────────────────────────────────────┘ │ ││ │ 3. Chris B. · Miami, FL ││ ┌─────────────────────────────────────────────────────────────────────┐ │ ★★★★☆ 4.6 · Short-term ││ │ Jamie K. · Austin, TX · Situationship · 6–12 months │ │ ││ │ ★★★☆☆ 3.0 / 5.0 · Reputation Index: 58 │ │ 4. Morgan W. · Chicago, IL ││ │ "Hot and cold. Fun but never consistent. Mixed signals."4 days ago │ │ ★★★★☆ 4.5 · Long Distance ││ └─────────────────────────────────────────────────────────────────────┘ │ ││ │ 5. Taylor R. · Portland, OR ││ ┌─────────────────────────────────────────────────────────────────────┐ │ ★★★★☆ 4.4 · FWB ││ │ Riley S. · Seattle, WA · Long Distance · 2–5 years │ │ ││ │ ★★★★★ 5.0 / 5.0 · Reputation Index: 97 │ │ [ View Full Rankings ] ││ │ "Patient, honest, made the distance feel small and │ │ ││ │ manageable. A rare and wonderful partner." 6 days ago │ │ Browse by City ││ └─────────────────────────────────────────────────────────────────────┘ │ ││ │ New York · LA · Chicago ││ [ Load more reviews ] │ Austin · Miami · Seattle ││ │ Denver · Phoenix · Boston ││ │ ││ │ [ Browse All Cities ] ││ │ │└───────────────────────────────────────────────────────────────────────────┴────────────────────────────────────────────────────┘│ Terms of Service · Community Guidelines · Removal Request · Report Abuse · DMCA · Law Enforcement │└────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The 1280px breakpoint consolidates the City Browse section into the existing sidebar rather than giving it a third column, keeping the layout consistent with iPad landscape while using available space more efficiently. Category filter pills remain exposed at this width to maintain discoverability without a hover-dropdown dependency.
PROFILE VIEW — Mobile Portrait (375×812)
┌──────────────────────────────────────────┐│ ← Back Trystpilot [≡] │├──────────────────────────────────────────┤│ ││ ┌──────────────────────────────────┐ ││ │ Alex M. │ ││ │ Denver, CO │ ││ │ Long-term │ ││ │ │ ││ │ ★★★★☆ 4.1 / 5.0 │ ││ │ 18 reviews │ ││ │ Reputation Index: 82 │ ││ │ │ ││ │ [ Write a Review ] │ ││ │ [ Report Profile ] │ ││ └──────────────────────────────────┘ ││ │├──────────────────────────────────────────┤│ Rating Breakdown ││ ││ Communication ││ ★★★★☆ [████████░░] 4.2 ││ ││ Emotional Availability ││ ★★★☆☆ [██████░░░░] 3.1 ││ ││ Trustworthiness ││ ★★★★☆ [████████░░] 4.0 ││ ││ Respect ││ ★★★★★ [██████████] 4.7 ││ ││ Compatibility ││ ★★★★☆ [███████░░░] 3.8 ││ │├──────────────────────────────────────────┤│ Filter: [All★] [5★] [4★] [3★] [≤2★] ││ ││ 18 reviews — sorted: Most Recent ││ ││ ┌──────────────────────────────────────┐ ││ │ ★★★★★ │ ││ │ Long-term · 2–5 years │ ││ │ "Genuinely one of the most │ ││ │ emotionally intelligent people I │ ││ │ have dated. Present and patient." │ ││ │ · 3 days ago │ ││ │ [ Public Response ▼ ] │ ││ └──────────────────────────────────────┘ ││ ││ ┌──────────────────────────────────────┐ ││ │ ★★★★☆ │ ││ │ Long-term · 1–2 years │ ││ │ "Strong communicator. Sometimes │ ││ │ avoidant when stressed, but │ ││ │ always came back to talk." │ ││ │ · 1 week ago │ ││ └──────────────────────────────────────┘ ││ ││ [ Load more reviews ] ││ │├──────────────────────────────────────────┤│ [🏠 Home] [🔍 Search] [✍ Review] [👤] │└──────────────────────────────────────────┘Mobile-first considerations: The rating breakdown bars stack vertically in a single column with generous touch targets between rows, ensuring users do not accidentally tap the wrong filter. The star filter tabs above the review list use short labels to fit within 375px without wrapping.
PROFILE VIEW — Mobile (390×844)
┌────────────────────────────────────────────┐│ ← Back Trystpilot [≡] │├────────────────────────────────────────────┤│ ││ ┌────────────────────────────────────┐ ││ │ Alex M. │ ││ │ Denver, CO │ ││ │ Long-term │ ││ │ │ ││ │ ★★★★☆ 4.1 / 5.0 │ ││ │ 18 reviews · Reputation: 82 │ ││ │ │ ││ │ [ Write a Review ] │ ││ │ [ Report Profile ] │ ││ └────────────────────────────────────┘ ││ │├────────────────────────────────────────────┤│ Rating Breakdown ││ ││ Communication ││ ★★★★☆ [████████░░] 4.2 / 5 ││ ││ Emotional Availability ││ ★★★☆☆ [██████░░░░] 3.1 / 5 ││ ││ Trustworthiness ││ ★★★★☆ [████████░░] 4.0 / 5 ││ ││ Respect ││ ★★★★★ [██████████] 4.7 / 5 ││ ││ Compatibility ││ ★★★★☆ [███████░░░] 3.8 / 5 ││ │├────────────────────────────────────────────┤│ Filter: [All] [★★★★★] [★★★★] [★★★] [≤★★] ││ ││ 18 reviews · Most Recent ││ ││ ┌──────────────────────────────────────┐ ││ │ ★★★★★ │ ││ │ Long-term · 2–5 years │ ││ │ "Genuinely one of the most │ ││ │ emotionally intelligent people I │ ││ │ have dated. Present, patient, │ ││ │ and consistently kind." │ ││ │ 3 days ago │ ││ │ [ Public Response ▼ ] │ ││ └──────────────────────────────────────┘ ││ ││ ┌──────────────────────────────────────┐ ││ │ ★★★★☆ │ ││ │ Long-term · 1–2 years │ ││ │ "Strong communicator but sometimes │ ││ │ avoidant under stress. Always │ ││ │ came back and made it right." │ ││ │ 1 week ago │ ││ └──────────────────────────────────────┘ ││ ││ [ Load more reviews ] ││ │├────────────────────────────────────────────┤│ [🏠 Home] [🔍 Search] [✍ Review] [👤] │└────────────────────────────────────────────┘Mobile-first considerations: The Write a Review CTA is placed prominently inside the profile header card so it appears before users scroll into the reviews, capturing intent at the highest point of engagement. Rating bars use a simple ten-block representation that renders legibly at mobile font sizes without horizontal overflow.
PROFILE VIEW — iPad Portrait (768×1024)
┌─────────────────────────────────────────────────────────────────────────────────────┐│ TP Trystpilot [Search...] [Write a Review] [Sign In] │├─────────────────────────────────────────────────────────────────────────────────────┤│ ││ ┌──────────────────────────────────────────────────────────────────────────────┐ ││ │ Alex M. · Denver, CO · Long-term │ ││ │ │ ││ │ ★★★★☆ 4.1 / 5.0 · 18 reviews · Reputation Index: 82 │ ││ │ │ ││ │ [ Write a Review ] [ Report Profile ] [ Request Removal ] │ ││ └──────────────────────────────────────────────────────────────────────────────┘ ││ │├───────────────────────────────────────┬─────────────────────────────────────────────┤│ Rating Breakdown │ Reviews (18) ││ │ ││ Communication │ Filter: [All] [5★] [4★] [3★] [2★] [1★] ││ ★★★★☆ [████████░░] 4.2 / 5 │ Sort: [ Most Recent ▼ ] ││ │ ││ Emotional Availability │ ┌─────────────────────────────────────┐ ││ ★★★☆☆ [██████░░░░] 3.1 / 5 │ │ ★★★★★ Long-term · 2–5 years │ ││ │ │ "Genuinely one of the most │ ││ Trustworthiness │ │ emotionally intelligent people I │ ││ ★★★★☆ [████████░░] 4.0 / 5 │ │ have ever dated. Present, patient, │ ││ │ │ and consistently kind when it │ ││ Respect │ │ mattered most." │ ││ ★★★★★ [██████████] 4.7 / 5 │ │ 3 days ago │ ││ │ │ ↳ Public Response: "Thank you for │ ││ Compatibility │ │ sharing this — it means a lot." │ ││ ★★★★☆ [███████░░░] 3.8 / 5 │ └─────────────────────────────────────┘ ││ │ ││ ───────────────────────────────── │ ┌─────────────────────────────────────┐ ││ │ │ ★★★★☆ Long-term · 1–2 years │ ││ By Star Rating │ │ "Strong communicator, though │ ││ ★★★★★ ███████████ 10 (56%) │ │ sometimes avoidant when stressed. │ ││ ★★★★☆ ████████░░░ 5 (28%) │ │ Always came back and resolved it." │ ││ ★★★☆☆ ████░░░░░░░ 2 (11%) │ │ 1 wk ago │ ││ ★★☆☆☆ █░░░░░░░░░░ 1 (5%) │ └─────────────────────────────────────┘ ││ ★☆☆☆☆ ░░░░░░░░░░░ 0 (0%) │ ││ │ ┌─────────────────────────────────────┐ ││ │ │ ★★★☆☆ Situationship · 6–12 months │ ││ │ │ "Started with real potential. │ ││ │ │ Became inconsistent over time." │ ││ │ │ 2 wks ago │ ││ │ └─────────────────────────────────────┘ ││ │ ││ │ [ Load more reviews ] ││ │ │└───────────────────────────────────────┴─────────────────────────────────────────────┘│ Terms · Privacy · Removal Request · Report Abuse · DMCA │└─────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The two-panel layout at tablet width puts the rating breakdown and histogram in a fixed left sidebar so users can reference dimension scores while scrolling through reviews on the right without losing context. The profile header spans full width to establish hierarchy before the split layout begins.
PROFILE VIEW — iPad Landscape (1024×768)
┌───────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ TP Trystpilot [Search by alias or city...] [Write a Review] [Moderation] [Sign In] │├───────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ ┌─────────────────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ │ Alex M. · Denver, CO · Long-term · Member since 2024 │ ││ │ ★★★★☆ 4.1 / 5.0 · 18 reviews · Reputation Index: 82 / 100 │ ││ │ │ ││ │ [ Write a Review ] [ Report Profile ] [ Request Removal ] │ ││ └─────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ │├───────────────────────────┬───────────────────────────────────────────────────────────────────────────────────────┤│ Rating Breakdown │ Reviews (18) ││ │ ││ Communication │ Filter: [All] [5★] [4★] [3★] [2★] [1★] Sort: [ Most Recent ▼ ] ││ ★★★★☆ [████████░░] 4.2 │ ││ │ ┌───────────────────────────────────────────────────────────────────────────────┐ ││ Emotional Availability │ │ ★★★★★ Long-term · 2–5 years 3 days ago │ ││ ★★★☆☆ [██████░░░░] 3.1 │ │ "Genuinely one of the most emotionally intelligent people I have ever dated. │ ││ │ │ Present, patient, and consistently kind when it mattered most." │ ││ Trustworthiness │ │ ↳ Public Response: "Thank you for taking the time — truly appreciate it." │ ││ ★★★★☆ [████████░░] 4.0 │ └───────────────────────────────────────────────────────────────────────────────┘ ││ │ ││ Respect │ ┌───────────────────────────────────────────────────────────────────────────────┐ ││ ★★★★★ [██████████] 4.7 │ │ ★★★★☆ Long-term · 1–2 years 1 week ago │ ││ │ │ "Strong communicator, though sometimes avoidant when stressed. Always came │ ││ Compatibility │ │ back and worked through it — that consistency made a real difference." │ ││ ★★★★☆ [███████░░░] 3.8 │ └───────────────────────────────────────────────────────────────────────────────┘ ││ │ ││ ───────────────────── │ ┌───────────────────────────────────────────────────────────────────────────────┐ ││ Star Distribution │ │ ★★★☆☆ Situationship · 6–12 months 2 weeks ago │ ││ ★★★★★ ████████ 10 │ │ "Started with real potential. Gradually became inconsistent in communication │ ││ ★★★★☆ █████░░░ 5 │ │ and emotional availability. Hard to depend on toward the end." │ ││ ★★★☆☆ ██░░░░░░ 2 │ └───────────────────────────────────────────────────────────────────────────────┘ ││ ★★☆☆☆ █░░░░░░░ 1 │ ││ ★☆☆☆☆ ░░░░░░░░ 0 │ [ Load more reviews ] ││ │ │└───────────────────────────┴───────────────────────────────────────────────────────────────────────────────────────┘│ Terms of Service · Community Guidelines · Removal Request · Report Abuse · DMCA · Contact │└───────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The sidebar column is narrower than the review feed (roughly 22% vs 78%) to keep the reading area dominant, matching the left-sidebar pattern established in the tablet portrait view. Full-width review text at this breakpoint eliminates the truncation that was necessary on smaller viewports.
PROFILE VIEW — MacBook Desktop (1440×900)
┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ TP Trystpilot [Search by alias or city...] [Write a Review] [Moderation] [Sign In] │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ ┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ │ Alex M. · Denver, CO · Long-term · Profile since January 2024 │ ││ │ ★★★★☆ 4.1 / 5.0 · 18 verified reviews · Reputation Index: 82 / 100 │ ││ │ │ ││ │ [ Write a Review ] [ Report Profile ] [ Request Removal ] [ Share Profile ] │ ││ └────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ │├───────────────────────────────────┬────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ Rating Breakdown │ Reviews (18) ││ │ ││ Communication │ Filter: [All] [5★] [4★] [3★] [2★] [1★] Duration: [Any ▼] Type: [Any ▼] Sort: [Most Recent ▼] ││ ★★★★☆ [████████░░] 4.2 / 5 │ ││ │ ┌──────────────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ Emotional Availability │ │ ★★★★★ Long-term · 2–5 years 3 days ago │ ││ ★★★☆☆ [██████░░░░] 3.1 / 5 │ │ "Genuinely one of the most emotionally intelligent people I have ever dated. Present and patient in a │ ││ │ │ way that felt effortless. Consistently kind when it mattered most. Highly recommend." │ ││ Trustworthiness │ │ ↳ Public Response: "Thank you for sharing this — means more than you know." │ ││ ★★★★☆ [████████░░] 4.0 / 5 │ └──────────────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ │ ││ Respect │ ┌──────────────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ ★★★★★ [██████████] 4.7 / 5 │ │ ★★★★☆ Long-term · 1–2 years 1 week ago │ ││ │ │ "Strong communicator, though sometimes avoidant when stressed. Always came back and resolved things — │ ││ Compatibility │ │ that consistency made a real difference and kept trust intact throughout." │ ││ ★★★★☆ [███████░░░] 3.8 / 5 │ └──────────────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ │ ││ ───────────────────────── │ ┌──────────────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ │ │ ★★★☆☆ Situationship · 6–12 months 2 weeks ago │ ││ Star Distribution │ │ "Started with real potential. Gradually became inconsistent in communication and emotional │ ││ ★★★★★ ████████████ 10 (56%) │ │ availability. Hard to depend on as time went on. Would not enter a serious relationship." │ ││ ★★★★☆ ████████░░░░ 5 (28%) │ └──────────────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ ★★★☆☆ ████░░░░░░░░ 2 (11%) │ ││ ★★☆☆☆ ██░░░░░░░░░░ 1 (5%) │ [ Load more reviews ] ││ ★☆☆☆☆ ░░░░░░░░░░░░ 0 (0%) │ ││ │ │└───────────────────────────────────┴────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘│ Terms of Service · Community Guidelines · Removal Request · Report Abuse · DMCA · Law Enforcement Contact │└────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The desktop view adds Duration and Relationship Type filter dropdowns alongside the star filter, which would clutter mobile but are valuable for power users on larger screens. The Share Profile button is also surfaced at desktop size where copy-link behavior is more common, while it is deprioritized in the mobile layout.
PROFILE VIEW — Laptop (1280×800)
┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ TP Trystpilot [Search by alias or city...] [Write a Review] [Moderation] [Sign In] │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ ┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ │ Alex M. · Denver, CO · Long-term · Profile since January 2024 │ ││ │ ★★★★☆ 4.1 / 5.0 · 18 verified reviews · Reputation Index: 82 / 100 │ ││ │ [ Write a Review ] [ Report Profile ] [ Request Removal ] │ ││ └────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ │├───────────────────────────────────┬────────────────────────────────────────────────────────────────────────────────────────────┤│ Rating Breakdown │ Reviews (18) ││ │ ││ Communication │ Filter: [All] [5★] [4★] [3★] [2★] [1★] Sort: [ Most Recent ▼ ] ││ ★★★★☆ [████████░░] 4.2 / 5 │ ││ │ ┌────────────────────────────────────────────────────────────────────────────────────┐ ││ Emotional Availability │ │ ★★★★★ Long-term · 2–5 years 3 days ago │ ││ ★★★☆☆ [██████░░░░] 3.1 / 5 │ │ "Genuinely one of the most emotionally intelligent people I have dated. │ ││ │ │ Present, patient, and consistently kind when it mattered most." │ ││ Trustworthiness │ │ ↳ Public Response: "Thank you — means more than you know." │ ││ ★★★★☆ [████████░░] 4.0 / 5 │ └────────────────────────────────────────────────────────────────────────────────────┘ ││ │ ││ Respect │ ┌────────────────────────────────────────────────────────────────────────────────────┐ ││ ★★★★★ [██████████] 4.7 / 5 │ │ ★★★★☆ Long-term · 1–2 years 1 week ago │ ││ │ │ "Strong communicator, though sometimes avoidant when stressed. Always came │ ││ Compatibility │ │ back and resolved it — that consistency kept trust intact throughout." │ ││ ★★★★☆ [███████░░░] 3.8 / 5 │ └────────────────────────────────────────────────────────────────────────────────────┘ ││ │ ││ ───────────────────────── │ ┌────────────────────────────────────────────────────────────────────────────────────┐ ││ Star Distribution │ │ ★★★☆☆ Situationship · 6–12 months 2 weeks ago │ ││ ★★★★★ ████████████ 10 (56%) │ │ "Started with real potential. Gradually became inconsistent in communication │ ││ ★★★★☆ ████████░░░░ 5 (28%) │ │ and emotional availability. Hard to depend on toward the end." │ ││ ★★★☆☆ ████░░░░░░░░ 2 (11%) │ └────────────────────────────────────────────────────────────────────────────────────┘ ││ ★★☆☆☆ ██░░░░░░░░░░ 1 (5%) │ ││ ★☆☆☆☆ ░░░░░░░░░░░░ 0 (0%) │ [ Load more reviews ] ││ │ │└───────────────────────────────────┴────────────────────────────────────────────────────────────────────────────────────────────┘│ Terms of Service · Community Guidelines · Removal Request · Report Abuse · DMCA · Law Enforcement │└────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The 1280px layout matches the 1440px structure with a slightly narrower review card body, maintaining comfortable line lengths while preserving the sidebar ratio. At this size the Duration and Type filters are collapsed into the Sort dropdown to avoid crowding the filter bar.
REVIEW SUBMISSION FORM — Mobile Portrait (375×812)
┌──────────────────────────────────────────┐│ ← Back Trystpilot [≡] │├──────────────────────────────────────────┤│ ││ Write an Anonymous Review ││ ││ Your identity is never stored. ││ Aliases only — no real names. ││ │├──────────────────────────────────────────┤│ Step 1 of 4 — Who are you reviewing? ││ ──────────────────────────────── ││ ││ Alias Name * ││ ┌────────────────────────────────────┐ ││ │ e.g. Alex M. │ ││ └────────────────────────────────────┘ ││ ││ City * ││ ┌────────────────────────────────────┐ ││ │ e.g. Denver, CO │ ││ └────────────────────────────────────┘ ││ ││ Relationship Type * ││ ┌────────────────────────────────────┐ ││ │ Select type... [▼] │ ││ └────────────────────────────────────┘ ││ Short-term / Long-term / ││ Long Distance / Situationship / FWB ││ ││ Relationship Duration * ││ ┌────────────────────────────────────┐ ││ │ Select duration... [▼] │ ││ └────────────────────────────────────┘ ││ ││ [ Next: Rate Them → ] ││ │├──────────────────────────────────────────┤│ Step 2 of 4 — Rate your experience ││ ──────────────────────────────── ││ ││ Overall Rating * ││ [ ★ ][ ★ ][ ★ ][ ★ ][ ☆ ] ││ ││ Communication ││ [ ★ ][ ★ ][ ★ ][ ★ ][ ☆ ] ││ ││ Emotional Availability ││ [ ★ ][ ★ ][ ☆ ][ ☆ ][ ☆ ] ││ ││ Trustworthiness ││ [ ★ ][ ★ ][ ★ ][ ★ ][ ☆ ] ││ ││ Respect ││ [ ★ ][ ★ ][ ★ ][ ★ ][ ★ ] ││ ││ Compatibility ││ [ ★ ][ ★ ][ ★ ][ ☆ ][ ☆ ] ││ ││ [ ← Back ] [ Next: Write It → ] │├──────────────────────────────────────────┤│ [🏠 Home] [🔍 Search] [✍ Review] [👤] │└──────────────────────────────────────────┘Mobile-first considerations: The submission form is broken into discrete numbered steps to reduce cognitive load on small screens, presenting only a few fields at a time rather than one long scroll. Star tap targets are rendered as large bracketed blocks to ensure reliable touch input without accidental adjacent-star selection.
REVIEW SUBMISSION FORM — Mobile (390×844)
┌────────────────────────────────────────────┐│ ← Back Trystpilot [≡] │├────────────────────────────────────────────┤│ ││ Write an Anonymous Review ││ Your identity is never stored. ││ Aliases only — no real names. ││ ││ [Step 1] — [Step 2] — [Step 3] — [Step 4] ││ Who? Rate Write Review ││ │├────────────────────────────────────────────┤│ Step 1 — Who are you reviewing? ││ ││ Alias Name * ││ ┌──────────────────────────────────────┐ ││ │ e.g. Alex M. │ ││ └──────────────────────────────────────┘ ││ ││ City * ││ ┌──────────────────────────────────────┐ ││ │ e.g. Denver, CO │ ││ └──────────────────────────────────────┘ ││ ││ Relationship Type * ││ ┌──────────────────────────────────────┐ ││ │ Select type... [▼] │ ││ └──────────────────────────────────────┘ ││ ││ Relationship Duration * ││ ┌──────────────────────────────────────┐ ││ │ Select duration... [▼] │ ││ └──────────────────────────────────────┘ ││ ││ [ Next: Rate Them → ] ││ │├────────────────────────────────────────────┤│ Step 2 — Rate your experience ││ ││ Overall Rating * ││ [ ★ ] [ ★ ] [ ★ ] [ ★ ] [ ☆ ] ││ ││ Communication ││ [ ★ ] [ ★ ] [ ★ ] [ ★ ] [ ☆ ] ││ ││ Emotional Availability ││ [ ★ ] [ ★ ] [ ☆ ] [ ☆ ] [ ☆ ] ││ ││ Trustworthiness ││ [ ★ ] [ ★ ] [ ★ ] [ ★ ] [ ☆ ] ││ ││ Respect ││ [ ★ ] [ ★ ] [ ★ ] [ ★ ] [ ★ ] ││ ││ Compatibility ││ [ ★ ] [ ★ ] [ ★ ] [ ☆ ] [ ☆ ] ││ ││ [ ← Back ] [ Next: Write It → ] ││ │├────────────────────────────────────────────┤│ [🏠 Home] [🔍 Search] [✍ Review] [👤] │└────────────────────────────────────────────┘Mobile-first considerations: The step indicator at the top of the form uses short text labels (Who / Rate / Write / Review) rather than icons alone, giving first-time users context about what lies ahead before they commit. Wider star spacing on 390px prevents mis-taps while still fitting all five stars in a single row.
REVIEW SUBMISSION FORM — iPad Portrait (768×1024)
┌─────────────────────────────────────────────────────────────────────────────────────┐│ TP Trystpilot [Search...] [Write a Review] [Sign In] │├─────────────────────────────────────────────────────────────────────────────────────┤│ ││ Write an Anonymous Review ││ Your identity is never stored. Aliases only — no real names. ││ ││ [ Step 1: Who? ] ──── [ Step 2: Rate ] ──── [ Step 3: Write ] ──── [ Step 4: Submit ] ││ │├─────────────────────────────────────────────────────────────────────────────────────┤│ ││ ┌─────────────────────────────────────────────────────────────────────────────┐ ││ │ Step 1 — Who are you reviewing? │ ││ │ │ ││ │ ┌───────────────────────────────────────┐ ┌────────────────────────────┐ │ ││ │ │ Alias Name * │ │ City * │ │ ││ │ │ ┌─────────────────────────────────┐ │ │ ┌──────────────────────┐ │ │ ││ │ │ │ e.g. Alex M. │ │ │ │ e.g. Denver, CO │ │ │ ││ │ │ └─────────────────────────────────┘ │ │ └──────────────────────┘ │ │ ││ │ └───────────────────────────────────────┘ └────────────────────────────┘ │ ││ │ │ ││ │ ┌───────────────────────────────────────┐ ┌────────────────────────────┐ │ ││ │ │ Relationship Type * │ │ Duration * │ │ ││ │ │ ┌─────────────────────────────────┐ │ │ ┌──────────────────────┐ │ │ ││ │ │ │ Select... [▼] │ │ │ │ Select... [▼] │ │ │ ││ │ │ └─────────────────────────────────┘ │ │ └──────────────────────┘ │ │ ││ │ └───────────────────────────────────────┘ └────────────────────────────┘ │ ││ │ │ ││ │ [ Next: Rate Them → ] │ ││ └─────────────────────────────────────────────────────────────────────────────┘ ││ ││ ┌─────────────────────────────────────────────────────────────────────────────┐ ││ │ Step 2 — Rate your experience │ ││ │ │ ││ │ Overall Rating * │ ││ │ ★ ★ ★ ★ ☆ (tap to adjust) │ ││ │ │ ││ │ ┌───────────────────────────────┐ ┌───────────────────────────────────┐ │ ││ │ │ Communication │ │ Emotional Availability │ │ ││ │ │ ★ ★ ★ ★ ☆ │ │ ★ ★ ☆ ☆ ☆ │ │ ││ │ └───────────────────────────────┘ └───────────────────────────────────┘ │ ││ │ │ ││ │ ┌───────────────────────────────┐ ┌───────────────────────────────────┐ │ ││ │ │ Trustworthiness │ │ Respect │ │ ││ │ │ ★ ★ ★ ★ ☆ │ │ ★ ★ ★ ★ ★ │ │ ││ │ └───────────────────────────────┘ └───────────────────────────────────┘ │ ││ │ │ ││ │ ┌───────────────────────────────┐ │ ││ │ │ Compatibility │ │ ││ │ │ ★ ★ ★ ☆ ☆ │ │ ││ │ └───────────────────────────────┘ │ ││ │ │ ││ │ [ ← Back ] [ Next: Write Your Review → ] │ ││ └─────────────────────────────────────────────────────────────────────────────┘ ││ ││ Terms · Privacy · Removal Request · Report Abuse · DMCA │└─────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The two-column field layout for tablet unlocks significantly faster form completion by pairing related fields (Alias/City, Type/Duration) side by side, while still keeping the step-by-step flow so the form remains structured. Rating dimensions use a two-up grid rather than a single column to reduce scrolling on a moderately tall form.
REVIEW SUBMISSION FORM — iPad Landscape (1024×768)
┌───────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ TP Trystpilot [Search by alias or city...] [Write a Review] [Moderation] [Sign In] │├───────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ Write an Anonymous Review ││ Your identity is never stored. Profiles use aliases only — no real names. ││ ││ [ ● Step 1: Who? ] ─────── [ ○ Step 2: Rate ] ─────── [ ○ Step 3: Write ] ─────── [ ○ Step 4: Submit ] ││ │├────────────────────────────────────────────────────┬──────────────────────────────────────────────────────────────┤│ Step 1 — Who are you reviewing? │ Why we ask ││ │ ││ Alias Name * │ We collect alias, city, and relationship type to build ││ ┌────────────────────────────────────────────┐ │ a useful anonymous profile. We do NOT collect or store ││ │ e.g. Alex M. (first name + last initial) │ │ full names, addresses, phone numbers, or social handles. ││ └────────────────────────────────────────────┘ │ ││ │ Your reviewer fingerprint is hashed and never linked to ││ City * │ your identity. Reviews are moderated before publishing. ││ ┌────────────────────────────────────────────┐ │ ││ │ e.g. Denver, CO │ │ Community Guidelines → ││ └────────────────────────────────────────────┘ │ Content Policy → ││ │ Privacy Policy → ││ Relationship Type * Duration * │ ││ ┌──────────────────────┐ ┌───────────────────┐ │ ││ │ Select... [▼] │ │ Select... [▼] │ │ ││ └──────────────────────┘ └───────────────────┘ │ ││ │ ││ [ Next: Rate Them → ] │ ││ │ │└────────────────────────────────────────────────────┴──────────────────────────────────────────────────────────────┘│ Terms of Service · Community Guidelines · Removal Request · Report Abuse · DMCA · Contact │└───────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The right panel in landscape mode serves as a contextual help column explaining privacy protections and linking to policies, which reassures users before they submit sensitive content without cluttering the form itself. This educational sidebar is collapsed on mobile into an expandable info accordion beneath the form heading.
REVIEW SUBMISSION FORM — MacBook Desktop (1440×900)
┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ TP Trystpilot [Search by alias or city...] [Write a Review] [Moderation] [Sign In] │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ Write an Anonymous Review ││ Your identity is never stored. Profiles use aliases only — no real names. ││ ││ [ ● Step 1: Who? ] ──────── [ ○ Step 2: Rate ] ──────── [ ○ Step 3: Write ] ──────── [ ○ Step 4: Submit ] ││ │├──────────────────────────────────────────────────────────────────────────┬─────────────────────────────────────────────────────────────────────────┤│ Step 1 — Who are you reviewing? │ How this works ││ │ ││ Alias Name * City * │ 1. Describe the person by alias and city only. ││ ┌───────────────────────────────┐ ┌───────────────────────────┐ │ 2. Rate each dimension of the relationship. ││ │ First name + last initial │ │ e.g. Denver, CO │ │ 3. Write your honest anonymous review. ││ └───────────────────────────────┘ └───────────────────────────┘ │ 4. Complete CAPTCHA and submit for moderation. ││ │ ││ Relationship Type * Duration * │ Your reviewer fingerprint is hashed. ││ ┌───────────────────────────────┐ ┌───────────────────────────┐ │ Your identity is never stored or disclosed. ││ │ Select... [▼] │ │ Select... [▼] │ │ Reviews are moderated before publication. ││ └───────────────────────────────┘ └───────────────────────────┘ │ ││ │ ┌─────────────────────────────────────────────┐ ││ │ │ What you CANNOT include: │ ││ │ │ · Full real names │ ││ [ Next: Rate Them → ] │ │ · Employer or workplace names │ ││ │ │ · Phone numbers or social handles │ ││ │ │ · Physical addresses │ ││ │ │ · Threats or explicit sexual content │ ││ │ └─────────────────────────────────────────────┘ ││ │ ││ │ Community Guidelines · Content Policy ││ │ Privacy Policy · Removal Request ││ │ │└──────────────────────────────────────────────────────────────────────────┴─────────────────────────────────────────────────────────────────────────┘│ Terms of Service · Community Guidelines · Removal Request · Report Abuse · DMCA · Law Enforcement Contact │└────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The desktop sidebar makes the moderation rules and privacy explanations immediately visible, reducing the likelihood of rejected submissions due to policy violations and the friction they cause. On mobile, these rules are condensed into a collapsible “What not to include” section to protect vertical screen space.
REVIEW SUBMISSION FORM — Laptop (1280×800)
┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ TP Trystpilot [Search by alias or city...] [Write a Review] [Moderation] [Sign In] │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ Write an Anonymous Review ││ Your identity is never stored. Profiles use aliases only — no real names. ││ ││ [ ● Step 1: Who? ] ─────── [ ○ Step 2: Rate ] ─────── [ ○ Step 3: Write ] ─────── [ ○ Step 4: Submit ] ││ │├─────────────────────────────────────────────────────────────────┬──────────────────────────────────────────────────────────────┤│ Step 1 — Who are you reviewing? │ How this works ││ │ ││ Alias Name * City * │ 1. Describe the person by alias and city only. ││ ┌──────────────────────────┐ ┌──────────────────────────┐ │ 2. Rate each dimension of the relationship. ││ │ First name + last initial│ │ e.g. Denver, CO │ │ 3. Write your honest anonymous review. ││ └──────────────────────────┘ └──────────────────────────┘ │ 4. Complete CAPTCHA and submit for moderation. ││ │ ││ Relationship Type * Duration * │ Your reviewer fingerprint is hashed. ││ ┌──────────────────────────┐ ┌──────────────────────────┐ │ Your identity is never stored or disclosed. ││ │ Select... [▼] │ │ Select... [▼] │ │ ││ └──────────────────────────┘ └──────────────────────────┘ │ ┌────────────────────────────────────────────┐ ││ │ │ What you CANNOT include: │ ││ │ │ · Full real names or employer names │ ││ [ Next: Rate Them → ] │ │ · Phone numbers or social handles │ ││ │ │ · Physical addresses or threats │ ││ │ └────────────────────────────────────────────┘ ││ │ ││ │ Community Guidelines · Content Policy ││ │ │└─────────────────────────────────────────────────────────────────┴──────────────────────────────────────────────────────────────┘│ Terms of Service · Community Guidelines · Removal Request · Report Abuse · DMCA · Law Enforcement │└────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The 1280px form maintains the same two-column split as the 1440px layout but trims the policy restriction box to four items to avoid overflowing the sidebar height. The step indicator is shared across all breakpoints from tablet up, providing consistent wayfinding regardless of the exact screen width.
SEARCH RESULTS — Mobile Portrait (375×812)
┌──────────────────────────────────────────┐│ ← Back Trystpilot [≡] │├──────────────────────────────────────────┤│ ││ ┌────────────────────────────────────┐ ││ │ 🔍 "Alex" [✕] │ ││ └────────────────────────────────────┘ ││ [Search] ││ ││ Filters: [All Types ▼] [Any City ▼] ││ ││ 12 results for "Alex" ││ ││ ┌──────────────────────────────────────┐ ││ │ Alex M. │ ││ │ Denver, CO · Long-term │ ││ │ ★★★★☆ 4.1 · 18 reviews │ ││ │ Reputation: 82 │ ││ └──────────────────────────────────────┘ ││ ││ ┌──────────────────────────────────────┐ ││ │ Alex K. │ ││ │ Austin, TX · Situationship │ ││ │ ★★★☆☆ 3.2 · 7 reviews │ ││ │ Reputation: 61 │ ││ └──────────────────────────────────────┘ ││ ││ ┌──────────────────────────────────────┐ ││ │ Alex R. │ ││ │ Seattle, WA · Long Distance │ ││ │ ★★★★☆ 4.3 · 11 reviews │ ││ │ Reputation: 78 │ ││ └──────────────────────────────────────┘ ││ ││ ┌──────────────────────────────────────┐ ││ │ Alex T. │ ││ │ Chicago, IL · Short-term │ ││ │ ★★☆☆☆ 2.4 · 4 reviews │ ││ │ Reputation: 39 │ ││ └──────────────────────────────────────┘ ││ ││ ┌──────────────────────────────────────┐ ││ │ Alexa B. │ ││ │ Miami, FL · Long-term │ ││ │ ★★★★★ 4.8 · 22 reviews │ ││ │ Reputation: 94 │ ││ └──────────────────────────────────────┘ ││ ││ [ Load more results ] ││ │├──────────────────────────────────────────┤│ [🏠 Home] [🔍 Search] [✍ Review] [👤] │└──────────────────────────────────────────┘Mobile-first considerations: Each search result card is a full-width tap target with generous vertical padding to prevent accidental navigation to the wrong profile. Filter dropdowns are condensed into compact inline selects below the search bar rather than an expanded filter panel that would push results off screen.
SEARCH RESULTS — Mobile (390×844)
┌────────────────────────────────────────────┐│ ← Back Trystpilot [≡] │├────────────────────────────────────────────┤│ ││ ┌──────────────────────────────────────┐ ││ │ 🔍 "Alex" [✕] │ ││ └──────────────────────────────────────┘ ││ [Search] ││ ││ [All Types ▼] [Any City ▼] [Any ★ ▼] ││ ││ 12 results for "Alex" · Sort: [Best ▼] ││ ││ ┌────────────────────────────────────────┐ ││ │ Alex M. │ ││ │ Denver, CO · Long-term │ ││ │ ★★★★☆ 4.1 · 18 reviews │ ││ │ Reputation Index: 82 │ ││ └────────────────────────────────────────┘ ││ ││ ┌────────────────────────────────────────┐ ││ │ Alex K. │ ││ │ Austin, TX · Situationship │ ││ │ ★★★☆☆ 3.2 · 7 reviews │ ││ │ Reputation Index: 61 │ ││ └────────────────────────────────────────┘ ││ ││ ┌────────────────────────────────────────┐ ││ │ Alex R. │ ││ │ Seattle, WA · Long Distance │ ││ │ ★★★★☆ 4.3 · 11 reviews │ ││ │ Reputation Index: 78 │ ││ └────────────────────────────────────────┘ ││ ││ ┌────────────────────────────────────────┐ ││ │ Alex T. │ ││ │ Chicago, IL · Short-term │ ││ │ ★★☆☆☆ 2.4 · 4 reviews │ ││ │ Reputation Index: 39 │ ││ └────────────────────────────────────────┘ ││ ││ ┌────────────────────────────────────────┐ ││ │ Alexa B. │ ││ │ Miami, FL · Long-term │ ││ │ ★★★★★ 4.8 · 22 reviews │ ││ │ Reputation Index: 94 │ ││ └────────────────────────────────────────┘ ││ ││ ┌────────────────────────────────────────┐ ││ │ Alexandre D. │ ││ │ Portland, OR · FWB │ ││ │ ★★★☆☆ 3.5 · 5 reviews │ ││ │ Reputation Index: 56 │ ││ └────────────────────────────────────────┘ ││ ││ [ Load more results ] ││ │├────────────────────────────────────────────┤│ [🏠 Home] [🔍 Search] [✍ Review] [👤] │└────────────────────────────────────────────┘Mobile-first considerations: The additional 15px of viewport width on the 390 model allows a third filter pill (star rating) to appear inline without wrapping, giving users three filter dimensions without requiring a modal. One extra result card is visible at this size due to the taller 844px height, improving browsability on the most common iPhone model.
SEARCH RESULTS — iPad Portrait (768×1024)
┌─────────────────────────────────────────────────────────────────────────────────────┐│ TP Trystpilot [Search...] [Write a Review] [Sign In] │├─────────────────────────────────────────────────────────────────────────────────────┤│ ││ ┌──────────────────────────────────────────────────────────────────────────────┐ ││ │ 🔍 "Alex" [✕] │ ││ └──────────────────────────────────────────────────────────────────────────────┘ ││ [ Search ] ││ │├─────────────────────────────────────────────────────────────────────────────────────┤│ Filters: [All Types ▼] [Any City ▼] [Any Rating ▼] Sort: [Best Match ▼] │├──────────────────────────────────────────┬──────────────────────────────────────────┤│ 12 results for "Alex" │ Refine Results ││ │ ││ ┌────────────────────────────────────┐ │ Relationship Type ││ │ Alex M. · Denver, CO │ │ [✓] All ││ │ ★★★★☆ 4.1 · Long-term │ │ [ ] Short-term ││ │ 18 reviews · Reputation: 82 │ │ [ ] Long-term ││ │ "Great communicator, though │ │ [ ] Long Distance ││ │ emotionally unavailable." │ │ [ ] Situationship ││ └────────────────────────────────────┘ │ [ ] FWB ││ │ ││ ┌────────────────────────────────────┐ │ Minimum Rating ││ │ Alex K. · Austin, TX │ │ ○ Any ● 3★+ ○ 4★+ ○ 5★ only ││ │ ★★★☆☆ 3.2 · Situationship │ │ ││ │ 7 reviews · Reputation: 61 │ │ City ││ │ "Hot and cold. Inconsistent │ │ ┌──────────────────────────────────┐ ││ │ throughout the duration." │ │ │ Filter by city... │ ││ └────────────────────────────────────┘ │ └──────────────────────────────────┘ ││ │ ││ ┌────────────────────────────────────┐ │ [ Apply Filters ] ││ │ Alex R. · Seattle, WA │ │ [ Reset ] ││ │ ★★★★☆ 4.3 · Long Distance │ │ ││ │ 11 reviews · Reputation: 78 │ │ ││ │ "Patient and honest. Made the │ │ ││ │ distance feel manageable." │ │ ││ └────────────────────────────────────┘ │ ││ │ ││ ┌────────────────────────────────────┐ │ ││ │ Alex T. · Chicago, IL │ │ ││ │ ★★☆☆☆ 2.4 · Short-term │ │ ││ │ 4 reviews · Reputation: 39 │ │ ││ │ "Unreliable and inconsistent. │ │ ││ │ Would not recommend." │ │ ││ └────────────────────────────────────┘ │ ││ │ ││ [ Load more results ] │ ││ │ │└──────────────────────────────────────────┴──────────────────────────────────────────┘│ Terms · Privacy · Removal Request · Report Abuse · DMCA │└─────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: A persistent filter sidebar replaces the inline filter bar at tablet portrait width, allowing users to refine results without re-triggering a search or losing their scroll position in the results column. Each result card now shows a one-line review excerpt to help differentiate profiles that share a common alias.
SEARCH RESULTS — iPad Landscape (1024×768)
┌───────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ TP Trystpilot [Search by alias or city...] [Write a Review] [Moderation] [Sign In] │├───────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ ┌────────────────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ │ 🔍 "Alex" [✕] │ ││ └────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ [All Types ▼] [Any City ▼] [Any Rating ▼] [Any Duration ▼] Sort: [Best Match ▼] ││ │├───────────────────────────────┬───────────────────────────────────────────────────────────────────────────────────┤│ Refine Results │ 12 results for "Alex" ││ │ ││ Relationship Type │ ┌─────────────────────────────────────────────────────────────────────────────┐ ││ [✓] All │ │ Alex M. · Denver, CO · Long-term · 18 reviews · Reputation: 82 │ ││ [ ] Short-term │ │ ★★★★☆ 4.1 / 5.0 │ ││ [ ] Long-term │ │ "Great communicator, though emotionally unavailable under stress." │ ││ [ ] Long Distance │ └─────────────────────────────────────────────────────────────────────────────┘ ││ [ ] Situationship │ ││ [ ] FWB │ ┌─────────────────────────────────────────────────────────────────────────────┐ ││ │ │ Alex K. · Austin, TX · Situationship · 7 reviews · Reputation: 61 │ ││ Minimum Rating │ │ ★★★☆☆ 3.2 / 5.0 │ ││ ○ Any │ │ "Hot and cold. Inconsistent throughout the duration." │ ││ ○ 3★ and above │ └─────────────────────────────────────────────────────────────────────────────┘ ││ ● 4★ and above │ ││ ○ 5★ only │ ┌─────────────────────────────────────────────────────────────────────────────┐ ││ │ │ Alex R. · Seattle, WA · Long Distance · 11 reviews · Reputation: 78│ ││ City │ │ ★★★★☆ 4.3 / 5.0 │ ││ ┌─────────────────────────┐ │ │ "Patient and honest. Made the distance feel manageable throughout." │ ││ │ Filter by city... │ │ └─────────────────────────────────────────────────────────────────────────────┘ ││ └─────────────────────────┘ │ ││ │ ┌─────────────────────────────────────────────────────────────────────────────┐ ││ [ Apply Filters ] │ │ Alexa B. · Miami, FL · Long-term · 22 reviews · Reputation: 94 │ ││ [ Reset ] │ │ ★★★★★ 4.8 / 5.0 │ ││ │ │ "Rare and wonderful. Present, patient, and consistently kind." │ ││ │ └─────────────────────────────────────────────────────────────────────────────┘ ││ │ ││ │ [ Load more results ] ││ │ │└───────────────────────────────┴───────────────────────────────────────────────────────────────────────────────────┘│ Terms of Service · Community Guidelines · Removal Request · Report Abuse · DMCA · Contact │└───────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The filter sidebar moves to the left at landscape orientation rather than right, matching the visual convention of most directory-style applications and keeping eyes naturally tracking left-to-right across the filter and result pair. A pre-selected “4 stars and above” radio demonstrates the filter interaction state that would be common for quality-seeking users.
SEARCH RESULTS — MacBook Desktop (1440×900)
┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ TP Trystpilot [Search by alias or city...] [Write a Review] [Moderation] [Sign In] │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ ┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ │ 🔍 "Alex" [✕] │ ││ └────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ [All Types ▼] [Any City ▼] [Any Rating ▼] [Any Duration ▼] [Any Status ▼] Sort: [ Best Match ▼ ] ││ │├───────────────────────────────────┬────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ Refine Results │ 12 results for "Alex" ││ │ ││ Relationship Type │ ┌──────────────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ [✓] All types │ │ Alex M. · Denver, CO · Long-term · 1–2 years · 18 reviews · Reputation Index: 82 │ ││ [ ] Short-term │ │ ★★★★☆ 4.1 / 5.0 │ ││ [ ] Long-term │ │ "Great communicator, though emotionally unavailable under stress. Day-to-day was exceptional." │ ││ [ ] Long Distance │ └──────────────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ [ ] Situationship │ ││ [ ] FWB │ ┌──────────────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ │ │ Alex K. · Austin, TX · Situationship · 6–12 months · 7 reviews · Reputation Index: 61 │ ││ Minimum Rating │ │ ★★★☆☆ 3.2 / 5.0 │ ││ ○ Any rating │ │ "Hot and cold. Fun at first but never consistent. Mixed signals throughout." │ ││ ○ 3 stars and above │ └──────────────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ ● 4 stars and above │ ││ ○ 5 stars only │ ┌──────────────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ │ │ Alex R. · Seattle, WA · Long Distance · 2–5 years · 11 reviews · Reputation Index: 78 │ ││ City │ │ ★★★★☆ 4.3 / 5.0 │ ││ ┌─────────────────────────────┐ │ │ "Patient and honest. Made the distance feel manageable. Rare quality in a partner." │ ││ │ Filter by city... │ │ └──────────────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ └─────────────────────────────┘ │ ││ │ ┌──────────────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ Duration │ │ Alexa B. · Miami, FL · Long-term · 1–2 years · 22 reviews · Reputation Index: 94 │ ││ ○ Any duration │ │ ★★★★★ 4.8 / 5.0 │ ││ ○ Under 6 months │ │ "Rare and wonderful. Present, patient, consistently kind. Highly recommend." │ ││ ○ 6–12 months │ └──────────────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ ● 1–2 years │ ││ ○ 2–5 years │ ┌──────────────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ ○ 5+ years │ │ Alexandre D. · Portland, OR · FWB · Under 6 months · 5 reviews · Reputation Index: 56 │ ││ │ │ ★★★☆☆ 3.5 / 5.0 │ ││ [ Apply Filters ] │ │ "Casual and fun but made promises that were not kept. Emotionally unavailable." │ ││ [ Reset All ] │ └──────────────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ │ ││ │ [ Load more results ] ││ │ │└───────────────────────────────────┴────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘│ Terms of Service · Community Guidelines · Removal Request · Report Abuse · DMCA · Law Enforcement Contact │└────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The desktop sidebar exposes a Duration filter group that is hidden on mobile due to space constraints, giving power users an additional refinement dimension without cluttering the critical mobile flow. Showing five full results above the fold at 1440px reduces load-more interactions for the majority of searches that return a small result set.
SEARCH RESULTS — Laptop (1280×800)
┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ TP Trystpilot [Search by alias or city...] [Write a Review] [Moderation] [Sign In] │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ ┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ │ 🔍 "Alex" [✕] │ ││ └────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ [All Types ▼] [Any City ▼] [Any Rating ▼] [Any Duration ▼] Sort: [ Best Match ▼ ] ││ │├───────────────────────────────────┬────────────────────────────────────────────────────────────────────────────────────────────┤│ Refine Results │ 12 results for "Alex" ││ │ ││ Relationship Type │ ┌────────────────────────────────────────────────────────────────────────────────────┐ ││ [✓] All types │ │ Alex M. · Denver, CO · Long-term · 18 reviews · Reputation Index: 82 │ ││ [ ] Short-term │ │ ★★★★☆ 4.1 / 5.0 │ ││ [ ] Long-term │ │ "Great communicator, though emotionally unavailable under stress." │ ││ [ ] Long Distance │ └────────────────────────────────────────────────────────────────────────────────────┘ ││ [ ] Situationship │ ││ [ ] FWB │ ┌────────────────────────────────────────────────────────────────────────────────────┐ ││ │ │ Alex K. · Austin, TX · Situationship · 7 reviews · Reputation Index: 61 │ ││ Minimum Rating │ │ ★★★☆☆ 3.2 / 5.0 │ ││ ○ Any rating │ │ "Hot and cold. Mixed signals and inconsistency throughout." │ ││ ○ 3 stars and above │ └────────────────────────────────────────────────────────────────────────────────────┘ ││ ● 4 stars and above │ ││ ○ 5 stars only │ ┌────────────────────────────────────────────────────────────────────────────────────┐ ││ │ │ Alex R. · Seattle, WA · Long Distance · 11 reviews · Reputation Index: 78 │ ││ City │ │ ★★★★☆ 4.3 / 5.0 │ ││ ┌─────────────────────────────┐ │ │ "Patient and honest. Made the distance feel manageable." │ ││ │ Filter by city... │ │ └────────────────────────────────────────────────────────────────────────────────────┘ ││ └─────────────────────────────┘ │ ││ │ ┌────────────────────────────────────────────────────────────────────────────────────┐ ││ Duration │ │ Alexa B. · Miami, FL · Long-term · 22 reviews · Reputation Index: 94 │ ││ ○ Any duration │ │ ★★★★★ 4.8 / 5.0 │ ││ ● 1–2 years │ │ "Rare and wonderful. Present, patient, consistently kind." │ ││ ○ 2–5 years │ └────────────────────────────────────────────────────────────────────────────────────┘ ││ ○ 5+ years │ ││ │ [ Load more results ] ││ [ Apply ] [ Reset ] │ ││ │ │└───────────────────────────────────┴────────────────────────────────────────────────────────────────────────────────────────────┘│ Terms of Service · Community Guidelines · Removal Request · Report Abuse · DMCA · Law Enforcement │└────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The 1280px layout mirrors the 1440px sidebar structure with a slightly compressed duration filter showing only the most common options, which keeps the sidebar height within the viewport without requiring its own inner scroll. Result cards are slightly narrower than at 1440px but still show the full one-line excerpt, maintaining the skim-reading experience for users comparing profiles.
HOME PAGE — Mobile Portrait 375×812
┌──────────────────────────────────────────┐│ [≡] Trystpilot.xyz [Search🔍] │├──────────────────────────────────────────┤│ ││ ┌──────────────────────────────────┐ ││ │ Know before you fall. │ ││ │ Anonymous relationship reviews │ ││ │ from real people, for real │ ││ │ peace of mind. │ ││ └──────────────────────────────────┘ ││ ││ ┌────────────────────────────────────┐ ││ │ 🔍 Search by name or city... │ ││ └────────────────────────────────────┘ ││ [ Search Profiles ] ││ │├──────────────────────────────────────────┤│ Recently Reviewed │├──────────────────────────────────────────┤│ ┌────────────────────────────────────┐ ││ │ Alex M. · Austin, TX │ ││ │ ★★★★☆ Long-term │ ││ │ "Emotionally checked out after │ ││ │ month three, but honest about │ ││ │ it eventually..." │ ││ │ 2 days ago │ ││ └────────────────────────────────────┘ ││ ┌────────────────────────────────────┐ ││ │ Jordan P. · Chicago, IL │ ││ │ ★★★☆☆ Situationship │ ││ │ "Great communicator but not ready │ ││ │ for something real. Fun while │ ││ │ it lasted..." │ ││ │ 5 days ago │ ││ └────────────────────────────────────┘ ││ ┌────────────────────────────────────┐ ││ │ Sam K. · Denver, CO │ ││ │ ★★★★★ Long Distance │ ││ │ "Made every effort count. Never │ ││ │ once felt like distance was an │ ││ │ excuse..." │ ││ │ 1 week ago │ ││ └────────────────────────────────────┘ │├──────────────────────────────────────────┤│ Top Rated This Month │├──────────────────────────────────────────┤│ 1. Riley V. · Seattle ★★★★★ 4.9 ││ 2. Morgan S. · NYC ★★★★★ 4.8 ││ 3. Casey R. · LA ★★★★☆ 4.6 ││ 4. Drew B. · Miami ★★★★☆ 4.5 ││ 5. Quinn A. · Boston ★★★★☆ 4.4 ││ ││ [ See All Top Rated ] ││ │├──────────────────────────────────────────┤│ 🏠 Home 🔍 Search ✍ Review 👤 More │└──────────────────────────────────────────┘Mobile-first considerations: The single-column layout stacks the hero, search, and feed cards vertically so thumbs reach the search bar naturally at mid-screen. The persistent bottom navigation keeps the four primary actions (Home, Search, Write Review, More) reachable in the thumb zone at all times.
HOME PAGE — Mobile Portrait 390×844
┌────────────────────────────────────────────┐│ [≡] Trystpilot.xyz [🔍 Search]│├────────────────────────────────────────────┤│ ││ ┌──────────────────────────────────────┐ ││ │ Know before you fall. │ ││ │ │ ││ │ Anonymous relationship reviews │ ││ │ you can actually trust. │ ││ │ │ ││ │ ★★★★☆ 4.1 avg · 12,483 reviews │ ││ └──────────────────────────────────────┘ ││ ││ ┌──────────────────────────────────────┐ ││ │ 🔍 First name, last initial, city... │ ││ └──────────────────────────────────────┘ ││ [ Search Profiles ] ││ │├────────────────────────────────────────────┤│ Recently Reviewed All →│├────────────────────────────────────────────┤│ ┌──────────────────────────────────────┐ ││ │ Alex M. · Austin, TX │ ││ │ ★★★★☆ 4.1 · Long-term │ ││ │ "Emotionally checked out after month │ ││ │ three but came back around. Worth │ ││ │ the patience if you can manage it." │ ││ │ 2 days ago │ ││ └──────────────────────────────────────┘ ││ ┌──────────────────────────────────────┐ ││ │ Jordan P. · Chicago, IL │ ││ │ ★★★☆☆ 3.2 · Situationship │ ││ │ "Great at texting, bad at showing │ ││ │ up. I knew what it was but hoped │ ││ │ for more. Decent human overall." │ ││ │ 5 days ago │ ││ └──────────────────────────────────────┘ ││ ┌──────────────────────────────────────┐ ││ │ Sam K. · Denver, CO │ ││ │ ★★★★★ 5.0 · Long Distance │ ││ │ "Made every effort count. Never once │ ││ │ used distance as an excuse. Would │ ││ │ recommend without hesitation." │ ││ │ 1 wk ago │ ││ └──────────────────────────────────────┘ │├────────────────────────────────────────────┤│ Top Rated This Month │├────────────────────────────────────────────┤│ ┌──────────────────────────────────────┐ ││ │ 1. Riley V. · Seattle ★★★★★ 4.9 │ ││ │ 2. Morgan S. · New York ★★★★★ 4.8 │ ││ │ 3. Casey R. · Los Angeles ★★★★☆ 4.6│ ││ └──────────────────────────────────────┘ ││ [ See All Top Rated Profiles ] ││ │├────────────────────────────────────────────┤│ 🏠 Home 🔍 Search ✍ Review 👤 More │└────────────────────────────────────────────┘Mobile-first considerations: The hero includes a live stat line (avg rating + review count) to immediately signal platform credibility on small screens without requiring scroll. Bottom nav labels are kept short and icon-paired so they remain readable at 390px width without crowding.
HOME PAGE — iPad Portrait 768×1024
┌─────────────────────────────────────────────────────────────────────────────────────┐│ Trystpilot.xyz [Home] [Search] [Write a Review] [About] [Legal] [≡ More ▾]│├─────────────────────────────────────────────────────────────────────────────────────┤│ ││ ┌───────────────────────────────────────────────────────────────────┐ ││ │ │ ││ │ Know before you fall. │ ││ │ │ ││ │ Anonymous relationship reviews — honest, structured, │ ││ │ and completely free of personally identifying information. │ ││ │ │ ││ │ ★★★★☆ 4.1 average rating across 12,483 reviews │ ││ │ │ ││ └───────────────────────────────────────────────────────────────────┘ ││ ││ ┌───────────────────────────────────────────────────────┐ [ Search ] ││ │ 🔍 First name, last initial or city... │ ││ └───────────────────────────────────────────────────────┘ ││ │├────────────────────────────────────────┬────────────────────────────────────────────┤│ Recently Reviewed All → │ Top Rated This Month All → │├────────────────────────────────────────┼────────────────────────────────────────────┤│ ┌──────────────────────────────────┐ │ ┌──────────────────────────────────────┐ ││ │ Alex M. · Austin, TX │ │ │ #1 Riley V. · Seattle, WA │ ││ │ ★★★★☆ Long-term · 4.1 │ │ │ ★★★★★ 4.9 · 23 reviews │ ││ │ "Emotionally checked out after │ │ │ Long-term · Compatibility 5.0 │ ││ │ month three but was honest │ │ └──────────────────────────────────────┘ ││ │ when it mattered." │ │ ┌──────────────────────────────────────┐ ││ │ 2 days ago │ │ │ #2 Morgan S. · New York, NY │ ││ └──────────────────────────────────┘ │ │ ★★★★★ 4.8 · 17 reviews │ ││ ┌──────────────────────────────────┐ │ │ Short-term · Communication 5.0 │ ││ │ Jordan P. · Chicago, IL │ │ └──────────────────────────────────────┘ ││ │ ★★★☆☆ Situationship · 3.2 │ │ ┌──────────────────────────────────────┐ ││ │ "Great at texting, bad at │ │ │ #3 Casey R. · Los Angeles, CA │ ││ │ showing up. Decent overall." │ │ │ ★★★★☆ 4.6 · 31 reviews │ ││ │ 5 days ago │ │ │ Long Distance · Trust 4.8 │ ││ └──────────────────────────────────┘ │ └──────────────────────────────────────┘ ││ ┌──────────────────────────────────┐ │ ┌──────────────────────────────────────┐ ││ │ Sam K. · Denver, CO │ │ │ #4 Drew B. · Miami, FL │ ││ │ ★★★★★ Long Distance · 5.0 │ │ │ ★★★★☆ 4.5 · 12 reviews │ ││ │ "Never used distance as an │ │ │ FWB · Respect 4.9 │ ││ │ excuse. Would recommend." │ │ └──────────────────────────────────────┘ ││ │ 1 wk ago │ │ ┌──────────────────────────────────────┐ ││ └──────────────────────────────────┘ │ │ #5 Quinn A. · Boston, MA │ ││ │ │ ★★★★☆ 4.4 · 9 reviews │ ││ ┌──────────────────────────────────┐ │ │ Long-term · Empathy 4.7 │ ││ │ Taylor B. · Portland, OR │ │ └──────────────────────────────────────┘ ││ │ ★★☆☆☆ FWB · 2.1 │ │ ││ │ "Made promises they could not │ │ [ See All Top Rated Profiles ] ││ │ keep. Take the 2 stars as │ │ ││ │ a fair warning." │ │ ││ │ 2 wks ago │ │ ││ └──────────────────────────────────┘ │ │├─────────────────────────────────────────────────────────────────────────────────────┤│ About · Terms · Guidelines · Content Policy · Removal · DMCA · Law Enforcement ││ © 2026 Trystpilot.xyz — Anonymous reviews only. No real names. No contact info. │└─────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: At 768px the two-column layout splits Recent Reviews and Top Rated side by side, making full use of the wider canvas while keeping cards scannable without horizontal scrolling. The persistent top nav replaces the bottom bar, as tablet users typically browse with two hands or a stylus.
HOME PAGE — iPad Landscape / Small Laptop 1024×768
┌───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ Trystpilot.xyz [Home] [Search] [Write a Review] [About] [Legal] [Report an Issue] │├───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ ┌─────────────────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ │ Know before you fall. · Anonymous relationship reviews · No real names · No contact info. │ ││ │ ★★★★☆ 4.1 avg rating · 12,483 reviews · 6 rating dimensions · Completely anonymous │ ││ └─────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ ││ ┌────────────────────────────────────────────────────────────────────────────────┐ [ Search Profiles ] ││ │ 🔍 First name, last initial, or city — e.g. "Alex M." or "Austin TX" │ ││ └────────────────────────────────────────────────────────────────────────────────┘ ││ │├──────────────────────────────────────────────────────┬────────────────────────────────────────────────────────────────┤│ Recently Reviewed All → │ Top Rated This Month All → │├──────────────────────────────────────────────────────┼────────────────────────────────────────────────────────────────┤│ ┌────────────────────────────────────────────────┐ │ ┌─────────────────────────────────────────────────────────┐ ││ │ Alex M. · Austin, TX ★★★★☆ Long-term │ │ │ #1 Riley V. · Seattle, WA ★★★★★ 4.9 23 reviews │ ││ │ "Emotionally checked out after month three, │ │ └─────────────────────────────────────────────────────────┘ ││ │ but was honest when it mattered most." │ │ ┌─────────────────────────────────────────────────────────┐ ││ │ 2 days ago │ │ │ #2 Morgan S. · New York, NY ★★★★★ 4.8 17 reviews │ ││ └────────────────────────────────────────────────┘ │ └─────────────────────────────────────────────────────────┘ ││ ┌────────────────────────────────────────────────┐ │ ┌─────────────────────────────────────────────────────────┐ ││ │ Jordan P. · Chicago, IL ★★★☆☆ Situationship│ │ │ #3 Casey R. · Los Angeles ★★★★☆ 4.6 31 reviews │ ││ │ "Great at texting, not great at showing up. │ │ └─────────────────────────────────────────────────────────┘ ││ │ I knew what it was but hoped for more." │ │ ┌─────────────────────────────────────────────────────────┐ ││ │ 5 days ago │ │ │ #4 Drew B. · Miami, FL ★★★★☆ 4.5 12 reviews │ ││ └────────────────────────────────────────────────┘ │ └─────────────────────────────────────────────────────────┘ ││ ┌────────────────────────────────────────────────┐ │ ┌─────────────────────────────────────────────────────────┐ ││ │ Sam K. · Denver, CO ★★★★★ Long Distance │ │ │ #5 Quinn A. · Boston, MA ★★★★☆ 4.4 9 reviews │ ││ │ "Never used distance as an excuse. Every │ │ └─────────────────────────────────────────────────────────┘ ││ │ visit felt planned and intentional." │ │ ││ │ 1 wk ago │ │ [ See All Top Rated Profiles ] ││ └────────────────────────────────────────────────┘ │ │├───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ About · Terms of Service · Community Guidelines · Content Policy · Removal · DMCA · Law Enforcement Contact ││ © 2026 Trystpilot.xyz · Anonymous user-generated reviews only · No real names · No contact information displayed │└───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: At this breakpoint the search bar expands to near full width and is still the first interactive element below the hero, preserving the mobile-first search-forward UX from smaller screens. The two-column card grid emerges naturally from the available horizontal space without forcing a design system change.
HOME PAGE — MacBook 1440×900
┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ Trystpilot.xyz [Home] [Search] [Write a Review] [About] [Legal] [Blog] [Report an Issue] [Admin Login] │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ ┌──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ │ Know before you fall. │ ││ │ Anonymous relationship reviews — honest, structured, and completely free of personally identifying information. │ ││ │ ★★★★☆ 4.1 avg rating · 12,483 reviews published · 6 rating dimensions · Completely anonymous submissions │ ││ └──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ ││ ┌──────────────────────────────────────────────────────────────────────────────────────────────┐ [ Search Profiles ] ││ │ 🔍 Search by first name, last initial, or city — e.g. "Alex M." or "Austin TX" │ ││ └──────────────────────────────────────────────────────────────────────────────────────────────┘ ││ │├────────────────────────────────────────────────────────────────────┬───────────────────────────────────────────────────────────────────────────┤│ Recently Reviewed All → │ Top Rated This Month All → │├────────────────────────────────────────────────────────────────────┼───────────────────────────────────────────────────────────────────────────┤│ ┌──────────────────────────────────────────────────────────────┐ │ ┌─────────────────────────────────────────────────────────────────────┐ ││ │ Alex M. · Austin, TX ★★★★☆ Long-term │ │ │ #1 Riley V. · Seattle, WA ★★★★★ 4.9 · 23 reviews │ ││ │ "Emotionally checked out after month three, but came back │ │ │ Long-term · Top in Compatibility & Emotional Availability │ ││ │ around with honesty. Worth the patience if you have it." │ │ └─────────────────────────────────────────────────────────────────────┘ ││ │ 2 days ago │ │ ┌─────────────────────────────────────────────────────────────────────┐ ││ └──────────────────────────────────────────────────────────────┘ │ │ #2 Morgan S. · New York, NY ★★★★★ 4.8 · 17 reviews │ ││ ┌──────────────────────────────────────────────────────────────┐ │ │ Short-term · Top in Communication & Trustworthiness │ ││ │ Jordan P. · Chicago, IL ★★★☆☆ Situationship │ │ └─────────────────────────────────────────────────────────────────────┘ ││ │ "Great at texting, not great at showing up. I knew what │ │ ┌─────────────────────────────────────────────────────────────────────┐ ││ │ it was but kept hoping for more. Decent human overall." │ │ │ #3 Casey R. · Los Angeles, CA ★★★★☆ 4.6 · 31 reviews │ ││ │ 5 days ago │ │ │ Long Distance · Top in Trustworthiness │ ││ └──────────────────────────────────────────────────────────────┘ │ └─────────────────────────────────────────────────────────────────────┘ ││ ┌──────────────────────────────────────────────────────────────┐ │ ┌─────────────────────────────────────────────────────────────────────┐ ││ │ Sam K. · Denver, CO ★★★★★ Long Distance │ │ │ #4 Drew B. · Miami, FL ★★★★☆ 4.5 · 12 reviews │ ││ │ "Made every effort count. Never once used distance as an │ │ │ FWB · Top in Respect │ ││ │ excuse. Every visit was planned and intentional." │ │ └─────────────────────────────────────────────────────────────────────┘ ││ │ 1 wk ago │ │ ┌─────────────────────────────────────────────────────────────────────┐ ││ └──────────────────────────────────────────────────────────────┘ │ │ #5 Quinn A. · Boston, MA ★★★★☆ 4.4 · 9 reviews │ ││ ┌──────────────────────────────────────────────────────────────┐ │ │ Long-term · Top in Emotional Availability │ ││ │ Taylor B. · Portland, OR ★★☆☆☆ FWB │ │ └─────────────────────────────────────────────────────────────────────┘ ││ │ "Made promises they had no intention of keeping. Take the │ │ │ ││ │ 2 stars as a fair warning to anyone considering." │ │ [ See All Top Rated Profiles ] │ ││ │ 2 wks ago │ │ │ ││ └──────────────────────────────────────────────────────────────┘ │ │ │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ About · Terms of Service · Community Guidelines · Content Policy · Removal Request · DMCA Portal · Law Enforcement Contact ││ © 2026 Trystpilot.xyz · User-generated anonymous reviews only · We do not verify identities or facilitate contact · No real names displayed │└────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The full-width nav reveals all primary links at this breakpoint, including Blog and Admin Login that are hidden behind the hamburger at mobile widths. The search bar retains its centered hero placement from mobile layouts rather than migrating to the nav bar, keeping the search-first UX consistent across all breakpoints.
HOME PAGE — Common Laptop 1280×800
┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ Trystpilot.xyz [Home] [Search] [Write a Review] [About] [Legal] [Blog] [Report] [Admin Login] │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ ┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ │ Know before you fall. · Anonymous relationship reviews — honest and free of personally identifying information. │ ││ │ ★★★★☆ 4.1 avg · 12,483 reviews · 6 rating dimensions · Completely anonymous │ ││ └────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ ││ ┌─────────────────────────────────────────────────────────────────────────────────────┐ [ Search Profiles ] ││ │ 🔍 Search by first name, last initial, or city — e.g. "Alex M." or "Austin TX" │ ││ └─────────────────────────────────────────────────────────────────────────────────────┘ ││ │├──────────────────────────────────────────────────────────────┬─────────────────────────────────────────────────────────────────┤│ Recently Reviewed All → │ Top Rated This Month All → │├──────────────────────────────────────────────────────────────┼─────────────────────────────────────────────────────────────────┤│ ┌────────────────────────────────────────────────────────┐ │ ┌───────────────────────────────────────────────────────────┐ ││ │ Alex M. · Austin, TX ★★★★☆ Long-term │ │ │ #1 Riley V. · Seattle, WA ★★★★★ 4.9 23 reviews │ ││ │ "Emotionally checked out after month three but came │ │ │ Long-term · Top: Compatibility & Emotional Avail. │ ││ │ back around. Worth the patience if you have it." │ │ └───────────────────────────────────────────────────────────┘ ││ │ 2 days ago │ │ ┌───────────────────────────────────────────────────────────┐ ││ └────────────────────────────────────────────────────────┘ │ │ #2 Morgan S. · New York, NY ★★★★★ 4.8 17 reviews │ ││ ┌────────────────────────────────────────────────────────┐ │ │ Short-term · Top: Communication & Trustworthiness │ ││ │ Jordan P. · Chicago, IL ★★★☆☆ Situationship │ │ └───────────────────────────────────────────────────────────┘ ││ │ "Great at texting, not great at showing up. Decent │ │ ┌───────────────────────────────────────────────────────────┐ ││ │ human, just not ready for something real." │ │ │ #3 Casey R. · Los Angeles ★★★★☆ 4.6 31 reviews │ ││ │ 5 days ago │ │ │ Long Distance · Top: Trustworthiness │ ││ └────────────────────────────────────────────────────────┘ │ └───────────────────────────────────────────────────────────┘ ││ ┌────────────────────────────────────────────────────────┐ │ ┌───────────────────────────────────────────────────────────┐ ││ │ Sam K. · Denver, CO ★★★★★ Long Distance │ │ │ #4 Drew B. · Miami, FL ★★★★☆ 4.5 12 reviews │ ││ │ "Made every effort count. Never used distance as an │ │ │ FWB · Top: Respect │ ││ │ excuse. Every visit was planned and intentional." │ │ └───────────────────────────────────────────────────────────┘ ││ │ 1 wk ago │ │ ┌───────────────────────────────────────────────────────────┐ ││ └────────────────────────────────────────────────────────┘ │ │ #5 Quinn A. · Boston, MA ★★★★☆ 4.4 9 reviews │ ││ │ │ Long-term · Top: Emotional Availability │ ││ │ └───────────────────────────────────────────────────────────┘ ││ │ [ See All Top Rated Profiles ] │ │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ About · Terms · Guidelines · Content Policy · Removal · DMCA · Law Enforcement · © 2026 Trystpilot.xyz │└────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: At 1280px the layout mirrors the 1440 design but with slightly tighter card padding and a compressed hero line, preserving all functional elements without whitespace waste on a smaller canvas. The search bar max-width is constrained so it does not stretch uncomfortably wide on mid-tier laptop screens.
PROFILE VIEW — Mobile Portrait 375×812
┌──────────────────────────────────────────┐│ [←] Trystpilot.xyz [Search🔍] │├──────────────────────────────────────────┤│ ││ Alex M. ││ Austin, TX · Long-term ││ ││ ★★★★☆ 4.1 ││ 18 reviews · Reputation Index: 82 ││ ││ [ Write a Review ] ││ [ Flag Profile ] ││ │├──────────────────────────────────────────┤│ Rating Breakdown │├──────────────────────────────────────────┤│ Overall ★★★★☆ 4.1 ││ [████████░░░░░░] 82% ││ ││ Communication ★★★★☆ 4.3 ││ [█████████░░░░░] 86% ││ ││ Emotional Avail ★★★☆☆ 3.6 ││ [███████░░░░░░░] 72% ││ ││ Trustworthiness ★★★★☆ 4.0 ││ [████████░░░░░░] 80% ││ ││ Respect ★★★★☆ 4.2 ││ [████████░░░░░░] 84% ││ ││ Compatibility ★★★☆☆ 3.8 ││ [████████░░░░░░] 76% ││ │├──────────────────────────────────────────┤│ Filter: [All ▾] Sort: [Newest ▾] │├──────────────────────────────────────────┤│ 18 Reviews │├──────────────────────────────────────────┤│ ┌────────────────────────────────────┐ ││ │ ★★★★☆ Long-term · 1–2 years │ ││ │ │ ││ │ "Emotionally checked out after │ ││ │ month three but came back around. │ ││ │ The honesty eventually showed up │ ││ │ and that matters. Patience pays." │ ││ │ │ ││ │ Communication ★★★★★ │ ││ │ Emotional Avail ★★★☆☆ │ ││ │ Trustworthiness ★★★★☆ │ ││ │ Respect ★★★★☆ │ ││ │ Compatibility ★★★★☆ │ ││ │ │ ││ │ 2 days ago · [Flag] │ ││ └────────────────────────────────────┘ ││ ┌────────────────────────────────────┐ ││ │ ★★★★★ Long-term · 2–5 years │ ││ │ │ ││ │ "Consistent, attentive, showed up │ ││ │ every time without being asked. │ ││ │ Rare quality. No complaints." │ ││ │ │ ││ │ Communication ★★★★★ │ ││ │ Emotional Avail ★★★★★ │ ││ │ Trustworthiness ★★★★★ │ ││ │ Respect ★★★★★ │ ││ │ Compatibility ★★★★☆ │ ││ │ │ ││ │ 3 weeks ago · [Flag] │ ││ └────────────────────────────────────┘ ││ ││ [ Load More Reviews ] ││ │├──────────────────────────────────────────┤│ 🏠 Home 🔍 Search ✍ Review 👤 More │└──────────────────────────────────────────┘Mobile-first considerations: The rating breakdown bars are rendered full-width beneath the profile header so a user scanning on mobile gets the quantitative picture before hitting any review text. The back arrow in the top-left is intentionally large-tap-target to support one-handed thumb navigation when returning to search results.
PROFILE VIEW — Mobile Portrait 390×844
┌────────────────────────────────────────────┐│ [←] Trystpilot.xyz [🔍 Search]│├────────────────────────────────────────────┤│ ││ Alex M. ││ Austin, TX · Long-term relationship ││ ││ ★★★★☆ 4.1 · 18 reviews ││ Reputation Index: 82 / 100 ││ ││ [ Write a Review ] ││ [ Flag This Profile ] ││ │├────────────────────────────────────────────┤│ Rating Breakdown │├────────────────────────────────────────────┤│ Overall ★★★★☆ 4.1 ││ [█████████░░░░░░░] 82% ││ ││ Communication ★★★★☆ 4.3 ││ [██████████░░░░░░] 86% ││ ││ Emotional Avail. ★★★☆☆ 3.6 ││ [████████░░░░░░░░] 72% ││ ││ Trustworthiness ★★★★☆ 4.0 ││ [█████████░░░░░░░] 80% ││ ││ Respect ★★★★☆ 4.2 ││ [█████████░░░░░░░] 84% ││ ││ Compatibility ★★★☆☆ 3.8 ││ [████████░░░░░░░░] 76% ││ │├────────────────────────────────────────────┤│ Filter: [All Stars ▾] Sort: [Newest ▾] │├────────────────────────────────────────────┤│ 18 Reviews │├────────────────────────────────────────────┤│ ┌──────────────────────────────────────┐ ││ │ ★★★★☆ Long-term · 1–2 years │ ││ │ │ ││ │ "Emotionally checked out after month │ ││ │ three but came back around when it │ ││ │ counted. Honesty showed up late but │ ││ │ it showed up. Patience pays." │ ││ │ │ ││ │ Communication ★★★★★ │ ││ │ Emotional Avail. ★★★☆☆ │ ││ │ Trustworthiness ★★★★☆ │ ││ │ Respect ★★★★☆ │ ││ │ Compatibility ★★★★☆ │ ││ │ │ ││ │ 2 days ago · [Flag this review] │ ││ └──────────────────────────────────────┘ ││ ┌──────────────────────────────────────┐ ││ │ ★★★★★ Long-term · 2–5 years │ ││ │ │ ││ │ "Consistent and attentive, showed up │ ││ │ every time without being asked. │ ││ │ Rare quality. Zero complaints." │ ││ │ │ ││ │ Communication ★★★★★ │ ││ │ Emotional Avail. ★★★★★ │ ││ │ Trustworthiness ★★★★★ │ ││ │ Respect ★★★★★ │ ││ │ Compatibility ★★★★☆ │ ││ │ │ ││ │ 3 weeks ago · [Flag this review] │ ││ └──────────────────────────────────────┘ ││ [ Load More Reviews ] ││ │├────────────────────────────────────────────┤│ 🏠 Home 🔍 Search ✍ Review 👤 More │└────────────────────────────────────────────┘Mobile-first considerations: At 390px the individual dimension ratings within each review card are displayed as a stacked list rather than inline, preventing wrapping and keeping the star symbols readable at small sizes. The Load More button at the bottom avoids infinite scroll, which can interfere with thumb navigation when a user needs to reach the bottom nav.
PROFILE VIEW — iPad Portrait 768×1024
┌─────────────────────────────────────────────────────────────────────────────────────┐│ Trystpilot.xyz [Home] [Search] [Write a Review] [About] [Legal] [≡ More ▾]│├─────────────────────────────────────────────────────────────────────────────────────┤│ ││ Alex M. ││ Austin, TX · Long-term relationship · Profile since Jan 2026 ││ ││ ★★★★☆ 4.1 · 18 reviews · Reputation Index: 82 / 100 ││ ││ [ Write a Review ] [ Flag Profile ] [ Request Removal ] ││ │├────────────────────────────────────────────┬────────────────────────────────────────┤│ Rating Breakdown │ Reviews (18) │├────────────────────────────────────────────┤ Filter: [All Stars ▾] [Newest ▾] ││ Overall Rating ★★★★☆ 4.1 ├────────────────────────────────────────┤│ [█████████░░░░░░░] 82% │ ┌──────────────────────────────────┐ ││ │ │ ★★★★☆ Long-term · 1–2 years │ ││ Communication ★★★★☆ 4.3 │ │ │ ││ [██████████░░░░░░] 86% │ │ "Emotionally checked out after │ ││ │ │ month three but came back │ ││ Emotional Availability ★★★☆☆ 3.6 │ │ around when it counted. The │ ││ [████████░░░░░░░░] 72% │ │ honesty showed up late but it │ ││ │ │ showed up. Patience pays off." │ ││ Trustworthiness ★★★★☆ 4.0 │ │ │ ││ [█████████░░░░░░░] 80% │ │ Communication ★★★★★ │ ││ │ │ Emotional Avail. ★★★☆☆ │ ││ Respect ★★★★☆ 4.2 │ │ Trustworthiness ★★★★☆ │ ││ [█████████░░░░░░░] 84% │ │ Respect ★★★★☆ │ ││ │ │ Compatibility ★★★★☆ │ ││ Compatibility ★★★☆☆ 3.8 │ │ │ ││ [████████░░░░░░░░] 76% │ │ 2 days ago · [Flag] │ ││ │ └──────────────────────────────────┘ ││ ─────────────────────────────────────── │ ┌──────────────────────────────────┐ ││ Rating Distribution │ │ ★★★★★ Long-term · 2–5 years │ ││ │ │ │ ││ ★★★★★ ████████ 8 reviews │ │ "Consistent, attentive, showed │ ││ ★★★★☆ ████░░░░ 5 reviews │ │ up every time without being │ ││ ★★★☆☆ ██░░░░░░ 3 reviews │ │ asked. Rare quality. Zero │ ││ ★★☆☆☆ █░░░░░░░ 1 review │ │ complaints from my side." │ ││ ★☆☆☆☆ ░░░░░░░░ 1 review │ │ │ ││ │ │ Communication ★★★★★ │ ││ │ │ Emotional Avail. ★★★★★ │ ││ │ │ Trustworthiness ★★★★★ │ ││ │ │ Respect ★★★★★ │ ││ │ │ Compatibility ★★★★☆ │ ││ │ │ │ ││ │ │ 3 weeks ago · [Flag] │ ││ │ └──────────────────────────────────┘ ││ │ [ Load More Reviews ] │├─────────────────────────────────────────────────────────────────────────────────────┤│ About · Terms · Guidelines · Content Policy · Removal · DMCA · Law Enforcement │└─────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The two-column split at iPad portrait puts the sticky rating breakdown panel on the left and the scrollable review feed on the right, so users can reference the dimension scores while reading individual reviews without scrolling back up. The rating distribution histogram adds depth that would have been hidden behind a tab or collapsed section on mobile.
PROFILE VIEW — iPad Landscape 1024×768
┌───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ Trystpilot.xyz [Home] [Search] [Write a Review] [About] [Legal] [Report an Issue] │├───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ Alex M. · Austin, TX · Long-term relationship · Profile since Jan 2026 ││ ★★★★☆ 4.1 · 18 reviews · Reputation Index: 82 / 100 ││ [ Write a Review ] [ Flag Profile ] [ Request Removal ] ││ │├────────────────────────────────────┬──────────────────────────────────────────────────────────────────────────────────┤│ Rating Breakdown │ 18 Reviews Filter: [All Stars ▾] Sort: [Newest ▾] │├────────────────────────────────────┤──────────────────────────────────────────────────────────────────────────────────┤│ Overall ★★★★☆ 4.1 │ ┌────────────────────────────────────────────────────────────────────────────┐ ││ [█████████░░] 82% │ │ ★★★★☆ Long-term · 1–2 years │ ││ │ │ "Emotionally checked out after month three but came back around when it │ ││ Communication ★★★★☆ 4.3 │ │ counted. The honesty eventually showed up and that matters. Patience." │ ││ [██████████░] 86% │ │ │ ││ │ │ Communication ★★★★★ Emotional Avail ★★★☆☆ Trustworthiness ★★★★☆ │ ││ Emot. Avail. ★★★☆☆ 3.6 │ │ Respect ★★★★☆ Compatibility ★★★★☆ 2d ago [Flag] │ ││ [████████░░░] 72% │ └────────────────────────────────────────────────────────────────────────────┘ ││ │ ┌────────────────────────────────────────────────────────────────────────────┐ ││ Trustworth. ★★★★☆ 4.0 │ │ ★★★★★ Long-term · 2–5 years │ ││ [█████████░░] 80% │ │ "Consistent and attentive, showed up every time without being asked. │ ││ │ │ Rare quality in a partner. No complaints from my side at all." │ ││ Respect ★★★★☆ 4.2 │ │ │ ││ [█████████░░] 84% │ │ Communication ★★★★★ Emotional Avail ★★★★★ Trustworthiness ★★★★★ │ ││ │ │ Respect ★★★★★ Compatibility ★★★★☆ 3wk ago [Flag] │ ││ Compatibility ★★★☆☆ 3.8 │ └────────────────────────────────────────────────────────────────────────────┘ ││ [████████░░░] 76% │ ┌────────────────────────────────────────────────────────────────────────────┐ ││ │ │ ★★★☆☆ Situationship · Less than 6 months │ ││ ──────────────────────────────── │ │ "Mixed signals from day one. Enjoyable company but not someone who is │ ││ Rating Distribution │ │ ready to be clear about what they want. Approach with realistic eyes." │ ││ ★★★★★ ████████ 8 │ │ │ ││ ★★★★☆ ████░░░░ 5 │ │ Communication ★★★☆☆ Emotional Avail ★★☆☆☆ Trustworthiness ★★★☆☆ │ ││ ★★★☆☆ ██░░░░░░ 3 │ │ Respect ★★★★☆ Compatibility ★★★☆☆ 2mo ago [Flag] │ ││ ★★☆☆☆ █░░░░░░░ 1 │ └────────────────────────────────────────────────────────────────────────────┘ ││ ★☆☆☆☆ ░░░░░░░░ 1 │ [ Load More Reviews ] │ │├───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ About · Terms · Guidelines · Content Policy · Removal · DMCA · © 2026 Trystpilot.xyz │└───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: Landscape orientation allows the dimension ratings within each review card to appear on a single row rather than stacked, making rapid visual comparison across reviews much faster for users who have rotated their tablet. The fixed left panel with breakdown bars remains visible while the right-column review list scrolls independently.
PROFILE VIEW — MacBook 1440×900
┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ Trystpilot.xyz [Home] [Search] [Write a Review] [About] [Legal] [Blog] [Report an Issue] [Admin Login] │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ Alex M. · Austin, TX · Long-term relationship · Profile created January 2026 ││ ★★★★☆ 4.1 · 18 reviews · Reputation Index: 82 / 100 ││ [ Write a Review ] [ Flag Profile ] [ Request Removal ] ││ │├───────────────────────────────────────┬────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ Rating Breakdown │ 18 Reviews Filter: [All Stars ▾] Sort: [Newest First ▾] │├───────────────────────────────────────┤────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ Overall Rating ★★★★☆ 4.1 │ ┌──────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ [████████████░░░░] 82% │ │ ★★★★☆ Long-term · 1–2 years │ ││ │ │ │ ││ Communication ★★★★☆ 4.3 │ │ "Emotionally checked out after month three but came back around when it counted most. The │ ││ [█████████████░░░] 86% │ │ honesty showed up late but it showed up, and that matters more than the timing. Patience │ ││ │ │ pays off if you can hold on for it." │ ││ Emotional Avail. ★★★☆☆ 3.6 │ │ │ ││ [██████████░░░░░░] 72% │ │ Communication ★★★★★ Emotional Availability ★★★☆☆ Trustworthiness ★★★★☆ │ ││ │ │ Respect ★★★★☆ Compatibility ★★★★☆ 2 days ago [Flag] │ ││ Trustworthiness ★★★★☆ 4.0 │ └──────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ [████████████░░░░] 80% │ ┌──────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ │ │ ★★★★★ Long-term · 2–5 years │ ││ Respect ★★★★☆ 4.2 │ │ │ ││ [████████████░░░░] 84% │ │ "Consistent and attentive, showed up every time without being asked. Rare quality in a │ ││ │ │ partner. I never had to wonder where I stood. Zero complaints from my side at all." │ ││ Compatibility ★★★☆☆ 3.8 │ │ │ ││ [███████████░░░░░] 76% │ │ Communication ★★★★★ Emotional Availability ★★★★★ Trustworthiness ★★★★★ │ ││ │ │ Respect ★★★★★ Compatibility ★★★★☆ 3 weeks ago [Flag] │ ││ ─────────────────────────────────── │ └──────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ Rating Distribution │ ┌──────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ │ │ ★★★☆☆ Situationship · Less than 6 months │ ││ ★★★★★ ████████████ 8 reviews │ │ │ ││ ★★★★☆ ████████░░░░ 5 reviews │ │ "Mixed signals from day one. Enjoyable company but not someone who is ready to be clear about │ ││ ★★★☆☆ █████░░░░░░░ 3 reviews │ │ what they want. Approach with open eyes and realistic expectations." │ ││ ★★☆☆☆ ███░░░░░░░░░ 1 review │ │ │ ││ ★☆☆☆☆ ░░░░░░░░░░░░ 1 review │ │ Communication ★★★☆☆ Emotional Availability ★★☆☆☆ Trustworthiness ★★★☆☆ │ ││ │ │ Respect ★★★★☆ Compatibility ★★★☆☆ 2 months ago [Flag]│ ││ │ └──────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ │ [ Load More Reviews ] │ │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ About · Terms of Service · Community Guidelines · Content Policy · Removal Request · DMCA Portal · Law Enforcement Contact │└────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The wide viewport lets review text breathe across the full card width without truncation, eliminating the “read more” tap pattern needed on mobile and giving desktop users the full review context at a glance. The left sidebar width is constrained to roughly 25% so the rating breakdown never dominates the review content even on the widest screens.
PROFILE VIEW — Common Laptop 1280×800
┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ Trystpilot.xyz [Home] [Search] [Write a Review] [About] [Legal] [Blog] [Report] [Admin Login] │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ Alex M. · Austin, TX · Long-term relationship · Profile created January 2026 ││ ★★★★☆ 4.1 · 18 reviews · Reputation Index: 82 / 100 ││ [ Write a Review ] [ Flag Profile ] [ Request Removal ] ││ │├──────────────────────────────────────┬─────────────────────────────────────────────────────────────────────────────────────────┤│ Rating Breakdown │ 18 Reviews Filter: [All Stars ▾] Sort: [Newest ▾] │├──────────────────────────────────────┤─────────────────────────────────────────────────────────────────────────────────────────┤│ Overall ★★★★☆ 4.1 │ ┌───────────────────────────────────────────────────────────────────────────────────┐ ││ [███████████░░░] 82% │ │ ★★★★☆ Long-term · 1–2 years │ ││ │ │ "Emotionally checked out after month three but came back when it counted. │ ││ Communication ★★★★☆ 4.3 │ │ Honesty showed up late but it showed up. Patience pays." │ ││ [████████████░░] 86% │ │ Communication ★★★★★ Emotional Avail ★★★☆☆ Trustworthiness ★★★★☆ │ ││ │ │ Respect ★★★★☆ Compatibility ★★★★☆ 2 days ago [Flag] │ ││ Emot. Avail. ★★★☆☆ 3.6 │ └───────────────────────────────────────────────────────────────────────────────────┘ ││ [█████████░░░░░] 72% │ ┌───────────────────────────────────────────────────────────────────────────────────┐ ││ │ │ ★★★★★ Long-term · 2–5 years │ ││ Trustworth. ★★★★☆ 4.0 │ │ "Consistent and attentive, showed up every time. Rare quality. Zero complaints." │ ││ [███████████░░░] 80% │ │ Communication ★★★★★ Emotional Avail ★★★★★ Trustworthiness ★★★★★ │ ││ │ │ Respect ★★★★★ Compatibility ★★★★☆ 3 weeks ago [Flag] │ ││ Respect ★★★★☆ 4.2 │ └───────────────────────────────────────────────────────────────────────────────────┘ ││ [███████████░░░] 84% │ ┌───────────────────────────────────────────────────────────────────────────────────┐ ││ │ │ ★★★☆☆ Situationship · Less than 6 months │ ││ Compatibility ★★★☆☆ 3.8 │ │ "Mixed signals from day one. Approach with realistic expectations." │ ││ [██████████░░░░] 76% │ │ Communication ★★★☆☆ Emotional Avail ★★☆☆☆ Trustworthiness ★★★☆☆ │ ││ │ │ Respect ★★★★☆ Compatibility ★★★☆☆ 2 months ago [Flag] │ ││ ────────────────────────────────── │ └───────────────────────────────────────────────────────────────────────────────────┘ ││ Distribution │ [ Load More Reviews ] │ ││ ★★★★★ ████████ 8 │ │ ││ ★★★★☆ █████░░░ 5 │ │ ││ ★★★☆☆ ███░░░░░ 3 │ │ ││ ★★☆☆☆ ██░░░░░░ 1 │ │ ││ ★☆☆☆☆ ░░░░░░░░ 1 │ │ │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ About · Terms · Guidelines · Content Policy · Removal · DMCA · © 2026 Trystpilot.xyz │└────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The 1280px layout condenses dimension label text to abbreviations in the left panel to prevent overflow while keeping the sidebar narrow, carrying forward the same information hierarchy established at mobile widths. Review cards on the right are single-paragraph with inline dimension scores, avoiding the stacked layout used on narrower screens.
REVIEW SUBMISSION FORM — Mobile Portrait 375×812
┌──────────────────────────────────────────┐│ [←] Write a Review Trystpilot │├──────────────────────────────────────────┤│ ││ ⚠ Your review is anonymous. ││ No account needed. No contact info ││ stored. Aliases only. ││ │├──────────────────────────────────────────┤│ Step 1 of 3 — Who are you reviewing? │├──────────────────────────────────────────┤│ ││ Alias or First Name + Last Initial ││ ┌────────────────────────────────────┐ ││ │ e.g. Alex M. │ ││ └────────────────────────────────────┘ ││ ││ City ││ ┌────────────────────────────────────┐ ││ │ e.g. Austin, TX │ ││ └────────────────────────────────────┘ ││ ││ Relationship Type ││ ┌────────────────────────────────────┐ ││ │ Select one... ▾ │ ││ │ ○ Short-term │ ││ │ ● Long-term │ ││ │ ○ Long Distance │ ││ │ ○ Situationship │ ││ │ ○ Friends with Benefits │ ││ └────────────────────────────────────┘ ││ ││ Duration ││ ┌────────────────────────────────────┐ ││ │ Select duration... ▾ │ ││ └────────────────────────────────────┘ ││ ││ [ Next: Rate Them → ] ││ │├──────────────────────────────────────────┤│ ● ○ ○ Step 1 of 3 │├──────────────────────────────────────────┤│ 🏠 Home 🔍 Search ✍ Review 👤 More │└──────────────────────────────────────────┘┌──────────────────────────────────────────┐│ [←] Write a Review Trystpilot │├──────────────────────────────────────────┤│ ││ Step 2 of 3 — Rate Your Experience ││ ││ Tap a star to rate each dimension. ││ │├──────────────────────────────────────────┤│ ││ Overall Experience ││ ★★★★☆ (tap to set) ││ ││ Communication ││ ★★★★★ (tap to set) ││ ││ Emotional Availability ││ ★★★☆☆ (tap to set) ││ ││ Trustworthiness ││ ★★★★☆ (tap to set) ││ ││ Respect ││ ★★★★☆ (tap to set) ││ ││ Compatibility ││ ★★★★☆ (tap to set) ││ │├──────────────────────────────────────────┤│ Your Review (min 50 characters) ││ ┌────────────────────────────────────┐ ││ │ │ ││ │ Share your experience honestly. │ ││ │ Do not include full names, │ ││ │ workplaces, contact info, or │ ││ │ explicit content. │ ││ │ │ ││ │ │ ││ │ 0 / 2000 │ ││ └────────────────────────────────────┘ ││ ││ [ ← Back ] [ Next: Verify → ] ││ │├──────────────────────────────────────────┤│ ○ ● ○ Step 2 of 3 │├──────────────────────────────────────────┤│ 🏠 Home 🔍 Search ✍ Review 👤 More │└──────────────────────────────────────────┘┌──────────────────────────────────────────┐│ [←] Write a Review Trystpilot │├──────────────────────────────────────────┤│ ││ Step 3 of 3 — Verify & Submit ││ │├──────────────────────────────────────────┤│ Review Summary ││ ││ Reviewing: Alex M. · Austin, TX ││ Type: Long-term · 1–2 years ││ Rating: ★★★★☆ 4.1 overall ││ │├──────────────────────────────────────────┤│ ┌────────────────────────────────────┐ ││ │ [hCaptcha checkbox] │ ││ │ ☐ I am not a robot │ ││ │ │ ││ │ hCaptcha Privacy · Terms │ ││ └────────────────────────────────────┘ ││ ││ ┌────────────────────────────────────┐ ││ │ ☐ I confirm this review describes │ ││ │ a personal experience. I have │ ││ │ not included real names, │ ││ │ contact info, or workplace │ ││ │ details. I agree to the │ ││ │ Community Guidelines. │ ││ └────────────────────────────────────┘ ││ ││ [ ← Back ] [ Submit Review ] ││ ││ ⚠ Reviews are anonymized and pass ││ through automated moderation before ││ being published. ││ │├──────────────────────────────────────────┤│ ○ ○ ● Step 3 of 3 │├──────────────────────────────────────────┤│ 🏠 Home 🔍 Search ✍ Review 👤 More │└──────────────────────────────────────────┘Mobile-first considerations: The three-step wizard breaks what would be a long single-page form into screen-sized chunks, preventing the fatigue of an overwhelming scrollable form on a 375px viewport. Large tap targets for star rating rows and a sticky progress indicator at the bottom give the user a clear sense of progress without occupying prime viewport real estate.
REVIEW SUBMISSION FORM — Mobile Portrait 390×844
┌────────────────────────────────────────────┐│ [←] Write a Review Trystpilot │├────────────────────────────────────────────┤│ ⚠ Your submission is anonymous. No ││ account required. No identifying info ││ will be stored or displayed. │├────────────────────────────────────────────┤│ Step 1 of 3 — Who are you reviewing? │├────────────────────────────────────────────┤│ ││ Display Name (Alias or First + Initial) ││ ┌──────────────────────────────────────┐ ││ │ e.g. Alex M. │ ││ └──────────────────────────────────────┘ ││ ││ City ││ ┌──────────────────────────────────────┐ ││ │ e.g. Austin, TX │ ││ └──────────────────────────────────────┘ ││ ││ Relationship Type ││ ┌──────────────────────────────────────┐ ││ │ ○ Short-term │ ││ │ ● Long-term │ ││ │ ○ Long Distance │ ││ │ ○ Situationship │ ││ │ ○ Friends with Benefits │ ││ └──────────────────────────────────────┘ ││ ││ How long did it last? ││ ┌──────────────────────────────────────┐ ││ │ Select duration... ▾ │ ││ └──────────────────────────────────────┘ ││ ││ [ Next: Rate Them → ] ││ │├────────────────────────────────────────────┤│ ● ○ ○ Step 1 of 3 │├────────────────────────────────────────────┤│ 🏠 Home 🔍 Search ✍ Review 👤 More │└────────────────────────────────────────────┘┌────────────────────────────────────────────┐│ [←] Write a Review Trystpilot │├────────────────────────────────────────────┤│ Step 2 of 3 — Rate Your Experience │├────────────────────────────────────────────┤│ ││ Overall Experience ││ ★★★★☆ ← tap stars to set ││ ││ Communication ││ ★★★★★ ← tap stars to set ││ ││ Emotional Availability ││ ★★★☆☆ ← tap stars to set ││ ││ Trustworthiness ││ ★★★★☆ ← tap stars to set ││ ││ Respect ││ ★★★★☆ ← tap stars to set ││ ││ Compatibility ││ ★★★★☆ ← tap stars to set ││ │├────────────────────────────────────────────┤│ Your Review ││ ┌──────────────────────────────────────┐ ││ │ │ ││ │ Describe your experience. Do not │ ││ │ include full names, workplaces, │ ││ │ contact details, or any explicit │ ││ │ content. Min 50 characters. │ ││ │ │ ││ │ │ ││ │ 0 / 2000 │ ││ └──────────────────────────────────────┘ ││ ││ [ ← Back ] [ Next: Verify → ] ││ │├────────────────────────────────────────────┤│ ○ ● ○ Step 2 of 3 │├────────────────────────────────────────────┤│ 🏠 Home 🔍 Search ✍ Review 👤 More │└────────────────────────────────────────────┘Mobile-first considerations: At 390px the star rating rows have additional vertical padding between dimensions so fat-finger taps on one row do not accidentally register on an adjacent dimension. The character counter in the review textarea sits at the bottom right of the field, visible without scrolling inside the box.
REVIEW SUBMISSION FORM — iPad Portrait 768×1024
┌─────────────────────────────────────────────────────────────────────────────────────┐│ Trystpilot.xyz [Home] [Search] [Write a Review] [About] [Legal] [≡ More ▾]│├─────────────────────────────────────────────────────────────────────────────────────┤│ ││ Write an Anonymous Review ││ Your submission is anonymous. No account required. Aliases only — no real names. ││ │├──────────────────────────────────────┬──────────────────────────────────────────────┤│ Step 1 — Who are you reviewing? │ Step 2 — Rate the experience │├──────────────────────────────────────┤──────────────────────────────────────────────┤│ │ ││ Display Alias (First + Last Initial) │ Overall Experience ││ ┌────────────────────────────────┐ │ ★★★★☆ ← tap to set ││ │ e.g. Alex M. │ │ ││ └────────────────────────────────┘ │ Communication ││ │ ★★★★★ ← tap to set ││ City │ ││ ┌────────────────────────────────┐ │ Emotional Availability ││ │ e.g. Austin, TX │ │ ★★★☆☆ ← tap to set ││ └────────────────────────────────┘ │ ││ │ Trustworthiness ││ Relationship Type │ ★★★★☆ ← tap to set ││ ○ Short-term │ ││ ● Long-term │ Respect ││ ○ Long Distance │ ★★★★☆ ← tap to set ││ ○ Situationship │ ││ ○ Friends with Benefits │ Compatibility ││ │ ★★★★☆ ← tap to set ││ Duration │ ││ ┌────────────────────────────────┐ │ ────────────────────────────────────────── ││ │ Select duration... ▾ │ │ Your Review (min 50 characters) ││ └────────────────────────────────┘ │ ┌──────────────────────────────────────┐ ││ │ │ Describe your experience honestly. │ ││ │ │ No full names, workplaces, contact │ ││ │ │ info, or explicit content. │ ││ │ │ │ ││ │ │ │ ││ │ │ 0 / 2000 │ ││ │ └──────────────────────────────────────┘ │├──────────────────────────────────────┴──────────────────────────────────────────────┤│ Step 3 — Verify & Submit │├─────────────────────────────────────────────────────────────────────────────────────┤│ ││ ┌──────────────────────────────┐ ☐ I confirm this review describes a personal ││ │ [hCaptcha] I am not a robot│ experience. No real names, contact info, ││ └──────────────────────────────┘ or workplace details included. I agree to ││ the Community Guidelines & Terms. ││ ││ [ Cancel ] [ Submit Review ] ││ ││ ⚠ Reviews pass through automated moderation before being published. ││ │├─────────────────────────────────────────────────────────────────────────────────────┤│ About · Terms · Guidelines · Content Policy · Removal · DMCA · Law Enforcement │└─────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: At iPad portrait the three wizard steps collapse into a single long-form two-column layout since the viewport is large enough to show all fields without overwhelming the user, removing the need for pagination between steps. The CAPTCHA and consent checkbox are moved to a clearly delineated footer panel rather than a modal, fitting naturally at the bottom of the combined form.
REVIEW SUBMISSION FORM — iPad Landscape 1024×768
┌───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ Trystpilot.xyz [Home] [Search] [Write a Review] [About] [Legal] [Report an Issue] │├───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ Write an Anonymous Review ││ Completely anonymous — no account, no personal info stored, aliases only. ││ │├──────────────────────────────────┬──────────────────────────────────────┬──────────────────────────────────────────────┤│ Who are you reviewing? │ Rate the experience │ Your Review │├──────────────────────────────────┼──────────────────────────────────────┼──────────────────────────────────────────────┤│ │ │ ││ Display Alias │ Overall Experience ★★★★☆ │ ┌──────────────────────────────────────┐ ││ ┌──────────────────────────┐ │ │ │ Describe your experience honestly. │ ││ │ e.g. Alex M. │ │ Communication ★★★★★ │ │ Do not include full names, │ ││ └──────────────────────────┘ │ │ │ workplaces, contact details, or │ ││ │ Emotional Avail. ★★★☆☆ │ │ explicit content. │ ││ City │ │ │ │ ││ ┌──────────────────────────┐ │ Trustworthiness ★★★★☆ │ │ │ ││ │ e.g. Austin, TX │ │ │ │ │ ││ └──────────────────────────┘ │ Respect ★★★★☆ │ │ 0 / 2000 │ ││ │ │ └──────────────────────────────────────┘ ││ Relationship Type │ Compatibility ★★★★☆ │ ││ ○ Short-term │ │ ┌──────────────────────────────────────┐ ││ ● Long-term │ │ │ [hCaptcha] I am not a robot │ ││ ○ Long Distance │ │ └──────────────────────────────────────┘ ││ ○ Situationship │ │ ││ ○ Friends with Benefits │ │ ☐ I confirm this describes a personal ││ │ │ experience and follows Community ││ Duration │ │ Guidelines. No real names included. ││ ┌──────────────────────────┐ │ │ ││ │ Select duration... ▾ │ │ │ [ Submit Review ] ││ └──────────────────────────┘ │ │ ││ │ │ ⚠ Moderated before publishing. │├───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ About · Terms · Guidelines · Content Policy · Removal · DMCA · © 2026 Trystpilot.xyz │└───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The three-column layout at landscape orientation maps directly to the three logical form sections (who, ratings, review text), making the form feel structured and purposeful rather than a long scroll. The Submit button stays in the rightmost column adjacent to the CAPTCHA and consent checkbox so the confirmation action feels connected to the verification step.
REVIEW SUBMISSION FORM — MacBook 1440×900
┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ Trystpilot.xyz [Home] [Search] [Write a Review] [About] [Legal] [Blog] [Report an Issue] [Admin Login] │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ Write an Anonymous Review ││ Completely anonymous — no account required, no personal information stored, display aliases only. ││ │├──────────────────────────────────────┬───────────────────────────────────────────────┬─────────────────────────────────────────────────────────┤│ Who are you reviewing? │ Rate the experience │ Write your review │├──────────────────────────────────────┼───────────────────────────────────────────────┼─────────────────────────────────────────────────────────┤│ │ │ ││ Display Alias (First + Last Initial) │ Overall Experience │ ┌───────────────────────────────────────────────────┐ ││ ┌────────────────────────────────┐ │ ★★★★☆ (click to set) │ │ │ ││ │ e.g. Alex M. │ │ │ │ Share your experience honestly. Do not include │ ││ └────────────────────────────────┘ │ Communication │ │ full names, workplaces, addresses, phone │ ││ │ ★★★★★ (click to set) │ │ numbers, social handles, contact details, or │ ││ City │ │ │ explicit content. Minimum 50 characters. │ ││ ┌────────────────────────────────┐ │ Emotional Availability │ │ │ ││ │ e.g. Austin, TX │ │ ★★★☆☆ (click to set) │ │ │ ││ └────────────────────────────────┘ │ │ │ │ ││ │ Trustworthiness │ │ 0 / 2000 │ ││ Relationship Type │ ★★★★☆ (click to set) │ └───────────────────────────────────────────────────┘ ││ ○ Short-term │ │ ││ ● Long-term │ Respect │ ┌───────────────────────────────────────────────────┐ ││ ○ Long Distance │ ★★★★☆ (click to set) │ │ [hCaptcha] I am not a robot │ ││ ○ Situationship │ │ └───────────────────────────────────────────────────┘ ││ ○ Friends with Benefits │ Compatibility │ ││ │ ★★★★☆ (click to set) │ ☐ I confirm this review describes a genuine ││ Relationship Duration │ │ personal experience. I have not included real ││ ┌────────────────────────────────┐ │ │ names, contact info, workplace details, or any ││ │ Select duration... ▾ │ │ │ content that violates Community Guidelines. ││ └────────────────────────────────┘ │ │ ││ │ │ [ Submit Review ] ││ │ │ ││ │ │ ⚠ Reviews pass through automated moderation ││ │ │ before being published to the profile page. │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ About · Terms of Service · Community Guidelines · Content Policy · Removal Request · DMCA Portal · Law Enforcement Contact │└────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The three-column form at full desktop width keeps the logical form progression (who, ratings, text) as a natural left-to-right reading flow rather than a top-to-bottom scroll, which desktop users navigate more efficiently with mouse or trackpad. The Submit button is positioned in the bottom-right of the rightmost column so it is the natural endpoint of the visual flow across all three sections.
REVIEW SUBMISSION FORM — Common Laptop 1280×800
┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ Trystpilot.xyz [Home] [Search] [Write a Review] [About] [Legal] [Blog] [Report] [Admin Login] │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ Write an Anonymous Review ││ Anonymous, no account required, aliases only — no real names or contact info. ││ │├─────────────────────────────────────┬──────────────────────────────────────────┬──────────────────────────────────────────────┤│ Who are you reviewing? │ Rate the experience │ Write your review │├─────────────────────────────────────┼──────────────────────────────────────────┼──────────────────────────────────────────────┤│ │ │ ││ Display Alias │ Overall Experience ★★★★☆ │ ┌────────────────────────────────────────┐ ││ ┌───────────────────────────────┐ │ Communication ★★★★★ │ │ Share your experience. No real │ ││ │ e.g. Alex M. │ │ Emotional Avail. ★★★☆☆ │ │ names, workplaces, contact info, or │ ││ └───────────────────────────────┘ │ Trustworthiness ★★★★☆ │ │ explicit content. Min 50 characters. │ ││ │ Respect ★★★★☆ │ │ │ ││ City │ Compatibility ★★★★☆ │ │ │ ││ ┌───────────────────────────────┐ │ │ │ 0 / 2000 │ ││ │ e.g. Austin, TX │ │ │ └────────────────────────────────────────┘ ││ └───────────────────────────────┘ │ │ ││ │ │ ┌────────────────────────────────────────┐ ││ Relationship Type │ │ │ [hCaptcha] I am not a robot │ ││ ○ Short-term ● Long-term │ │ └────────────────────────────────────────┘ ││ ○ Long Distance ○ Situationship │ │ ││ ○ Friends with Benefits │ │ ☐ I confirm this follows Community ││ │ │ Guidelines. No real names included. ││ Duration │ │ ││ ┌───────────────────────────────┐ │ │ [ Submit Review ] ││ │ Select duration... ▾ │ │ │ ││ └───────────────────────────────┘ │ │ ⚠ Moderated before publishing. │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ About · Terms · Guidelines · Content Policy · Removal · DMCA · © 2026 Trystpilot.xyz │└────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The compact three-column form at 1280px condenses the rating dimension labels to fit within the middle column without wrapping, trading the “(click to set)” helper text used at 1440px for inline star rows that are self-explanatory at this scale. All three form sections remain above the fold on an 800px tall viewport, letting users submit without any vertical scrolling.
SEARCH RESULTS — Mobile Portrait 375×812
┌──────────────────────────────────────────┐│ [←] Search Results Trystpilot │├──────────────────────────────────────────┤│ ┌────────────────────────────────────┐ ││ │ 🔍 "alex m. austin" │ ││ └────────────────────────────────────┘ ││ 3 profiles found │├──────────────────────────────────────────┤│ Sort: [Relevance ▾] Filter [▾] │├──────────────────────────────────────────┤│ ││ ┌────────────────────────────────────┐ ││ │ Alex M. │ ││ │ Austin, TX · Long-term │ ││ │ ★★★★☆ 4.1 · 18 reviews │ ││ │ │ ││ │ "Emotionally checked out after │ ││ │ month three but came back │ ││ │ around when it counted..." │ ││ │ │ ││ │ [ View Profile ] │ ││ └────────────────────────────────────┘ ││ ││ ┌────────────────────────────────────┐ ││ │ Alex M. │ ││ │ Austin, TX · Situationship │ ││ │ ★★★☆☆ 2.9 · 6 reviews │ ││ │ │ ││ │ "Enjoyable in small doses but │ ││ │ inconsistent when it came to │ ││ │ showing up consistently..." │ ││ │ │ ││ │ [ View Profile ] │ ││ └────────────────────────────────────┘ ││ ││ ┌────────────────────────────────────┐ ││ │ Alex M. │ ││ │ Austin, TX · Short-term │ ││ │ ★★★★☆ 4.4 · 3 reviews │ ││ │ │ ││ │ "Short but surprisingly sweet. │ ││ │ Clear communicator, no games, │ ││ │ left on good terms..." │ ││ │ │ ││ │ [ View Profile ] │ ││ └────────────────────────────────────┘ ││ ││ Not the right person? ││ [ Submit a New Profile ] ││ │├──────────────────────────────────────────┤│ 🏠 Home 🔍 Search ✍ Review 👤 More │└──────────────────────────────────────────┘Mobile-first considerations: Each result card includes a truncated review snippet so users can quickly assess relevance before tapping through to a full profile, reducing unnecessary navigation on a small screen. The “Submit a New Profile” option at the bottom of results gives users a clear next action when no match is found, eliminating a dead-end that would otherwise require returning to the home page.
SEARCH RESULTS — Mobile Portrait 390×844
┌────────────────────────────────────────────┐│ [←] Search Results Trystpilot │├────────────────────────────────────────────┤│ ┌──────────────────────────────────────┐ ││ │ 🔍 "alex m. austin" │ ││ └──────────────────────────────────────┘ ││ 3 profiles found for "alex m. austin" │├────────────────────────────────────────────┤│ Sort: [ Relevance ▾ ] Filter: [ All ▾ ]│├────────────────────────────────────────────┤│ ││ ┌──────────────────────────────────────┐ ││ │ Alex M. · Austin, TX │ ││ │ Long-term · ★★★★☆ 4.1 │ ││ │ 18 reviews · Reputation: 82/100 │ ││ │ │ ││ │ "Emotionally checked out after │ ││ │ month three but came back around │ ││ │ when it counted. Patience pays." │ ││ │ │ ││ │ [ View Full Profile ] │ ││ └──────────────────────────────────────┘ ││ ││ ┌──────────────────────────────────────┐ ││ │ Alex M. · Austin, TX │ ││ │ Situationship · ★★★☆☆ 2.9 │ ││ │ 6 reviews · Reputation: 58/100 │ ││ │ │ ││ │ "Enjoyable in small doses but │ ││ │ inconsistent when it came to │ ││ │ showing up or following through." │ ││ │ │ ││ │ [ View Full Profile ] │ ││ └──────────────────────────────────────┘ ││ ││ ┌──────────────────────────────────────┐ ││ │ Alex M. · Austin, TX │ ││ │ Short-term · ★★★★☆ 4.4 │ ││ │ 3 reviews · Reputation: 77/100 │ ││ │ │ ││ │ "Short but surprisingly sweet. Clear │ ││ │ communicator, no games played, │ ││ │ left on genuinely good terms." │ ││ │ │ ││ │ [ View Full Profile ] │ ││ └──────────────────────────────────────┘ ││ ││ Not finding the right person? ││ [ + Submit a New Profile ] ││ │├────────────────────────────────────────────┤│ 🏠 Home 🔍 Search ✍ Review 👤 More │└────────────────────────────────────────────┘Mobile-first considerations: The Reputation Index score is surfaced on each result card at 390px to give users a secondary signal beyond star ratings, helping them triage multiple profiles with similar names at a glance. Sort and filter controls are kept as compact single-line dropdowns at the top of results rather than an expanded filter panel, preserving screen real estate for the actual result cards.
SEARCH RESULTS — iPad Portrait 768×1024
┌─────────────────────────────────────────────────────────────────────────────────────┐│ Trystpilot.xyz [Home] [Search] [Write a Review] [About] [Legal] [≡ More ▾]│├─────────────────────────────────────────────────────────────────────────────────────┤│ ││ ┌────────────────────────────────────────────────────────────────────────────┐ ││ │ 🔍 "alex m. austin" [ Search ] │ ││ └────────────────────────────────────────────────────────────────────────────┘ ││ ││ 3 profiles found for "alex m. austin" ││ Sort: [ Relevance ▾ ] Filter by type: [ All ▾ ] Min rating: [ Any ▾ ] ││ │├──────────────────────────────────────┬──────────────────────────────────────────────┤│ Results (3) │ Related Searches │├──────────────────────────────────────┤──────────────────────────────────────────────┤│ ┌──────────────────────────────────┐│ People also searched: ││ │ Alex M. · Austin, TX ││ · Alex M. Dallas ││ │ Long-term · ★★★★☆ 4.1 ││ · Alex M. Houston ││ │ 18 reviews · Reputation: 82 ││ · Alex M. San Antonio ││ │ ││ · A.M. Austin ││ │ "Emotionally checked out after ││ ││ │ month three but came back ││ ────────────────────────────────────────── ││ │ when it counted. Patience." ││ Can't find who you're looking for? ││ │ ││ ││ │ [ View Full Profile ] ││ [ + Submit a New Profile ] ││ └──────────────────────────────────┘│ ││ ┌──────────────────────────────────┐│ ────────────────────────────────────────── ││ │ Alex M. · Austin, TX ││ Search tips: ││ │ Situationship · ★★★☆☆ 2.9 ││ · Try first name + last initial ││ │ 6 reviews · Reputation: 58 ││ · Add a city for better results ││ │ ││ · Relationship type can narrow results ││ │ "Enjoyable in small doses but ││ ││ │ inconsistent when showing up ││ ││ │ or following through." ││ ││ │ ││ ││ │ [ View Full Profile ] ││ ││ └──────────────────────────────────┘│ ││ ┌──────────────────────────────────┐│ ││ │ Alex M. · Austin, TX ││ ││ │ Short-term · ★★★★☆ 4.4 ││ ││ │ 3 reviews · Reputation: 77 ││ ││ │ ││ ││ │ "Short but surprisingly sweet. ││ ││ │ Clear communicator, no games, ││ ││ │ left on good terms." ││ ││ │ ││ ││ │ [ View Full Profile ] ││ ││ └──────────────────────────────────┘│ │├─────────────────────────────────────────────────────────────────────────────────────┤│ About · Terms · Guidelines · Content Policy · Removal · DMCA · Law Enforcement │└─────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The right sidebar at iPad portrait introduces a “Related Searches” and “Search Tips” panel that would be hidden on mobile but adds discoverability value for tablet users who may be browsing rather than searching with intent. The search bar is repeated at the top of the results page so users can refine their query without tapping back to the home page.
SEARCH RESULTS — iPad Landscape 1024×768
┌───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ Trystpilot.xyz [Home] [Search] [Write a Review] [About] [Legal] [Report an Issue] │├───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ ┌───────────────────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ │ 🔍 Search by name, alias, or city — e.g. "Alex M. Austin TX" [ Search ] │ ││ └───────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ ││ 3 profiles found · Sort: [ Relevance ▾ ] · Filter type: [ All ▾ ] · Min rating: [ Any ▾ ] · Min reviews: [ Any ▾ ] ││ │├──────────────────────────────────────────────────────────────────────────────────┬────────────────────────────────────┤│ Results (3) │ Related / Refine │├──────────────────────────────────────────────────────────────────────────────────┤────────────────────────────────────┤│ ┌────────────────────────────────────────────────────────────────────────────┐ │ People also searched: ││ │ Alex M. · Austin, TX Long-term · ★★★★☆ 4.1 │ │ · Alex M. Dallas ││ │ 18 reviews · Reputation Index: 82/100 │ │ · Alex M. Houston ││ │ "Emotionally checked out after month three but came back around when it │ │ · A.M. Austin TX ││ │ counted. The honesty showed up eventually and that matters." │ │ ││ │ [ View Profile ] │ │ ──────────────────────────────── ││ └────────────────────────────────────────────────────────────────────────────┘ │ Not finding the right person? ││ ┌────────────────────────────────────────────────────────────────────────────┐ │ ││ │ Alex M. · Austin, TX Situationship · ★★★☆☆ 2.9 │ │ [ + Submit a New Profile ] ││ │ 6 reviews · Reputation Index: 58/100 │ │ ││ │ "Enjoyable in small doses but inconsistent when showing up or following │ │ ──────────────────────────────── ││ │ through on what was said. Approach with eyes open." │ │ Search tips: ││ │ [ View Profile ] │ │ · First name + last initial ││ └────────────────────────────────────────────────────────────────────────────┘ │ · Add city for precision ││ ┌────────────────────────────────────────────────────────────────────────────┐ │ · Filter by relationship type ││ │ Alex M. · Austin, TX Short-term · ★★★★☆ 4.4 │ │ ││ │ 3 reviews · Reputation Index: 77/100 │ │ ││ │ "Short but surprisingly sweet. Clear communicator, no games played, │ │ ││ │ left on genuinely good terms. Would call this a good experience." │ │ ││ │ [ View Profile ] │ │ ││ └────────────────────────────────────────────────────────────────────────────┘ │ │├───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ About · Terms · Guidelines · Content Policy · Removal · DMCA · © 2026 Trystpilot.xyz │└───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: Landscape orientation allows the full review snippet to display on a single card without truncation, reducing the need for tap-through just to read whether a profile is relevant. The four filter controls display inline on a single row at this width rather than stacking or hiding behind a toggle, making result refinement immediate.
SEARCH RESULTS — MacBook 1440×900
┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ Trystpilot.xyz [Home] [Search] [Write a Review] [About] [Legal] [Blog] [Report an Issue] [Admin Login] │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ ┌──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ │ 🔍 Search by first name, last initial, or city — e.g. "Alex M." or "Austin TX" or "Alex M. Austin" [ Search ] │ ││ └──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ ││ 3 profiles found for "alex m. austin" · Sort: [ Relevance ▾ ] · Type: [ All ▾ ] · Min rating: [ Any ▾ ] · Min reviews: [ Any ▾ ] ││ │├──────────────────────────────────────────────────────────────────────────────────────────────────┬─────────────────────────────────────────────┤│ Results (3) │ Refine / Related │├──────────────────────────────────────────────────────────────────────────────────────────────────┤─────────────────────────────────────────────┤│ ┌──────────────────────────────────────────────────────────────────────────────────────────┐ │ People also searched: ││ │ Alex M. · Austin, TX Long-term · ★★★★☆ 4.1 │ │ · Alex M. Dallas, TX ││ │ 18 reviews · Reputation Index: 82 / 100 │ │ · Alex M. Houston, TX ││ │ "Emotionally checked out after month three but came back around when it counted most. │ │ · Alex M. San Antonio, TX ││ │ The honesty eventually showed up and that is what matters. Patience pays." │ │ · A.M. Austin TX (unverified) ││ │ [ View Full Profile ] │ │ ││ └──────────────────────────────────────────────────────────────────────────────────────────┘ │ ────────────────────────────────────── ││ ┌──────────────────────────────────────────────────────────────────────────────────────────┐ │ Can't find who you're looking for? ││ │ Alex M. · Austin, TX Situationship · ★★★☆☆ 2.9 │ │ ││ │ 6 reviews · Reputation Index: 58 / 100 │ │ [ + Submit a New Profile ] ││ │ "Enjoyable in small doses but inconsistent when it came to showing up or following │ │ ││ │ through on commitments. Approach with open and realistic expectations." │ │ ────────────────────────────────────── ││ │ [ View Full Profile ] │ │ Search tips: ││ └──────────────────────────────────────────────────────────────────────────────────────────┘ │ · Use first name + last initial ││ ┌──────────────────────────────────────────────────────────────────────────────────────────┐ │ · Add city for more precise results ││ │ Alex M. · Austin, TX Short-term · ★★★★☆ 4.4 │ │ · Filter by relationship type ││ │ 3 reviews · Reputation Index: 77 / 100 │ │ · Increase min reviews for reliability ││ │ "Short but surprisingly sweet. Clear communicator from day one, no games played, │ │ ││ │ and we parted on genuinely good terms. Would call this a positive experience." │ │ ││ │ [ View Full Profile ] │ │ ││ └──────────────────────────────────────────────────────────────────────────────────────────┘ │ │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ About · Terms of Service · Community Guidelines · Content Policy · Removal Request · DMCA Portal · Law Enforcement Contact │└────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘Mobile-first considerations: The full desktop viewport renders complete review snippets without truncation, so users can read enough context to identify the correct profile before clicking through, reducing page navigation on a session where multiple tabs are not necessary. The wide result card format mirrors the profile page card design system so the visual language remains consistent across search and profile views.
SEARCH RESULTS — Common Laptop 1280×800
┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ Trystpilot.xyz [Home] [Search] [Write a Review] [About] [Legal] [Blog] [Report] [Admin Login] │├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤│ ││ ┌──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐ ││ │ 🔍 Search by name or city — e.g. "Alex M." or "Alex M. Austin TX" [ Search ] │ ││ └──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ ││ ││ 3 results · Sort: [ Relevance ▾ ] · Type: [ All ▾ ] · Min rating: [ Any ▾ ] · Min reviews: [ Any ▾ ] ││ │├─────────────────────────────────────────────────────────────────────────────────────────┬──────────────────────────────────────┤│ Results (3)
---
## SEARCH RESULTS — Common Laptop 1280×800 (continued)┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐ │ Trystpilot.xyz [Home] [Search] [Write a Review] [About] [Legal] [Blog] [Report] [Admin Login] │ ├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤ │ │ │ ┌──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐ │ │ │ 🔍 Search by name or city — e.g. “Alex M.” or “Alex M. Austin TX” [ Search ] │ │ │ └──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘ │ │ │ │ 3 results · Sort: [ Relevance ▾ ] · Type: [ All ▾ ] · Min rating: [ Any ▾ ] · Min reviews: [ Any ▾ ] │ │ │ ├──────────────────────────────────────────────────────────────────────────────────────┬─────────────────────────────────────────┤ │ Results (3) │ Refine / Related │ ├──────────────────────────────────────────────────────────────────────────────────────┤─────────────────────────────────────────┤ │ ┌──────────────────────────────────────────────────────────────────────────────┐ │ People also searched: │ │ │ Alex M. · Austin, TX Long-term · ★★★★☆ 4.1 │ │ · Alex M. Dallas, TX │ │ │ 18 reviews · Reputation: 82/100 │ │ · Alex M. Houston, TX │ │ │ “Emotionally checked out after month three but came back around when it │ │ · A.M. Austin TX │ │ │ counted. Honesty showed up late but it showed up.” │ │ │ │ │ [ View Full Profile ] │ │ ──────────────────────────────────── │ │ └──────────────────────────────────────────────────────────────────────────────┘ │ Not finding the right person? │ │ ┌──────────────────────────────────────────────────────────────────────────────┐ │ [ + Submit a New Profile ] │ │ │ Alex M. · Austin, TX Situationship · ★★★☆☆ 2.9 │ │ │ │ │ 6 reviews · Reputation: 58/100 │ │ ──────────────────────────────────── │ │ │ “Enjoyable in small doses but inconsistent when showing up or following │ │ Search tips: │ │ │ through on what was said. Approach with realistic expectations.” │ │ · First name + last initial │ │ │ [ View Full Profile ] │ │ · Add city for precision │ │ └──────────────────────────────────────────────────────────────────────────────┘ │ · Filter by relationship type │ │ ┌──────────────────────────────────────────────────────────────────────────────┐ │ · Min reviews filter for reliability │ │ │ Alex M. · Austin, TX Short-term · ★★★★☆ 4.4 │ │ │ │ │ 3 reviews · Reputation: 77/100 │ │ │ │ │ “Short but surprisingly sweet. Clear communicator, no games played, │ │ │ │ │ left on genuinely good terms. A positive experience overall.” │ │ │ │ │ [ View Full Profile ] │ │ │ │ └──────────────────────────────────────────────────────────────────────────────┘ │ │ ├────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤ │ About · Terms · Guidelines · Content Policy · Removal · DMCA · © 2026 Trystpilot.xyz │ └────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘
**Mobile-first considerations:** At 1280px the result cards expand to show full snippet text inline, removing the need for truncation ellipsis used at narrower breakpoints and giving laptop users enough context to distinguish between multiple profiles sharing the same alias without clicking each one. The sidebar "Related" panel remains at a fixed width that does not grow with the viewport, keeping the result card column as the dominant visual focus.