Skip to content

Improve “Get Tickets” Button Design in Navigation to Match UI Style ✨ #122

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

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

dhanushk-offl
Copy link
Contributor

Changes Made:

  1. Replaced the existing simple button design with a more visually appealing style.
  2. Ensured the new button matches the UI/UX patterns used across the homepage and other sections.
  3. Styled it to stand out better as a Call-to-Action (CTA), increasing its visibility and effectiveness.

Reason:

The "Get Tickets" button is a key CTA on our homepage. And I feel the previous design looked out of place and didn’t match the rest of our UI, which could affect user engagement. The updated design enhances consistency, improves visibility, and makes it more appealing to users.

Copy link

netlify bot commented Jun 6, 2025

Deploy Preview for inpycon2025 ready!

Name Link
🔨 Latest commit d3de86b
🔍 Latest deploy log https://app.netlify.com/projects/inpycon2025/deploys/684323ab0476a9000824a771
😎 Deploy Preview https://deploy-preview-122--inpycon2025.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@dhanushk-offl
Copy link
Contributor Author

Hey, @farhaanbukhsh, @anistark! Review this PR!

@anistark
Copy link
Member

anistark commented Jun 9, 2025

@dhanushk-offl Overall looks ok. But I feel the font seem a bit larger than rest of navbar items right now. and so, feels a bit off.

In mobile view, The button is one side. Might look better with full width, in-line with rest of the items.

@farhaanbukhsh
Copy link
Contributor

I think Design WG can take a better call on this,

@shabnam701
Copy link

@dhanushk-offl could you please add before and after screenshot for this change for both desktop and mobile version?

cc @ashish10677 @farhaanbukhsh

@ashish10677
Copy link
Contributor

@dhanushk-offl could you please add before and after screenshot for this change for both desktop and mobile version?

cc @ashish10677 @farhaanbukhsh

Before:
image
After:
image
You can check the behavior here: https://deploy-preview-122--inpycon2025.netlify.app/

@shabnam701
Copy link

@dhanushk-offl @ashish10677 the version of the button looks perfect as it is. I don’t think we need improvements.

@anistark
Copy link
Member

@shabnam701 Please check mobile version as well. Feels off.

Screenshot 2025-06-28 at 11 16 29 AM

Might look better with full width button in mobile view.

@shabnam701
Copy link

@anistark we can go with this for mobile view.
For desktop let’s not increase the size, you can add the arrow icon and animation to the existing Get Tickets button.

@anistark
Copy link
Member

@farhaanbukhsh can we merge it?

@farhaanbukhsh
Copy link
Contributor

@anistark, for mobile view, it is okay, but with the growing navbar, I don't feel comfortable with this change.

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

Successfully merging this pull request may close these issues.

5 participants