Figma UI UX Design Tutorial - Design A Fintech App From Scratch

Sdílet
Vložit
  • čas přidán 11. 07. 2024
  • Join My UI UX Design/Low Code Development Bootcamp Starting on the 30th Of May.
    Duration : 3 Months ( Mon- Fri )
    Sessions : LIVE Sessions All Through
    Reason to Join : You will have 4 LIVE Projects to add to your resume/CV
    Link to Join : www.lighthall.co/class/6602f6...
    In This Figma UI UX Design Course I Demonstrated How To Use A Wholesome Method Which is A Mix Of The D School Design Thinking Framework And Self Process Management To Research And Come Up With Design Solutions
    Don't Forget To Like, Subscribe And Share
    Here Is The Course Outline :
    00:00:00 - Introduction
    00:04:42 - Outline Breakdown
    00:06:50 - Workflow Breakdown In FigJam
    00:22:39 - User Empathy ( Empathize )
    00:23:10 - Creating User Experience Survey With Google Forms
    00:38:10 - Creating User Personas
    00:42:57 - Creating Problem Statement
    00:44:20 - Ideate
    00:47:38 - Prototype Analysis
    00:48:05 - User Goals & User Tasks
    00:50:00 - Information Architecture
    00:55:27 - Low Fidelity Prototyping
    01:19:48 - High Fidelity Prototyping
    01:20:00 - Creating Style Library
    01:37:10 - Creating Component Library
    03:32:00 - Prototype Presentation & Assignments
    Connect With me On Social media :
    Twitter : joe_brendan_
    Instagram : joseph_brendan_
    LinkedIn : Joseph Brendan

Komentáře • 149

  • @comeandlaughcomedy
    @comeandlaughcomedy Před 2 lety +14

    This guy is something else. You are genius. The time you take to explain each concept is just out of this world. Thanks a lot.

  • @winnergabriel51
    @winnergabriel51 Před rokem

    This so detailed and amazing, I'm definitely going to recreate something similar

  • @kajlavlogs3781
    @kajlavlogs3781 Před 2 lety +5

    Cant thank you enough. You are so good at explaining also I couldn't find any video where someone is explaining the process from scratch. Love you man! Keep making videos like these.

  • @majorobaro7981
    @majorobaro7981 Před rokem +1

    Hearty thanks once again. I keep getting better with your detailed courses.

  • @mosesadekanmbi413
    @mosesadekanmbi413 Před 2 lety

    This is great. Thank you 🙏🏽

  • @olamideolaide2483
    @olamideolaide2483 Před 2 lety +3

    I enjoyed watching this, well explained and detailed. Great content! Thank you. Subscribing right away, looking forward to more.

  • @mozesiDotTech
    @mozesiDotTech Před rokem

    am glad I came across this clear, brief and concept full tutorial on UX/UI design. This is just precise and great.

  • @shahriar_ferdous
    @shahriar_ferdous Před 2 lety

    I just really like your explanation. The way you have explained everything is just awesome.
    Please do more videos like this.❤️

  • @tosinoabro1132
    @tosinoabro1132 Před 10 měsíci

    Amazing Tutorial, Thank You Joe, you are fabulous.

  • @amod2814
    @amod2814 Před rokem +1

    Thank you for this wonderful Tutorial , it was easy to follow every step . I would love to see some more tutorial like this .

  • @brightensilasworld
    @brightensilasworld Před 8 měsíci

    I am very much grateful for your in-depth teaching on figma and design

  • @40ozTea
    @40ozTea Před rokem +2

    This was so well done. By far the best tutorial I’ve found on YT. Thank you for your time!!

  • @9jabeats
    @9jabeats Před rokem +1

    This is an amazing course, I really loved it, it is straight to the point and practical. Just amazing

  • @oduakiestherezekiel
    @oduakiestherezekiel Před rokem

    Thank you for this course. Well detailed 🙏

  • @mbomboyo
    @mbomboyo Před 2 lety +5

    Excellent and Well packaged. Easy to understand, the tutorial time of voice and speed is perfect too. I understood the course so perfectly and I've subscribed for more of such... Thanks to you Coach Joseph Brendan

  • @adegunwavictor4372
    @adegunwavictor4372 Před 2 lety +3

    This is great man you covered very basic thing a newbie designer needs to know kudos man Big thanks

  • @afiabatool450
    @afiabatool450 Před rokem

    Hello, I really love your teaching style! I understood every single thing on your free code camp tutorial about figma but figma has updated so can you please make another tutorial about the latest updates?
    Plus, keep the good work going on! Subscribed for more such content 😄

  • @bukolaadeyi4763
    @bukolaadeyi4763 Před 10 měsíci

    Awesome... All steps were well explained. Thank you.

  • @DigispotAcademy
    @DigispotAcademy Před 10 měsíci

    Great teacher you are. Thanks for this full project tutorial.

  • @smilli6415
    @smilli6415 Před 2 lety +2

    your detail is amazing .. no one in CZcams or paid couses goes to the detail you go .. thanks my man.. love from india

  • @awaisyousaf1414
    @awaisyousaf1414 Před 2 lety +2

    Nobody teaches like that. He explained the complete process. just awesome. Please make more videos. Thank you

  • @charlesonyibe1777
    @charlesonyibe1777 Před 2 lety

    You're good with your teachings. You need More folks here. I'll announce you!

  • @user-pe9ij3in1f
    @user-pe9ij3in1f Před 5 měsíci

    Thank you so much for this high opener on how to design a stock app. Now I can say this is a journey I can bank on. God bless you Sir!

  • @adebayoolasunkanmi7673

    thank you so much for this ...you're the best...i'll tag you to my ig post regarding what i followed while you're explaining

  • @yomi8727
    @yomi8727 Před 2 lety +2

    cant wait to watch this

  • @shivudesign9210
    @shivudesign9210 Před 2 lety +1

    Awesome!! Please make same like this tutorial for the web design. Thank you

  • @dulcevillanueva6962
    @dulcevillanueva6962 Před 2 lety

    Thank you for the helpful content!!

  • @TheAremoh
    @TheAremoh Před 2 lety +8

    Joseph you're such a great teacher.

  • @amadousaho8719
    @amadousaho8719 Před rokem

    thank you for this amazing tutorial

  • @Ukapaul
    @Ukapaul Před 2 lety +1

    About to start my first fintech project... following this video like bumper to bumper!!!

  • @baazigar5
    @baazigar5 Před 6 měsíci +1

    You're the best teacher for UX/UI i have ever seen. Love you sir!

  • @oloruntobaolorungbemi6305

    Joe is exceptional and I’m proud to learn from you.

  • @oremakindeboluwatife9676

    thank you for this video💕

  • @michelleolashile4082
    @michelleolashile4082 Před rokem

    this is awesome. Thank you.

  • @mohammadabdurrahim9658
    @mohammadabdurrahim9658 Před 2 lety +1

    I want to say only one words that is "Awesome".❤❤

  • @user-qw4zh9ch6w
    @user-qw4zh9ch6w Před 10 měsíci +1

    Sir, you are a gifted teacher. I have watches dozens of tuts but yours stands out. From Nairobi, I say thanks

  • @lovesonjames-ys2lz
    @lovesonjames-ys2lz Před rokem

    Thank you my Teacher!
    You're a detailed and excellent teacher. Even a child can easily understand your tutorials...
    Much love from Anambra State, Sir Joseph Brendan ❤️

  • @floresebublaku1348
    @floresebublaku1348 Před 2 lety

    Awesome!!! Please make a detailed video like this for website also, it is helping me a lot as a beginner. Thank you.

  • @Elrykkstorm
    @Elrykkstorm Před 9 měsíci

    Very well-done video. Great content!

  • @ayekobinudamilare
    @ayekobinudamilare Před rokem

    Thanks very much sir
    You are an amazing teacher
    You have really impacted in me
    Thank you so much ❤️

  • @awofesunday7575
    @awofesunday7575 Před rokem

    this is the best i have seen on the yt so far, thank you very much ,
    please the user persona section, does it require a ux designer to make that for every respondents?

  • @tonys490
    @tonys490 Před 2 lety +1

    i gave you thr 1000th like.. thanks .. u are master of ux and ui... very detailed courses.. none can match the detail u go into.. would ppreciate you do ios aswell ...

  • @CNS_Trending-Updates
    @CNS_Trending-Updates Před 9 měsíci

    I am lost of words to express my gratitude and awe, you are the best coach / teacher we all are praying for . thanks so much. wish i can break things down just like you. still learning though. I am also trying to learn your teaching style. as well. but i know that you where born with it. in breed not learnt but i will learn it. thank you once more sire

  • @Joey_iPraise
    @Joey_iPraise Před 9 měsíci

    great teacher. God Bless You

  • @simonmfonobonggeorge4516

    This is the best tutorial I have ever watched in my entire existence, when will you do one for a web app or web site

  • @digigoliath
    @digigoliath Před 2 lety

    Awesome!! TQVM!

  • @smilli6415
    @smilli6415 Před 2 lety

    please do ios and more of these tutorials .. thanks ... love your teaching style

  • @Harish-nh8rm
    @Harish-nh8rm Před 2 lety +60

    You nailed it man. This is so professionally explained how to proceed to a project as a UX designer. I just loved it. This is the only video I have seen till now which explained each and every steps in detail.

    • @DevAndDesign
      @DevAndDesign  Před 2 lety +8

      Thanks for the feedback. I Appreciate

    • @ademolaadeoluwa1072
      @ademolaadeoluwa1072 Před 2 lety +3

      Yes ooo
      This man is fire

    • @otunmartins2414
      @otunmartins2414 Před 2 lety +2

      Awesome video!

    • @gergingarage5790
      @gergingarage5790 Před 2 lety

      Ü

    • @vikramshah5119
      @vikramshah5119 Před 2 lety +1

      @@DevAndDesign I have a quick query. If the user needs to invest in multiple stocks, does it mean that there would be screens created for all the stocks. So for eg, in the current app demo user invest in Dang and than he would like to invest in another stock say it would be Dang1 for eg, so will the entire cycle repeat of page creation. Hope so my query is clear to understand

  • @donchuks5815
    @donchuks5815 Před 2 lety +1

    Awesome stuff! Thanks a whole lot!

  • @fabmariouma6119
    @fabmariouma6119 Před 2 lety +1

    Well explained great content 👍👌

  • @bertyedohoabasi
    @bertyedohoabasi Před 2 lety +1

    You're a good man! Thank you so much!

  • @clementinaehikioya7531
    @clementinaehikioya7531 Před 2 lety +1

    I am glad a found your channel
    I so much love how you explain everything

    • @DevAndDesign
      @DevAndDesign  Před 2 lety

      Thanks for the commendation. I appreciate your feedback

  • @maulanaashari8325
    @maulanaashari8325 Před 2 lety

    benar-benar materi belajar yang sangat mendetail. terima kasih atas ilmunya...

  • @charlesajiboye4421
    @charlesajiboye4421 Před 2 lety +2

    such a detailed video..The best i have seen here so far. All the steps explained. You're the best man

    • @DevAndDesign
      @DevAndDesign  Před 2 lety

      Thanks for the commendation. I appreciate

  • @flowwithrofiaatu
    @flowwithrofiaatu Před 2 měsíci +1

    Very much needed
    You're a great teacher

  • @quadhub001
    @quadhub001 Před rokem

    Best video on UX & UI bro

  • @nurdadone4063
    @nurdadone4063 Před 2 lety +2

    Easy to understand, really helps me as beginner, thanks!

  • @kennethirechukwu1075
    @kennethirechukwu1075 Před 2 lety

    Thank you sir. I love you sir. God bless you. Amen

  • @mrsmart7627
    @mrsmart7627 Před rokem

    Man... We need more videos like this ..... Post another video ..with another project idea 💡

  • @Ruuu13
    @Ruuu13 Před 2 lety +5

    It's awesome, you really have touched almost every bit of ui/ux... I just finished it and it's really gonna help me later for my upcoming projects fs ✨

    • @DevAndDesign
      @DevAndDesign  Před 2 lety +3

      You're welcome. thanks for the commendation

  • @Glowria_eo
    @Glowria_eo Před rokem +1

    I loveeee youuuu😭. Thank youuu so much

    • @DevAndDesign
      @DevAndDesign  Před rokem +1

      Thanks for the commendation. I appreciate it so much

  • @parvezmusaraf2265
    @parvezmusaraf2265 Před 2 lety +1

    Love u man, Appreciate your effort, good work welk done

    • @DevAndDesign
      @DevAndDesign  Před 2 lety +1

      Thanks for the feedback. I appreciate it

  • @MN-xm1ex
    @MN-xm1ex Před 7 měsíci

    thanks

  • @Cultifar
    @Cultifar Před 2 lety +1

    Great content, I really learnt alot! Thanks

  • @chinyerenwokoro
    @chinyerenwokoro Před 6 měsíci

    @DevAndDesign thank you for this video. It's simple and easy to understand. I'm still watching but i have a question: is it compulsory to create user personas for every one who took the survey? Wouldn't that be too many user personas?
    Also, wouldn't using the actual pictures of those who took the surveys be an infringement on their privacy? Is it okay to always use andom pictures, even though users sent in their pictures?

  • @ryughvilgefortz7538
    @ryughvilgefortz7538 Před 9 měsíci

    Best black teacher ever, ty u r saint brada

  • @ugochukwuluis5385
    @ugochukwuluis5385 Před 2 lety

    You are the best sir

  • @babtabduls404
    @babtabduls404 Před 2 lety

    you nailed it man 101%, kudossssssssssssssss

  • @apnajakatayy
    @apnajakatayy Před rokem

    Great tutorial. Kindly make a tutorial on how to convert the app UI/UX design into programming language using figma

  • @ibrahimadeleke545
    @ibrahimadeleke545 Před 2 lety +1

    Always creating great content. 🙏

  • @chinedujoseph4641
    @chinedujoseph4641 Před 2 lety +2

    This is simply the best

  • @swastikjainsj
    @swastikjainsj Před rokem

    Fantastic 👌

  • @ifeyinwalucy5068
    @ifeyinwalucy5068 Před rokem

    This is the best course I ever encountered YT, thank you so much for taking the time to simplify things. I follwod the tutorial and I was able to complete the assignment and complete the app, I will send the link to your twitter handle. Thank you so much, you're such an amazing and awesome TEACHER, THANK YOU VERY MUCH, and may GOD BLESS ,

  • @basedculture7131
    @basedculture7131 Před 2 lety

    great stuff. welldone

  • @AbdulRehman-ir4dt
    @AbdulRehman-ir4dt Před 2 lety

    Great Video! Even highly paid courses don't have such content

  • @nire1270
    @nire1270 Před rokem

    Great tutorial, really informative. I have a question though. You only created styles for background colour, surface colours and error color. Does that mean the surface colour is the primary colour and background is secondary?, if so why wasn't called primary colour since surface colour and primary do not mean the same?. After watching your other videos on creating color styles, the styles created here was sort of confusing

  • @allcelebs7175
    @allcelebs7175 Před rokem

    Thank for this course it was really helpful. Sir I wanted to ask if information architect is the same as site maps?

  • @ademolaadeoluwa1072
    @ademolaadeoluwa1072 Před 2 lety +6

    Wow...
    This is hot
    Well explained
    Joseph you are such a blessing to us
    I'm so happy right that have created my first design (low fidelity design) you created 🙌 👏 ❤ 😍

  • @chiomadivine8167
    @chiomadivine8167 Před rokem

    u are just d best boss,want to do my master class ,pls how do i start

  • @manu4976
    @manu4976 Před 2 lety

    Sir plz make a video on ux/ui roadmap and how to become a ux/designer for begginers

  • @omarashraf9067
    @omarashraf9067 Před 2 lety +1

    Amazing 😳😳❤❤❤

  • @gulay3203
    @gulay3203 Před 2 lety +1

    awesome tutorial

  • @footy2474
    @footy2474 Před 2 lety +3

    Best of best

  • @omemester6985
    @omemester6985 Před 2 lety

    This is great work, where can we find the course files?

  • @siqalondlovu4943
    @siqalondlovu4943 Před rokem

    Great tutorial!! Very informative and I enjoyed it
    I wish you could use less of "this, that" and also instead of cutting videos where you're doing long tasks, maybe fast forwarding would be much better as it helps beginners like me see everything

  • @safmaqboolbasha
    @safmaqboolbasha Před 9 měsíci

    hey, i created a design using your video if i change the colors that are saved in my local styles will it reflect everywhere where i have used it?

  • @rameshbaral1373
    @rameshbaral1373 Před rokem

    hey Joseph thanks for the content is it possible to share figma design for the reference

  • @felixatsukofiackuayi1095

    how did you snap the height of the Verification input. Please check on that on the time 1:54:41 section of the video

  • @ashwini5142
    @ashwini5142 Před 2 lety

    sir also explain how can we define exact spacing between all the components in login and sign up screen

  • @ashwini5142
    @ashwini5142 Před 2 lety

    1:35:42 sir at this time stamp how can we make a desicion that we have to go for 16dp elevation please explain sir?

  • @smilli6415
    @smilli6415 Před 2 lety

    what level of codng expenrience is required for ux designers.. if you could do a course on basic coding skills that ux designers will need to have please

  • @nwokikegabriel9477
    @nwokikegabriel9477 Před rokem

    pleace i cant get access to the material guard, is the website down?

  • @kevinarinze3288
    @kevinarinze3288 Před 2 lety

    Please my styles do disappear when I close figma tab, how do I save in figma

  • @safmaqboolbasha
    @safmaqboolbasha Před 9 měsíci

    how to get the further icons plugin?

  • @collinsabunwa399
    @collinsabunwa399 Před 2 lety +1

    Hi Joseph Brendan I’m a very big fan of your work I really love your tutorial on the mobile app, please would by any chance have time to create a website site I would love to see the way you use the material designer for it. Thanks.

    • @DevAndDesign
      @DevAndDesign  Před 2 lety +2

      Great. I'd have a website tutorial up soon

    • @mbomboyo
      @mbomboyo Před 2 lety

      My exact request too... Awaiting the website tutorial. Thanks once again Coach Joseph Brendan

  • @SumitSharma-og6qp
    @SumitSharma-og6qp Před 4 měsíci

    beutifull

  • @olaniyisamuelololade1967
    @olaniyisamuelololade1967 Před 2 lety +2

    God bless you boss

  • @arupde6320
    @arupde6320 Před 2 lety +1

    upload videos like this

  • @babatundeojo5790
    @babatundeojo5790 Před 10 měsíci

    chai! Maximum respect! its time for me to implement this tutorial into pratice...Thanks for this wonderful toturial. You are a great teacher!

  • @paulohioze9138
    @paulohioze9138 Před 2 lety +1

    Thanks for this video..I'm a novice and just leaning UX basic.I got confused at the User Persona part.Please can you tell me how filled those details from the survey into the User personas of the various individuals