How to Design Beautiful Mockups

When showing off your work, the best way of providing context and visual stimulation is utilizing MOCKUPS. Here's an easy way of doing so.
Timestamps:
00:00 Intro
2:05 The tutorial
Tools/Links mentioned:
Figma
Photoshop
startupstockphotos.com
unsplash.com
-
How to scale your design business using Webflow
www.flux-acade...
-
Find me on other social media platforms:
Instagram: / ransegall
Twitter: / ransegall
LinkedIn: / ran-segall-0b582a33
-
Gear & Book Recommendations: bit.ly/2ohFOuj​...
#webflow​​​​​​ #webdesign​​​​​​ #websitedesign​​​​​
Thanks for watching the video!

[@ryanwickham2682]

PRO TIP: Please don’t just put the website graphic in the laptop. Add a browser header to the image to give it more context, put the URL in the url search section as well. Currently Ran’s mock-up looks more like a Keynote presentation than a website.

[@ashash4192]

Agree 😅

[@MrConway007]

Hey Ryan, great tip, can you recommend any mock-up websites that have good looking browser templates?

[@JumpinDesign]

th-cam.com/video/dQDMUPKYP6g/w-d-xo.html

[@WinterSaturn]

I've learned so much from your channel. Thanks so much for putting this together mockups are something that I've always struggled with.

[@FluxAcademy]

Thank you so much for your feedback Josh! Glad you found this helpful.

[@JumpinDesign]

th-cam.com/video/dQDMUPKYP6g/w-d-xo.html

[@gpolonia]

Thanks for this tutorial. I always struggle with them. I would love to see more.

[@FluxAcademy]

You're welcome, and thank you for your feedback. We'll share this with out content team for sure.

[@JumpinDesign]

th-cam.com/video/dQDMUPKYP6g/w-d-xo.html

[@shapelessed]

I'm surprised you guys get so few views... Most channels will talk about CSS features or focus mainly on code...
If coding is a hammer then knowledge of how to shape things to look attractive is the anvil. We can't do anything unless we've got both.

[@FluxAcademy]

Thank you! Both are important indeed 🙌🏽

[@JumpinDesign]

th-cam.com/video/dQDMUPKYP6g/w-d-xo.html

[@miketaiwanwalkcity6355]

Wow mockups with 3D feelings just with Photoshop! Free transformation tool.
No need for a special program for mock-up

[@designwithcare4451]

I am grateful to you Sir!

[@meharjawadhashmi6723]

I'm following you since oct 2020 and I learnd alot from you. Thanks

[@FluxAcademy]

Too kind, we appreciate you Mehar!

[@dankierson]

Great idea. Looks real pro that way.

[@blazi_0]

I wanted this sooo much

[@sangambk6053]

Great content as usual. Thank you!

[@AvitalTheQueen]

Thank you for this!! Very helpful!

[@JumpinDesign]

th-cam.com/video/dQDMUPKYP6g/w-d-xo.html

[@shaikhmaheen]

Excellent and to the point 👌

[@iloveyellow7214]

thaaank you 😘 finally

[@petigubi]

Shouldn't we worry about copyright issues with these random google search mockups?

[@smz1311]

Is there a way the laptop n phone mock up we can import as changeable mock up kn canva😊

[@topmemes126]

Hi from Belarus!🙌

[@tamalegre]

👌

[@Konguitto]

"You can see it's a PNG because of the checked background" 😅🤣
Doesn't Ran know about the PNG trolls? ihihih

[@changecollar]

don't like your intro, no details there