Git Product home page Git Product logo

Comments (16)

yruwanmalee avatar yruwanmalee commented on July 17, 2024 3

bassa5

This is what I have been working lately.

from bassa.

rehrumesh avatar rehrumesh commented on July 17, 2024 1

@yruwanmalee appriciate the effort with the login page work. But I feel like the consistency between button styles has been lost. Any opinions?

from bassa.

malithsen avatar malithsen commented on July 17, 2024 1

@rehrumesh agreed. +1 for vertically stacked inputs as opposed to horizontal ones we have now @yruwanmalee

from bassa.

rajikaimal avatar rajikaimal commented on July 17, 2024 1

How about an anchor instead of a button for signup. Next to 'don't have an account', signup can be an anchor tag. Just a suggestion.

from bassa.

yruwanmalee avatar yruwanmalee commented on July 17, 2024

The positioning of the input fields and the buttons need changes so it will actually make it easier for the user. Furthermore, the area of login form needs to be emphasized which can be done by changing the background color with regard to the whole screen.

from bassa.

rehrumesh avatar rehrumesh commented on July 17, 2024

@yruwanmalee any mockups?

from bassa.

yruwanmalee avatar yruwanmalee commented on July 17, 2024

Well the color change would not be something bright but thought of making a subtle difference of the colors between login form compared to the whole screen.

from bassa.

yruwanmalee avatar yruwanmalee commented on July 17, 2024

@rehrumesh why is not the name of the user not included in the signup form?

from bassa.

rehrumesh avatar rehrumesh commented on July 17, 2024

@yruwanmalee What do you mean?

from bassa.

yruwanmalee avatar yruwanmalee commented on July 17, 2024

@rehrumesh Since the main purpose of the landing page is to sign in a user, the sign in button needs more emphasis compared to the sign up button. Ideally, the first button the user should see is the sign in button which has been depicted by the proposed design.

However the consistency has been lost in some ways. As to overcome the issue we can remove the signup button and leave the 'Dont have an account' as a hyperlink which leads to the signup page.

I am open to other solutions. 😃

from bassa.

yruwanmalee avatar yruwanmalee commented on July 17, 2024

@rehrumesh Don't we need to record the user's first name and last name in the signup form?

from bassa.

yruwanmalee avatar yruwanmalee commented on July 17, 2024

@rehrumesh I think this way the button consistency issue will be resolved.
bassa6

from bassa.

rehrumesh avatar rehrumesh commented on July 17, 2024

@yruwanmalee what do we have near "Don't have an account"?

from bassa.

yruwanmalee avatar yruwanmalee commented on July 17, 2024

@rehrumesh It was used to navigate an individual for the signup page. Anyway, the UI was changed theresince. I have also done some customizations to the alerts as well. Both of it can be seen in the screenshot I have attached below.
abcc

from bassa.

yruwanmalee avatar yruwanmalee commented on July 17, 2024

@rehrumesh Are there any modifications you suggest? :)

from bassa.

Paarmita avatar Paarmita commented on July 17, 2024

@yruwanmalee I guess the signup should also be highlighted by making it button/ underline it.

from bassa.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.