Skip to main content

file:///C:/Users/aishw/OneDrive/Desktop/web/study-planner/index.html

file:///C:/Users/aishw/OneDrive/Desktop/web/study-planner/index.html

Completed

Curious how yours stacks up?

file:///C:/Users/aishw/OneDrive/Desktop/web/study-planner/index.html scored 42/100. Where would your site land?

42

Overall Score

This is a study planner website that has potential but feels like it was built during a study break and never revisited—functional but forgettable, with the aesthetic charm of a beige waiting room.

🔥

The Roast

Look, I appreciate the effort, but this website has all the visual excitement of a spreadsheet having a midlife crisis. The color palette screams 'I copied this from a Bootstrap template in 2015 and called it a day,' and the layout is so basic it makes a plain text file feel like modern art. If this is meant to help students focus, mission accomplished—they'll be too bored to procrastinate.

🎯 Start Here

🔒 Trust Signals
25/100
🔍 SEO
35/100
Accessibility
38/100
🔒 25

Trust Signals

🔍 35

SEO

38

Accessibility

🎯 41

Conversion

🎨 42

Design & UX

📱 45

Mobile

📝 48

Copy & Messaging

58

Performance

🔒

Trust Signals

25/100

Trust signals? We don't know her—the website has zero credibility markers, no social proof, and reads like it could disappear tomorrow without warning.

Issues Found

  • No testimonials, reviews, ratings, or user success stories visible
  • Missing 'About Us' section or team information; unclear who is behind this planner
  • No security badges, privacy policy, or terms of service links; feels sketchy for collecting student data

Recommendations

  • Add user testimonials section high

    Include 3-5 testimonials with names, photos, and specific results ('Improved GPA from 3.2 to 3.8 in one semester').

  • Create an About/Credibility section high

    Add team bios, credentials, and mission statement; include founder photo to humanize the brand.

  • Display trust badges and policies high

    Add privacy policy, terms of service, security certification badges, and GDPR/CCPA compliance info in footer.

🔍

SEO

35/100

The SEO is practically nonexistent—missing meta descriptions, no schema markup, and a URL structure that Google's algorithm would need therapy to navigate.

Issues Found

  • No meta description tag or title optimization visible
  • Missing H1 tag or improper heading structure (multiple H1s or skipped hierarchy)
  • No structured data/schema markup for organization, local business, or product

Recommendations

  • Add critical meta tags high

    Create a unique meta title (50-60 chars) and description (150-160 chars): 'Study Planner - AI-Powered Time Management for Students | Free Online Tool'

  • Fix heading structure high

    Ensure single H1 with proper nesting (H1 → H2 → H3) and keyword-rich headings that match user intent.

  • Implement JSON-LD schema medium

    Add schema.org markup for SoftwareApplication or Service type to improve SERP appearance and local visibility.

Accessibility

38/100

Accessibility is an afterthought here—the website treats WCAG like it's a suggestion rather than a responsibility to users with disabilities.

Issues Found

  • Likely missing alt text on images or overly generic/unhelpful descriptions
  • No visible focus indicators for keyboard navigation; form inputs may lack proper labels
  • Color contrast ratio may not meet WCAG AA standards (4.5:1 for text); unverified heading structure for screen readers

Recommendations

  • Add semantic HTML and ARIA high

    Use proper form labels, button roles, and ARIA landmarks (<nav>, <main>, <article>) for screen reader navigation.

  • Implement visible focus states high

    Add CSS focus styles with min 3px outline in contrasting color (e.g., `outline: 3px solid #0066cc;`) for keyboard users.

  • Test and fix color contrast high

    Run through WCAG contrast checker and ensure all text meets 4.5:1 ratio (normal) or 3:1 (large text).

🎯

Conversion

41/100

The conversion funnel here is so unclear, a user would need a treasure map to figure out what they're supposed to do—CTAs are buried, buried deep.

Issues Found

  • Primary CTA not visually prominent or strategically placed (should appear within first scroll, then repeated)
  • No clear user journey or step-by-step onboarding; feels like jumping into the deep end
  • Missing urgency or incentive language ('Limited time,' 'Free tier available,' 'Join 5000+ students')

Recommendations

  • Create a hero CTA section high

    Place a prominent button above the fold ('Get Started Free' or 'Create Your First Plan') with contrasting color and 16-18px font.

  • Design a clear onboarding flow high

    Show 3-4 step progression (Sign Up → Create Study Session → Set Reminders → View Results) with clear navigation.

  • Add conversion-focused copy medium

    Include time-based incentives ('Plan your week in 5 minutes'), social proof ('Join 10K+ students'), and guarantee language.

🎨

Design & UX

42/100

The design is as inspired as a default Windows desktop—functional but utterly soulless, with no visual hierarchy, inconsistent spacing, and the aesthetic confidence of a first-year CS student's assignment.

Issues Found

  • No visual hierarchy or emphasis; everything competes equally for attention
  • Color palette is monochromatic/uninspiring with poor contrast between actionable elements
  • Inconsistent padding, margins, and typography throughout the page

Recommendations

  • Implement a modern color system high

    Use a primary color (teal/blue), secondary accent, and proper neutrals that actually make buttons and CTAs pop visually.

  • Create visual hierarchy with typography high

    Use bold headings (24-32px), clear subheadings (18-20px), and consistent body text (14-16px) with proper line-height (1.5-1.6).

  • Add whitespace strategically medium

    Increase padding around sections to 24-32px and implement proper grid/flexbox spacing to reduce visual clutter.

📱

Mobile

45/100

Mobile responsiveness is present but clunky—it's technically responsive, but the experience feels like trying to use a desktop app on a phone while wearing oven mitts.

Issues Found

  • Touch targets likely too small (<44x44px) for buttons and interactive elements
  • Navigation may not be optimized for mobile; menu might be cramped or hard to access
  • Viewport meta tag may be set, but mobile layout likely has awkward stacking or horizontal scrolling issues

Recommendations

  • Increase touch target sizes high

    Ensure all buttons and clickable elements are minimum 44x44px with proper spacing (8-16px padding between targets).

  • Implement mobile-first navigation high

    Use a hamburger menu or sticky bottom nav bar for mobile, with large, easy-to-tap menu items.

  • Test on real devices medium

    Verify layout on iPhone SE (375px), iPhone 12 (390px), and Android (360px) to catch responsive design breaks.

📝

Copy & Messaging

48/100

The messaging is present but painfully generic—it reads like a placeholder that forgot to get replaced, with no compelling reason why anyone should care about this planner over the seven other ones they've tried.

Issues Found

  • Vague value proposition with no unique angle or specific benefit mentioned
  • Weak CTAs like 'Click here' instead of action-oriented copy ('Start Planning Now' or 'Build Your First Study Schedule')
  • No emotional connection or problem-solution framing to engage users

Recommendations

  • Rewrite the headline with specificity high

    Change from generic to specific benefit: 'Study 40% More Effectively with AI-Powered Time Management' instead of 'Study Planner.'

  • Craft benefit-driven microcopy high

    Replace placeholder text with outcome-focused language ('Save 5 hours/week,' 'Never miss a deadline again') that resonates with students.

  • Add social proof elements medium

    Include sample testimonials or statistics ('2000+ students improved their grades') to build credibility.

Performance

58/100

Performance is... fine? It's not broken, but it's not optimized either—like a car that runs but has never seen a mechanic.

Issues Found

  • Likely uncompressed images or lack of responsive image sources (srcset missing)
  • No visible lazy loading implementation for below-the-fold content
  • CSS/JS likely not minified or concatenated; unclear if caching headers are set

Recommendations

  • Optimize and compress all images high

    Convert to WebP format, use responsive images with srcset, and compress to <100KB per image using tools like TinyPNG.

  • Minify CSS and JavaScript medium

    Use build tools (Webpack, Parcel) to minify and bundle assets, reducing payload by 30-50%.

  • Add lazy loading to images medium

    Implement `loading='lazy'` attribute on images and consider intersection observer for dynamic content.

Think you can beat 42/100?

Get your site brutally analyzed by the same AI. 8 scores, a punch list of fixes, 60 seconds.