Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Enhance Card Design for Dessert, Indian Thali, Snacks, and Juices #1556

Open
SaiyamTuteja opened this issue Aug 2, 2024 · 2 comments
Open

Comments

@SaiyamTuteja
Copy link

Objective

I aim to improve the design of the cards for Dessert, Indian Thali, Snacks, and Juices on our food website. The goal is to make each card more attractive, readable, and interactive to enhance user engagement and encourage orders.

Features to Implement

  1. Visual Appeal

    • Update the card design with vibrant, high-quality images and modern layout elements.
    • Apply dynamic gradients or overlays to the background to make the cards visually engaging.
  2. Readability

    • Optimize typography for improved readability, ensuring that titles and descriptions are clear and contrasted.
    • Make sure the text remains legible across various screen sizes and resolutions.
  3. Interaction Elements

    • Heart Icon & Count: Incorporate a heart icon with a count to display how many people have liked each item. The heart and count should be prominently styled to attract user attention.
    • Order Button: Add a prominent "Order" button on each card. This button should stand out and feature a hover effect to indicate it is clickable.
  4. Layout and Design

    • Adjust card dimensions and padding for a more balanced and visually appealing layout.
    • Ensure that images, text, and icons are well-aligned and harmonious.
  5. Responsive Design

    • Ensure that the updated card design is responsive and works seamlessly across different devices and screen sizes.

Before Update

image

After Update

image

Copy link

github-actions bot commented Aug 2, 2024

Thank you for creating this issue! 🎉 We'll look into it as soon as possible. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.

@SaiyamTuteja
Copy link
Author

@khushi-joshi-05 tell me about this issue to be solved or not

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant