Tutor profile cards with video preview

Tutor profile cards with video preview, minimal, light-mode, light

Preview image. Unlock full-res

Mobile interface for a language tutoring marketplace, showing profile cards with photo, credentials, pricing, and a detail screen with video introduction.

Summary

A side-by-side mobile interface for booking language tutors, pairing a searchable list of profile cards (left) with a detail view showing video, credentials, and booking (right).

Visual description

Left screen: a light background with language filter dropdown ("Turkish"), filter tabs (Price, Country, Native, Super tutor, Master), result count (3342 tutors), and sort toggle. Two tutor cards show round avatar photos, name with verified badges, green "Super tutor" or "Top tutor" tags, bio text, hourly price, star rating with review count, and icon indicators for students/lessons/language. Right screen: a white card with back arrow and share/like icons, a video play button with tutor photo, name and location, credentials (Super tutor, #in top10, Popular Choice), pricing and metrics, and an "About me" section with bold orange accent text (100% refundable, High demand) and a black "Buy Lessons" button.

Key takeaway

The two-panel layout efficiently shows list and detail side by side without deep navigation; the card design balances photo, credentials, and social proof (ratings, student count) in minimal space; color accents (green badges, orange text) highlight trust signals without noise.

Reuse notes

Strong pattern for any service marketplace (tutoring, coaching, freelance). Works on mid-size screens; left panel would stack on mobile. The verified badge + review count + price transparency build confidence early.

More like this