Skip to content

[Improvement]: Enhancement of footer #20

Open

Description

@Priyakatariya

Description

Image I would like to improve the overall visual clarity and information architecture of the platform by transitioning to a minimalist, centered design language. This improvement involves:

UI Centering: Moving the primary interaction points, such as search bars and headers, to a centered layout to eliminate visual "dead space" on wider screens.

Feature-Rich Footer: Replacing the basic footer with a comprehensive, branded multi-column layout that includes "Navigate" and "Connect" sections for better site exploration.

Modular Tagging: Implementing standardized badges like "AI Powered" and "Featured" to create a consistent way to highlight project metadata across the "Explore" and "Highlights" pages.

Typography Refinement: Adopting cleaner font weights and spacing to create a more professional, "Web3" aesthetic that aligns with modern design kits.

Current Behavior

Image Fragmented Layout: The current pages use a left-aligned or wide-stretched layout that creates significant empty space and makes the page feel unbalanced.

High Visual Density: Search filters and category inputs are clustered together with little padding, making the discovery process feel cramped and utilitarian.

Inconsistent Branding: The existing footer and header elements lack the depth and "glassmorphism" effects found in professional design libraries, resulting in a flat visual experience.

Overwhelming Vertical Space: Key educational or community content is often displayed in long vertical lists that require excessive scrolling to navigate.

Proposed Improvement

I propose a complete UI/UX overhaul of the current discovery and community pages to adopt a Minimalist Centered Layout.

Centered Discovery Hub: Replace the fragmented hero section with a centered "Explore Projects" header and a sleek, pill-shaped search bar that includes clear placeholder guidance.

Visual Hierarchy: Implement "Discover & Explore" pill badges above headings and "Featured" tags on project cards to guide user attention effectively.

Modern Footer Integration: Update the footer to a clean, multi-column layout featuring a professional "GenForm" branding style with social icons and clear navigation links.

Interactive Cards: Transition from standard lists to interactive project cards with subtle borders and ample white space.

Benefits

Reduced Cognitive Load: A centered, minimalist layout removes distracting "dead space" and helps users focus on finding content quickly.

Improved Discoverability: Standardized badges (e.g., "AI Powered," "500+ Users") provide immediate value propositions at a glance.

Enhanced Professionalism: High-quality typography and consistent spacing align the platform with premium "Web3" design standards.

Better Navigation Flow: A structured footer provides a clear "end of page" experience and easy access to core platform areas like Analytics or the Dashboard.

Area of Improvement

UI/UX

Additional Context

Design Benchmark: The "Readme Design Kit" provides a superior example of how to handle empty states and centered search interfaces.

Component Refinement: The proposed footer structure demonstrates a clean way to integrate branding ("Crafted with ❤️ by Aman Singh") while maintaining functionality.

Code of Conduct

  • I agree to follow this project's Code of Conduct

Activity

  1. Pratik-Bavche commented on Jan 5, 2026

    @Pratik-Bavche

    I can help with this issue, as I have already worked on similar issues before. Kindly assign it to me.

  2. Amansingh0807 commented on Jan 5, 2026

    @Amansingh0807
    Owner

    I can help with this issue, as I have already worked on similar issues before. Kindly assign it to me.

    Hey @Pratik-Bavche look at the issue #18.

  3. Amansingh0807 commented on Jan 5, 2026

    @Amansingh0807
    Owner

    Hi @Priyakatariya, thank you for this comprehensive UI/UX proposal! Your ideas for centering the layout and adding modular tagging align perfectly with the direction of GenForm.

    I am assigning this issue to you. However, I have a few specific requests to keep the design consistent with our current progress:

    1. Minimalist Footer: While I like the idea of a multi-column layout, please keep it minimalistic. Avoid adding too many links or heavy text. Focus on clean typography and subtle social icons.
    2. Build on PR Added Hover Effects in Testimonials and Process Section #19: We just integrated several hover effects and animations (breathe effects, lift transitions) on the Landing Page. Please ensure your overhaul builds on top of these rather than removing them.
    3. Preserve FAQ Logic: We have a custom React-state-driven FAQ section with specific grid-row transitions. Please maintain this logic even if you restyle the container.
    4. Glassmorphism: We are already using backdrop-blur in several places. Please continue using this "glass" effect for the new cards and headers to keep the branding consistent.

    Note : Don't use AI graphics and related.
    Looking forward to seeing your PR

  4. Amansingh0807 commented on Jan 16, 2026

    @Amansingh0807
    Owner

    Hi @Priyakatariya, just checking if you are still working over it or not ? otherwise i am going to assign this issue to another person.

  5. Amansingh0807 commented on Jan 23, 2026

    @Amansingh0807
    Owner

    Hi @Pratik-Bavche, If you want to work for the issue go ahead to open up a PR for the same. I am assigning it to you.

  6. Priyakatariya commented on Jan 24, 2026

    @Priyakatariya
    Author

    Hi @Priyakatariya, just checking if you are still working over it or not ? otherwise i am going to assign this issue to another person.

    soory I missed this .I am going to raise pr

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

AcceptedThe Issue is acceptedAssignedMediumSWoC26Official Tag for Social Winter of CodeenhancementNew feature or request

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions