UI/UX Redesign: Improve Home Page Visuals & User Experience

[codewithdhruba01]

Problem

The current MultiCalc homepage design is functional but feels minimal and static.
To improve user engagement, clarity, and overall visual appeal, the homepage UI/UX needs a modern redesign.

Goals

• Improve visual hierarchy and readability
• Make the hero section more engaging
• Enhance consistency across sections
• Modernize UI elements (buttons, cards, spacing)
• Improve overall user experience without changing core functionality

Proposed Design Changes

1. Hero Section

• Improve typography contrast and hierarchy
• Enhance background with subtle gradient or animated effects
• Refine tagline styling (e.g. “simple” text)
• Improve CTA button styles (hover, glow, depth)

2. Navigation Bar

• Improve spacing and alignment
• Add subtle hover/active states
• Improve mobile responsiveness

3. Featured Calculator Section

• Redesign calculator cards with:

  • Glassmorphism / soft shadows
  • Better icons and spacing
  • Hover animation for interactivity

4. Color & Theme

• Refine dark theme contrast
• Improve accent color usage
• Ensure accessibility-friendly color ratios

5. Micro Interactions

• Button hover effects
• Smooth transitions
• Subtle entrance animations (Framer Motion)

---

Acceptance Criteria

• Homepage looks more modern and visually engaging
• No regression in functionality
• Fully responsive on mobile, tablet, and desktop
• Performance remains smooth

Reference

Current live site: https://www.multicalc.site/

---

Additional Notes

This issue focuses only on UI/UX redesign, not on adding new calculators or backend changes.