Join me today, where we’ll be doing website UI design in Figma with After Effects animations!
My Assets are from Adobe Stock ► First Month FREE: https://bit.ly/AdobeStockTrial
Tools Used ► Adobe CC : https://bit.ly/AdobeCCLink
The Process
———————-
I’ll be going through the entire design process from start to finish.
In this website UI design tutorial, we’re going to be using the Figma app. We’ll begin by going through the brand design and logo design process. From there, we’ll develop the content for our website, and do some website layout design and website wireframes to create a page that is functional and works well. Next, we’ll look at developing some custom graphics in Photoshop CC 2020. This will involve sourcing stock photos, doing some advanced photo manipulation with custom digital painting to add special effects like scene lighting.
We’ll take a look at choosing typography for proper UI design that matches our brand’s aesthetics as well as picking colors for a website. I’ll discuss website hierarchy and information architecture too.
Throughout this process, we’ll be jumping into After Effects CC 2020, and we’ll be doing some website UI interaction animation. This involves creating custom animations for different elements in our website and connecting our different pages together with seamless transitions.
Work Request
———————-
https://partnerwithbrandon.com/
Critique Request
———————-
bscritiques@gmail.com
Instagram: @thebrandonshepherd
Twitter: @bransshep
(Some of the links above are affiliate links, meaning, at no additional cost to you, I will earn a commission if you click through and make a purchase.)
source
Can we visit this site?
That was sick! I love the way you explain/think outloud too! Where's that web design series?
Wow, I wish my mind worked like yours! Amazing piece of work!
I love you
!
But how did you turn after effect animations into html codes?
Everytime i watch your videos it makes me want to subscribe to you even though i already am 🤣
BRO YOUR FIREE🔥🔥
please more UI
So good at your craft! Do you do commissions?
Please make more videos on this website, it will be really nice of you if you consider this comment.💜💜
Oh come on, where’s the code-writing? Even I can make code
Sweet
please please make a udemy course, we need it!
the way he just whips up a whole website design like it’s nothing 🫡
very epic bro
Can I actually go to this website?
28:10 Where’d you get that song from? It sounds like a cool rendition of Davy Jones’ theme from Pirates of the Caribbean.
Cool approach. A lot of the assets could be generated right in after effects but I understand that sometimes it's easier to stay in the application you know better.
I've now officially watched all of your Videos and i'll never be able to look at a product normally again lol
Thanks for the journey!
Also great Video I really enjoyed it as well as your other content! Keep it up and have a good day!
Beyond stunned how creative and effective you are by marrying authenticity with functionality so swiftly.
Maaaaaaannnnn that's fucking lovely
i don't want to be the front end dev on that project hahahah
And then how do you actually put it on the internet?
This is Crazy! You have a Real Talent!