Improve Signup and Sign In Page UI

[ShiyaShivani]

GNIP -Improve Signup and Sign In Page UI

Overview

This proposal aims to enhance the user interface of the login and signup pages in the GeoNode project. The goal is to provide a more intuitive and user-friendly experience for new users signing up for GeoNode.

Proposed By

ShiyaShiavni (Full Name: Shiya Shiavni)

Assigned to Release

This proposal is for GeoNode 4.0.2 .

State

• Under Discussion
• In Progress
• Completed
• Rejected
• Deferred

Motivation

The motivation behind this proposal is to improve the onboarding process for new users of GeoNode. The current login and signup pages lack a modern design and can be confusing for some users. By enhancing the UI of these pages, we can significantly reduce friction for new users and provide a positive first impression of the platform. A more user-friendly signup process can lead to increased adoption and engagement.

Proposal

The redesign will involve updating the HTML, CSS, and possibly JavaScript code responsible for rendering the login and signup pages. The new design will follow modern UI/UX practices and will be implemented in a modular and maintainable way.

Backwards Compatibility

These changes are designed to be fully backward compatible. Existing users will still be able to log in using their current credentials.

Future evolution

In the future, we could consider implementing two-factor authentication for added security during the signup process. Additionally, user customization options for the interface could be explored to accommodate varying preferences.

Feedback

No feedback has been received yet.

Voting

Project Steering Committee:

• Alessio Fabiani:
• Francesco Bartoli:
• Giovanni Allegri:
• Simone Dalmasso:
• Toni Schoenbuchner:
• Florian Hoedt:

Links

• Email Discussion
  *Pull Request
• Mail Discussion
• Linked Issue

[t-book]

Dear @ShiyaShivani thank your very much for your contribution.
Upon reviewing your submission, I believe it might align more with a feature request rather than falling under the GNIP category. Essentially, it appears to be centered around modifying the layout, am I correct?

However, I would greatly appreciate if you could provide more clarity regarding the specifics of your proposal. What particular elements are you suggesting to change?

[ShiyaShivani]

I want to change the input fields and resize them properly and make the signup form appear in the middle

see this example:

[t-book]

@ShiyaShivani Here ist the template. https://github.com/GeoNode/geonode/blob/master/geonode/templates/account/signup.html I'd say one can come quite far with boostraps responsive col-* classes.
You might need to touch grunt in case you're feeling comfortable with providing a PR: https://docs.geonode.org/en/master/contribute/frontend-development/index.html?highlight=frontend

[giohappy]

@ShiyaShivani thanks for your proposal. The Signup and Sign In pages (along with the profile and metadata pages) are still using the legacy templates. There are plans to migrate them one by one to the new client layout, but they're low priority.

Meanwhile, as @t-book says, there's a template that you can override to customize the look and feel of those pages. I would suggest following this approach.

I would convert this issue to a feature request and remove the GNIP code.