search

imperfectandcompany / Imperfect-Gamers-Site-Store

Our robust community site integrating Steam for enhanced user interactions and data management, powered by Remix with Tailwind CSS for optimistic, responsive UI. Features CI/CD with GitHub Actions and Docker for seamless deployment and maintenance.
https://store.imperfectgamers.org/
Other
0 stars 0 forks source link

Pre-Release Update: UI Enhancements and Functional Fixes for User Experience Improvement #88

Closed cheesea3 closed 1 month ago

cheesea3 commented 1 month ago

We are planning a series of enhancements and bug fixes aimed at refining the user experience across the Imperfect Gamers Club platform. This issue outlines the necessary adjustments and functional improvements to be implemented.

Enhancements and Fixes:

  1. Spacing and Layout Adjustments:

    • Increase spacing between each element and section for a cleaner and more organized visual layout.

  2. Mobile Zoom Issue on Keyboard Activation:

    • Fix the issue where the screen zooms or scrolls when the keyboard is activated on mobile devices.

  3. Cookie Banner Z-Index Adjustment:

    • Increase the z-index for the cookie banner to ensure it remains on top of other page elements.

  4. Privacy Policy Text Correction:

    • Correct the apostrophe display in "Children's Privacy, Links to Other Websites, and Changes to this Privacy Policy" to show correct punctuation.

  5. Cookie Management on Logout:

    • Modify the logic to completely wipe cookies on logout to prevent unintended basket issues (bring back more robust handling and efficient in future to prevent basket recreation per user).

  6. Integration of Google Analytics and Microsoft Clarity:

    • Confirm proper implementation of Google Analytics and Microsoft Clarity in the Remix app to ensure analytics are captured correctly without unnecessary complexity.

  7. Cookie Banner Selection Color Change:

    • Update the selection color in the cookie banner from dark red to a more visually friendly color to improve user interaction cues.

  8. Membership Pricing Update:

    • Change the premium membership price from $20/month to $12/month.

  9. Interactive Elements for User Guidance:

    • Add tooltips to 'Learn More' links indicating that related content (blog) is coming soon.
    • Update 'Sign In' to link to Discord and note the upcoming ticket system for support.

  10. Visual Interaction Enhancements:

    • Implement fade-down effects for elements as the user scrolls into new sections to enhance visual transition.

  11. Modal Navigation Management:

    • Develop a confirmation dialog for discarding changes if the user tries to navigate away from modals without saving.
    • Ensure modals related to the cookie banner must be dismissed first before interacting with modals beneath them.

Objective: These updates are intended to make the website more intuitive, secure, and user-friendly, enhancing both the aesthetic appeal and functional robustness of our platform.

Expected Outcome: Improved user satisfaction and compliance with best practices for web interactions, particularly in handling privacy settings and mobile interactions.

Testing: Detailed testing will be required across multiple devices and browsers to ensure that all new implementations work as expected without disrupting existing functionalities.

cheesea3 commented 1 month ago

Also add 404 page