Skip to content

UI/Improve: Redesign and Enhance Overall Homepage Layout for Better First Impression #22

Description

@Ankita-Gupta2004

📌 Problem
The current homepage delivers its functionality but lacks visual balance, modern layout polish, and interactive guidance that’s expected from a production-grade interface. Given this is the first screen users see, it should build trust, offer clarity, and reflect the app’s purpose in a more refined and accessible way.

❗ Why This Matters
🧭 The homepage is the entry point for users, and its UI strongly influences first impressions.
📱 Visual elements like the background image, header spacing, button placements, and text hierarchy lack coherence across screen sizes.
🎨 There’s a strong contrast between the bright navbar and the rest of the layout, but no supporting elements (shadows, overlays, content containers) to harmonize them.
📄 The call to action (CTA) lacks accompanying guidance — e.g., no short description, illustration, or benefits summary of the platform.
💡 The design can be made more modern and accessible by introducing proper spacing, better font pairing, subtle animation, and UI responsiveness.

✅ Goals
🔸 Improve the visual hierarchy — clear separation between header, main message, and action buttons.
🔸 Make the homepage responsive and accessible across screen sizes (especially mobile/tablet).
🔸 Harmonize colors, contrast, and font styles between the navbar, background, and foreground text.
🔸 Add contextual information, icons, or illustrations to explain the purpose of the platform within seconds.
🔸 Make the login/signup more visually prominent and informative.
🔸 Optional: Add subtle animations or scroll effects for better user engagement.

💡 Suggested Enhancements
Design details and implementation are open to contributors. Maintainers can suggest design direction (e.g., minimalistic, animated, card-based) based on project goals.

📁 Current Screenshot
Image

🙋‍♀️ Why Me?
As a GSSoC contributor, I’m actively looking to improve the visual and functional flow of this project. I’ve already contributed to similar UI sections in other repositories and understand how to elevate a landing view without disrupting the current app logic. I’m confident I can deliver a clean, responsive homepage experience that improves usability, branding, and engagement.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions