Mocklii
Design a clean, modern EdTech-first website UI for an AI-powered interview preparation platform named Mockly, blending Unacademy-style clarity and approachability with premium SaaS minimalism. Brand & Visual Language Primary colors: Blue and White Secondary accents: soft teal / cyan Backgrounds: mostly white with light blue sections Typography: simple, readable, friendly (EdTech feel) with strong hierarchy (SaaS feel) Rounded cards, gentle shadows, generous spacing Avoid flashy gradients, heavy animations, or aggressive colors Hero Section (EdTech-led, SaaS-clean) Headline (large, friendly, confident): “Don’t just prepare. Mockly it.” Subtext: Practice real interviews with AI—private jobs, high-stakes exams, and communication mastery. CTA buttons: Primary: Start Practicing Secondary: Watch Demo Add a friendly AI mascot on the side (Unacademy warmth), but keep layout clean and professional (SaaS restraint) Top Navigation Left-aligned logo Simple links: Product | Pricing | About | Contact Right-aligned CTA: Try for Free Sticky, minimal navbar similar to EdTech platforms What Makes Mockly Different Use short EdTech-style info cards, but with SaaS polish: Human-like AI interviewer Updated company-to-company question database Only role- and company-relevant questions Real-time feedback and progress tracking Each point should be concise, visual, and skimmable. Core Learning Structure (Key Section) Present Mockly’s three zones like structured EdTech courses, but framed as professional simulations: 1. Private Sector Job Interview Prep Clean corporate visual language AI acts as hiring manager or tech lead Company-specific interview simulations CTA: Enter Boardroom 2. High-Stakes Exam Interview Prep Formal, serious tone CAT, UPSC, NDA interview panels Stress testing and factual cross-questioning CTA: Enter Panel Room 3. Communication Lab Softer colors within blue palette Safe, judgment-free practice space Personalized AI communication partner Real-time fluency and confidence feedback CTA: Enter Safe Space Learning Flow (EdTech Familiarity) Visual step-based flow similar to Unacademy: Choose Role / Exam Upload Resume or Profile Practice with AI Interviewer Get Instant Feedback Track Improvement Over Time Keep it simple, friendly, and intuitive. Feedback & Progress UI EdTech-style progress indicators SaaS-style analytics clarity Scorecards, improvement tips, and session comparisons Focus on growth, not judgment Overall UX Philosophy Beginner-friendly like EdTech Structured and reliable like SaaS Calm, confidence-building experience Designed for daily practice and repeat usage Footer Clean and minimal Trust-oriented language Reinforce tagline: “Don’t just prepare. Mockly it.” Final Impression Mockly should feel like: A familiar EdTech platform users trust A serious interview practice lab A modern AI product that feels human Simple enough for students, professional enough for recruiters