Design a Signup Page in Figma | UI/Web Design Tutorial

SdĂ­let
VloĆŸit
  • čas pƙidĂĄn 24. 07. 2024
  • If you're looking to design a sign-up page for a website, then this web design tutorial is perfect for you. In this tutorial, we cover everything you need to know about designing a signup page that is both visually appealing and user-friendly... Remember to Subscribe goo.gl/6vCw64
    We start by discussing the importance of a clean and simple design for your sign-up page, as cluttered designs can discourage users from signing up. We then move on to the various design elements that make up an effective signup page, including the use of clear and concise copy, appropriate color schemes, and easy-to-use form fields.
    By the end of this tutorial, you'll have all the knowledge you need to create a visually appealing and user-friendly sign-up page that encourages users to sign up and engage with your website.
    So, whether you're a seasoned web designer looking to improve your skills or a beginner just starting out, this tutorial is a must-watch. Check it out now and start designing your own sign-up page today!
    🏆 //////////// Join my members community to get access to perks:
    You can get this starting and ending design file
    designchamps.io/
    ------------------------------------------------------------------------------------
    đŸ€ //////////// My Courses, Templates, Free E-Books, & 1:1 Mentorship
    www.jesseshowalter.com/
    👋 ////////// Follow me on Social
    Instagram: / imjesseshow
    Twitter: / imjesseshow
    đŸ“« ////////// Sign up for my Monthly Newsletter
    www.jesseshowalter.com/newsletter
    ------------------------------------------------------------------------------------
    đŸ–„ïž ////////// I build most of my websites using Webflow
    webflow.grsm.io/4495884
    đŸŽ” ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: fm.pxf.io/c/1372011/1347628/1...
    📾 ////////// The Equipment I use
    www.amazon.com/shop/jesseshow...

Komentáƙe • 48

  • @dragonflyjones5023
    @dragonflyjones5023 Pƙed rokem

    I'm excited! Keep giving us the đŸ”„ I really appreciate it

  • @aydanlalonde9242
    @aydanlalonde9242 Pƙed rokem +5

    Love this! Something I’ve been struggling with recently is to make nice page layouts that have heavy text. It would be neat to see your approach how to add nice elements of design to heavy text pages :)

  • @maiky1668
    @maiky1668 Pƙed 9 měsĂ­ci

    Great content!! its so fun starting to learn UX/UI and having videos like this one available!! keep up the great content

  • @georgeeanca
    @georgeeanca Pƙed rokem +6

    Great! I would love to see more similar tutorials đŸ€©

  • @vineesque
    @vineesque Pƙed rokem +3

    Great tutorial Jesse 👍

  • @KP_XRP
    @KP_XRP Pƙed 10 měsĂ­ci +4

    Brilliant vid. Learnt a lot . Well explained and no guessing work on my side. Except sometimes cant see what you're selecting behind your webcam image. Thanks you.

  • @joypeace9555
    @joypeace9555 Pƙed rokem +1

    Awesome, This is so amazing.
    I really learnt a lot.
    Thank you very much Jesse. I would love to see more tutorials like this.

  • @deepakrawat6465
    @deepakrawat6465 Pƙed rokem

    thank you brother its help's a lot

  • @abubakrsiddiqakbarov9036

    Thanks bro that's very nice

  • @ifechukwuodimegwu6910
    @ifechukwuodimegwu6910 Pƙed 4 měsĂ­ci

    I have been following your videos on UIUX and I admire them honestly. Since I am also learning UI designing and graphics design, can you help me with videos on how you learnt ?

  • @mahjabeen484maqbool6
    @mahjabeen484maqbool6 Pƙed 6 měsĂ­ci

    Great design

  • @sakilmahmudbsb
    @sakilmahmudbsb Pƙed rokem

    Thank youuuuuuuuuuu😃

  • @TaherKhan21
    @TaherKhan21 Pƙed 2 měsĂ­ci +1

    Hi,
    How are you?
    I have gone through your Video's it's really awesome, your teaching mothed is soo good,
    I Found the channel very helpful.
    Thanks.

  • @daiwix
    @daiwix Pƙed rokem

    Bruv thats magic

  • @user-zw1xz1xf8i
    @user-zw1xz1xf8i Pƙed 11 měsĂ­ci

    I can''t find 3D mockup which you're using, link it please

  • @hahaacademy
    @hahaacademy Pƙed rokem

    Help full for me .... Best wishes from đŸ‡”đŸ‡°

  • @thedarkreign_
    @thedarkreign_ Pƙed 6 měsĂ­ci

    Do you still use the 1440px frame?

  • @FablesOutofSpace
    @FablesOutofSpace Pƙed rokem +3

    I wish you included the links of tools you used in the description... bro why you skip the most important parts...

  • @crelloc
    @crelloc Pƙed 6 měsĂ­ci

    how to convert the custom form fields to html though?

  • @RightonRichGirlEra
    @RightonRichGirlEra Pƙed rokem

    We can not see due to your video Icon over layout option! -_-

  • @user-bc2uf6bt1q
    @user-bc2uf6bt1q Pƙed 8 měsĂ­ci +1

    is there any source code html css for this?

  • @prashlovessamosa
    @prashlovessamosa Pƙed rokem +12

    Today's Homework.

  • @user-ec1gw2th3f
    @user-ec1gw2th3f Pƙed rokem

    how to create this signup page in webflow?

  • @FatemeAliakbari
    @FatemeAliakbari Pƙed 2 měsĂ­ci

    life saver

  • @Recaptcha-lu6zg
    @Recaptcha-lu6zg Pƙed 2 měsĂ­ci +2

    jESSE, WE NEED TO SHOWALTER!!!!!!!

  • @vincentnaje4837
    @vincentnaje4837 Pƙed 8 měsĂ­ci

    why does the text in line didnt work in my work? 9:20 part

  • @arako969
    @arako969 Pƙed rokem

    Awesome content, but I have a problem. The Scale don't work for me. If I scale the frame, all elements moves.

    • @sameerhussain2579
      @sameerhussain2579 Pƙed rokem

      hold ctrl while doing so

    • @luisbautista2156
      @luisbautista2156 Pƙed rokem +2

      Use the scale tool in the top left corner under the move tool.

    • @den9284
      @den9284 Pƙed rokem

      @@luisbautista2156 I don't write comments on CZcams at all, but I am so grateful to you that I write this. THANK YOU

  • @kumar_9005
    @kumar_9005 Pƙed 7 měsĂ­ci +1

    From where can I download those shapes type of graphics?

  • @tethron.
    @tethron. Pƙed rokem

    You copied the intro music from Steve will do it? lol nice

  • @user-yb5xk8sv3v
    @user-yb5xk8sv3v Pƙed 3 měsĂ­ci

    If you give the details about my the icons ,you use steps by steps.❀

  • @gameseditor_
    @gameseditor_ Pƙed 9 měsĂ­ci

    How about for mobile apps?

  • @iUmerFarooq
    @iUmerFarooq Pƙed rokem +2

    From where we can get these kind of 3D photos for free?

    • @AidanaDreamer
      @AidanaDreamer Pƙed rokem

      try out midjourney AI

    • @iUmerFarooq
      @iUmerFarooq Pƙed rokem

      @@AidanaDreamer Hmm you're right 💜
      Thank you ❀

    • @abubakrsiddiqakbarov9036
      @abubakrsiddiqakbarov9036 Pƙed rokem

      ​@@iUmerFarooq hi , Have you known which about from where get the 3d photos

    • @iUmerFarooq
      @iUmerFarooq Pƙed rokem

      @@abubakrsiddiqakbarov9036 no I didn't know because I didn't research on it.

  • @MrSwanseajames
    @MrSwanseajames Pƙed 7 měsĂ­ci

    Too fast could not follow a single thing

    • @justinajodi382
      @justinajodi382 Pƙed 4 měsĂ­ci

      Slow down the video ..plackback speed to 0.25

    • @MrSwanseajames
      @MrSwanseajames Pƙed 2 měsĂ­ci

      @@justinajodi382 why should I he made the tutorial

  • @harrachmins-e4733
    @harrachmins-e4733 Pƙed 8 měsĂ­ci

    your face camera on your working project and seem like you don't know pff we are here to learn not to see your work and give a like :(