Enhancement in Sign-up page

[salonijoshi1980]

Description : -

Problem : -

• I found that the sign-up page had a dull appearance and lacked visual appeal. The layout structure was not positioned properly, making it difficult for users to focus on the registration form. This could lead to user frustration and potentially lower registration rates.

Solution : -

To enhance the sign-up page, I implemented the following changes:

1. Improved Styling: I added more visually appealing colors, fonts, and button styles to create a more inviting atmosphere.
2. Revised Layout: I reorganized the layout to ensure that the form elements are aligned and spaced evenly, making it easier for users to follow the registration process.
3. Incorporated Visual Elements: I included relevant images and icons to guide users' attention and create a more engaging experience.

How This Affects User Experience : -

• Enhanced Visual Appeal: A more attractive sign-up page draws users in, making them more likely to complete the registration process.
• Better Usability: A well-structured layout improves readability and accessibility, allowing users to navigate the form easily.
• Increased Engagement: By creating a more enjoyable experience, users are more likely to trust the application and follow through with signing up, ultimately boosting conversion rates.

[salonijoshi1980]

@CogitoKunal Assign this to me pls.. with Gssoc and hacktoberfest label and the current implementation of the sign-up page includes an external Bootstrap, CSS file, leading to unused styles and a cluttered codebase. Additionally, there is an unnecessary file associated with the sign-in page, contributing to confusion in the project structure.

[CogitoKunal]

You are Assigned

[salonijoshi1980]

Description:
This pull request introduces several enhancements to the sign-up page, focusing on improving its overall aesthetics and usability. The changes aim to create a more modern, clean, and minimalistic design that facilitates a smoother user experience.

Features and Improvements:

• Updated Layout:

1. Redesigned the layout to ensure better alignment and spacing of elements.
2. Utilized a grid system to improve the overall structure.
3. Minimalistic Design:
4. Adopted a simple color palette to reduce visual clutter and enhance focus on form fields.
   5.Simplified font styles for better readability and a modern appearance.

Enhanced Input Fields:

1. Implemented rounded input fields with subtle shadows for a more approachable look.
2. Added placeholder text to guide users on what to input in each field.
3. used required in input ,if someone isn't fill input field then it can't signup.

Clear Call-to-Action (CTA):

1.Improved the design of the sign-up button with hover and active effect to make it more prominent and engaging.
2.Used contrasting colors for the CTA to attract attention.

Responsive Design:

1.Ensured that the sign-up page is fully responsive, providing an optimal experience on both desktop and mobile devices.

Accessibility Enhancements:
1.Improved color contrast to meet accessibility standards.
2.Added aria-labels for form elements to assist screen readers.

Goals:

1. Enhance Usability: The redesigned sign-up page aims to make the registration process intuitive and user-friendly.
   2.Improve Aesthetics: A clean and modern design enhances the overall branding of the application.
   4.Ensure Accessibility: By incorporating best practices, we aim to make the sign-up process accessible to all users.

Screenshots:

Conclusion:
These enhancements not only improve the visual appeal of the sign-up page but also aim to boost conversion rates by providing users with a seamless experience. Feedback and suggestions are welcome!

[salonijoshi1980]

Done!

[salonijoshi1980]

@CogitoKunal please! assign and give the label in pull request for claiming the labels