Skip to content

Conversation

MartinJJones
Copy link
Contributor

@MartinJJones MartinJJones commented Oct 2, 2025

What

Add a new section to the sign-in page to promote the govuk app, including link tracking.

A new sign-in view stylesheet is included to style the new app promo section, this includes some overrides to the default style of the image card component.

Why

Jira card: https://gov-uk.atlassian.net/browse/NAV-18518

Visual changes

Preview link: https://govuk-frontend-app-pr-5035.herokuapp.com/sign-in

Mobile

Before After
mobile-before mobile-after

Desktop

Before After
desktop-before desktop-after

@govuk-ci govuk-ci temporarily deployed to govuk-frontend-app-pr-5035 October 2, 2025 11:11 Inactive
@MartinJJones MartinJJones changed the title Add app promo to sign-in page [WIP] Add app promo to sign-in page Oct 2, 2025
@MartinJJones MartinJJones force-pushed the add-app-promo-to-sign-in-page branch from c587150 to cdd9290 Compare October 2, 2025 11:19
@govuk-ci govuk-ci temporarily deployed to govuk-frontend-app-pr-5035 October 2, 2025 11:19 Inactive
@govuk-ci govuk-ci temporarily deployed to govuk-frontend-app-pr-5035 October 2, 2025 12:11 Inactive
@MartinJJones MartinJJones force-pushed the add-app-promo-to-sign-in-page branch from cd1cc67 to 88faf5c Compare October 2, 2025 12:30
@govuk-ci govuk-ci temporarily deployed to govuk-frontend-app-pr-5035 October 2, 2025 12:31 Inactive
@MartinJJones MartinJJones force-pushed the add-app-promo-to-sign-in-page branch from 88faf5c to 997533c Compare October 2, 2025 13:20
@govuk-ci govuk-ci temporarily deployed to govuk-frontend-app-pr-5035 October 2, 2025 13:20 Inactive
@deberny
Copy link

deberny commented Oct 2, 2025

LGTM 🚀

@MartinJJones MartinJJones force-pushed the add-app-promo-to-sign-in-page branch from 997533c to 3e1495b Compare October 2, 2025 15:31
@govuk-ci govuk-ci temporarily deployed to govuk-frontend-app-pr-5035 October 2, 2025 15:31 Inactive
@MartinJJones MartinJJones force-pushed the add-app-promo-to-sign-in-page branch from 3e1495b to da70cdf Compare October 3, 2025 14:58
@govuk-ci govuk-ci temporarily deployed to govuk-frontend-app-pr-5035 October 3, 2025 14:58 Inactive
@MartinJJones MartinJJones force-pushed the add-app-promo-to-sign-in-page branch from da70cdf to 4c5fe2e Compare October 6, 2025 08:41
@govuk-ci govuk-ci temporarily deployed to govuk-frontend-app-pr-5035 October 6, 2025 08:42 Inactive
@MartinJJones MartinJJones changed the title [WIP] Add app promo to sign-in page Add govuk app promo to sign-in page Oct 6, 2025
@MartinJJones MartinJJones marked this pull request as ready for review October 6, 2025 08:44
Copy link
Contributor

@jon-kirwan jon-kirwan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great to me, thanks! I’ve added two minor, non-blocking comments, but it’s fine to merge as is.

href: "/guidance/download-the-govuk-app",
image_src: asset_path("app-promo/govuk-app-icon.png"),
heading_text: "Get the GOV.UK app",
description: "Your government services and information, on the go.",
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We could add these to the locale files, but it might not be necessary now since we don’t know how long the promo will run.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks, I've added this suggestion to the image card component improvement ticket.

.gem-c-image-card__image-wrapper.gem-c-image-card__image-wrapper--one-third {
flex-basis: 100px;
}
}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just noting that including text balance might be useful here, though it’s definitely not required.

.gem-c-image-card__description {
    text-wrap: balance;
}

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks, I've made this change as suggested

Add a new section to the sign-in page to promote the govuk app, including link tracking.

A new sign-in view stylesheet is included to style the new app promo section, this includes some overrides to the default style of the image card component.
@MartinJJones MartinJJones force-pushed the add-app-promo-to-sign-in-page branch from 4c5fe2e to f8c1474 Compare October 6, 2025 10:33
@govuk-ci govuk-ci temporarily deployed to govuk-frontend-app-pr-5035 October 6, 2025 10:34 Inactive
@MartinJJones MartinJJones merged commit 4a9a52c into main Oct 7, 2025
13 checks passed
@MartinJJones MartinJJones deleted the add-app-promo-to-sign-in-page branch October 7, 2025 08:40
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.

4 participants