MKW Graphics
Helping small businesses turn brand vision into visuals
mkw_coffee filter sculpture.jpg

Tips + Thoughts

To call myself a blogger feels all too millennial. Instead, I consider this portion of my website to be part knowledge library, part design magazine and part entreprenurial-digital-nomad travel journal. Hope you enjoy reading my musings!

- MKW

Designer Hack: D.I.Y. FREE Mockups for Digital Products (without Photohshop)

 
 
Mockup-Generated-by-Dunnnk (3).jpg
 
 

Say you've just created an amazing guide, infographic, checklist, ebook or digital product. You're content looks bangin' and you want to start sharing or selling this product on your website and through social media. Avoid ugly crop-jobs and weird margins by throwing your resource into a digital mock up FOR FREE online WITHOUT PHOTOSHOP. 

Now, because I have photoshop, I prefer to build my mock ups in there. BUT there are a ton of great resources online that will do this for you. I recently discovered Dunnnk.com and I am telling ya people, it's pretty fool proof. 

Why do it?

You've worked so hard on your digital resource! If you're giving it out in order to grow your email list (or make money) the last thing you want to do is have someone visit your site, screenshot it and then move on. Also, these 'lifestyle'-style mock ups will look much better in your instagram feed, social posts, email blasts, etc. 

Here's How to do it:


Screen Shot 2017-10-16 at 4.22.48 PM.png

STEP 1: Visit Dunnnk.com

*Make sure you have your digital resource ready and saved to your computer. Dunnnk will take PDF, PNG, JPEG. (Confused? Read about the difference between these at Designer Lingo: File Types Explained).

 


Screen Shot 2017-10-16 at 4.14.45 PM.png

STEP 2: Choose your Mock up

For larger, more detailed documents, I like using iPad Mock ups, because they are closest in size to an actual piece of paper. Make sure that the screen size won't too poorly obscure your digital resource. 

HIT UPLOAD IMAGE

Other great mock ups on Dunnnk include: iPhone, Android, Macbook (use to show of your website!) iMac, and Apple Watch.


Screen Shot 2017-10-16 at 4.15.16 PM.png

STEP 3: Locate and Upload your Resource

Like I mentioned, you can upload PDF, PNG, JPEG. Select your file and HIT UPLOAD.


Screen Shot 2017-10-16 at 4.15.32 PM.png

STEP 4: Download Your New Mock Up!

TA-DA! You did it! Now you have a beautiful, unique mock up for your digital resource. Use for social, web, or even print marketing. Include in your email blasts, click funnels or even instastories! Literally there are so many great uses for these kinds of mock ups and they really help you to look professional and polished.


EXAMPLES... JUST LOOK AT THESE BAD BOYS!