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

Enhance UI Animation, Component Functionality, and Style Consistency #89

Closed cheesea3 closed 1 month ago

cheesea3 commented 1 month ago

This pull request introduces a comprehensive update to the UI, incorporating animation enhancements, functional improvements, and style consistency across the platform. These changes are aimed at boosting user engagement and ensuring a more intuitive and responsive user experience. Here are the specifics of the changes included:

UI Enhancements:

  1. Animation and Style Enhancements:

    • Updated animations for smoother transitions on the PriceLabel component.
    • Improved visual flow with increased spacing between UI elements.
    • Refined tooltip triggers to provide better interaction cues on 'Learn More' links.
  2. Component Updates:

    • Adjusted the MembershipTier components to dynamically style based on trial information and additional info.
    • Updated premium price in MembershipCard component reflecting the new pricing strategy of $12/month from $20/month.
    • Enhanced tooltip visibility toggling in Tooltip components.

Functional Improvements:

  1. Viewport Adjustments:

    • Implemented viewport settings to prevent zoom on mobile devices when the keyboard is active, enhancing mobile usability.
  2. Navigation and Integration:

    • Added CrateWidget integration for efficient management of external assets.
    • Enhanced StoreNavbar with redirect functionality including a cancellation option for better navigation control.
  3. Additional Updates:

    • Added placeholders for upcoming blog content linked in the 'Learn More' sections.
    • Introduced changes in the global CSS for advanced responsiveness and new color schemes.
    • Updated store membership tiers with refined descriptions and trial offers, enhancing clarity and user engagement.

Additional Fixes:

These updates are designed to make the store more intuitive, compliant, and user-friendly, addressing direct feedback from users and fulfilling compliance requirements. Additional testing and feedback on these modifications are welcome to ensure seamless user interaction and satisfaction.