AI Resume Critique App Mockup

Goal: Create a polished marketing mockup for a Japanese mobile app called {argument name="app name" default="ES Correction AI"}, an AI entry-sheet/resume critique app for students, shown as three iPhone-style screens side by side on a clean white background.

Canvas: Wide horizontal image, approximately 16:9. Place exactly 3 black-framed modern iPhones with rounded corners, top Dynamic Island, status bar time 9:41, and bottom home indicator. Use bright white UI cards, soft shadows, rounded corners, and a purple-to-blue gradient accent style. Overall look should be like a realistic App Store/SNS concept mockup, clean and trustworthy.

Phone 1, Home screen: Header text at top left reads 「ES Correction AI」, with a circular user/profile icon at top right. The Hero section includes a small purple sparkle label: "AI thoroughly corrects your ES from a professional perspective," a bold headline: "Your strengths are more easily communicated in ES." , supporting copy "Let's create an ES together to increase the pass rate." , and a small illustration of a student working on a laptop with purple AI/chat icons. Section title: "Starting Corrections." Add one large gradient call-to-action card with a document icon, text "Newly correct the ES" and "Insert the ES or upload the file for AI to correct it" plus a right chevron. Section title: "List of Features." Show exactly 4 feature list cards: 1) clock icon, "Correction History," "You can check previously corrected ES"; 2) chat icon, "Predict interview questions," "Generate questions from your ES that are likely to be asked in the interview"; 3) Person icon, "Self-Analysis Support," "Helping to Organize Strengths and Weaknesses"; 4) Building icon: "Proposals for Company-specific Appeals," "We propose appeal points tailored to your desired company." Bottom navigation contains exactly 5 items: "Home" active, "Correction History," "Interview Questions," "Self-Analysis," "Company-specific Proposals."

Phone 2, Results overview screen: Top bar has a back arrow and centered title "Correction Results". Under it, show exactly 4 tabs: "Overall Evaluation" active with purple underline, "Itemized Evaluation," "Correction Comments," "Examples of Improvement." Main white card title "Overall Evaluation". Left side has a circular score ring showing {argument name="score" default="87"} and 「/100」. Right side text reads "Evaluation Rank", large rank {argument name="grade" default="A"}, "Excellent ES!" , and "Let's finish it at this pace." Next card title "Predicted Pass Rate", text "This ES is expected to have a high pass rate", green badge "High", horizontal progress bar, and "Over 80%". Next card title "Strengths" with exactly 3 green check items: "Specific episodes are written," "Your values are conveyed," "Highly compatible with companies." Next card title "Points for improvement (by priority)" with exactly 3 numbered rows: 1 "Let's write the conclusion more clearly" with red badge "High"; 2. "Showing results numerically makes them more persuasive" with orange badge "medium"; 3. "A little more detail about Gakuchika's background" with gray badge "low." At bottom, a large purple-blue gradient button reads "See example of improvement."

Phone 3, Detailed comments screen: Top bar has a back arrow and centered title "Correction Results". Repeat exactly 4 tabs: "Overall Evaluation", "Itemized Evaluation", "Correction Comment" active with purple underline, "Improvement Example". Show exactly 2 visible critique sections in stacked white cards. Section 1 heading "Question 1: What you focused on during your student days" with red badge "high", subheading "comment", comment text explaining that the conclusion is written last and should first communicate what the student accomplished, and that numerical results improve persuasiveness. Then subheading "Improvement Example" with a light purple suggestion box labeled "AI Proposal Example" containing rewritten Japanese text about focusing on increasing sales at a cafe, working as an part-time leader, and increasing sales by 20% in 3 months. Section 2 heading "Question 2: Your Strengths" with orange badge "Middle", subheading "Comments", comment text explaining to support how the strength was demonstrated with an episode and to end with how it can be used at the company. Then subheading "Improvement Example" with a light purple suggestion box labeled "AI Proposal Example" containing a rewritten example beginning "My strength is problem-solving ability." and mentioning cafe congestion and improving operations, cropped slightly at the bottom as if scrollable.

Visual style: Japanese iOS app UI, San Francisco/Noto Sans style typography, purple and indigo gradients, subtle pastel lavender highlights, blue accent icons, soft card shadows, crisp alignment, plenty of white space. Use realistic phone hardware shadows and spacing. Keep text legible and mostly identical to the specified Japanese labels.

Constraints: Show exactly 3 phones, exactly 4 home feature cards, exactly 5 bottom navigation items on the first phone, exactly 4 tabs on each results screen, exactly 3 strengths, exactly 3 improvement points, and exactly 2 visible comment sections. Do not add extra screens, watermarks, logos, or decorative clutter.