ShotMockr

In the month of November, we had progress with Shotmockr which I'll be revealing today.

What is Shotmockr

Shotmockr is a combination of Chrome extension and an editor for
instantly turning your screenshots or image into design mockup with little to no interaction.

It's free and you can download the extension from the link below:
https://chrome.google.com/webstore/detail/shotmockr-design-mockups/elklfjmcadphgcmlfehpnakghohbldne

Landing page: https://shotmockr.com
Editor: https://shotmockr.com/editor

Here are some of the things we achieved in November:

1. The extension reached 30 weekly active users and also accumulated two five-star reviews on the Google Chrome store.

2. We've added more annotation tools to the Shotmockr editor located at https://shotmockr.com/editor

They are:

=> Copy to clipboard
=> Emoji
=> Blur
=> Pen
=> and Arrow tool

We hope to finish and launch it before the end of this month.

If you're new to the app, don't forget to install the extension from Chrome store and please, let us know how to make it better.

It's been two weeks since the last time I made an update about Shotmockr here on indiehackers.

Today, I want to inform you about the exciting new features that have been added to the Shotmockr editor as well as the chrome extension.

1. You can now use the extension to take a quick screenshot of the select part of any page and have it automatically open on the editor.

This is now live on the Chrome webstore and you can start using it today.

Just use the link below to install Shotmockr chrome extension:

https://chrome.google.com/webstore/detail/shotmockr-design-mockups/elklfjmcadphgcmlfehpnakghohbldne

2. Undo/Redo

In addition to the above, there is also UNDO/REDO function now. This will help you while working on the editor and you make a mistake.

You can quickly undo or redo to go backwards and forward from your current state.

Feel free to check the chrome extension from the link above as well as the screenshot editor from the link below:

https://shotmockr.com/editor.

I hope you guys love this. Please, let me know in the comment section.

Thank you.

Yo!

Just want to give a quick update about this little screenshot app despite that I've been so busy these days managing multiple projects at the same time.

It's not easy.

Well, we were able to improve Shotmockr.

Here are what was done in the last few days:

1. Drag and drop:

You can now drag and drop images onto the editor, then it automatically turns into mac-ish design mockup.

2. Cropping of the screenshot:

If you make use of Shotmockr chrome extension to take a screenshot, it automatically opens up in the editor and then you can crop the screenshot to your liking.

Additionally, you can also crop images that are uploaded or dropped into the editor.

3. Fonts:

We optimize the fonts to make the editor faster. Made it in such a way that you know the typefaces of the font you're applying on the text while annotating the screenshot.

4. Higher DPI source image for the mac menu bar

In my last update, @atymic tested the app and notice the menu bar in the generated PNG looked blurry, so I hired another designer to redo the menu bars for us.

The graphics were delivered today and the issue is fixed.

Want to check out Shotmockr & test it out?
Please see the relevant links below. It's free:

Landing page: https://shotmockr.com

Editor: https://shotmockr.com/editor

Chrome extension: https://chrome.google.com/webstore/detail/shotmockr-design-mockups/elklfjmcadphgcmlfehpnakghohbldne

Please, don't forget to drop your feedback on how I can make this better for you.

Thanks in advance.

I'm happy I'm able to quickly create a demo of how the extension and the screenshot/image editor works.

You can check it out on the Shotmockr landing page: https://shotmockr.com

Editor: https://shotmockr.com/editor

Chrome extension: https://chrome.google.com/webstore/detail/shotmockr-design-mockups/elklfjmcadphgcmlfehpnakghohbldne

The real demo video:
https://www.youtube.com/watch?v=2HbsSh4HMJc

Please, do let me know your feedback.

Thank you.

Yesterday was the day I released the MVP of Shotmockr which include an image editor and a functional Google chrome extension.

Did you just say what is Shotmockr?

Shotmockr is a simple and easy way to create a professional-looking screenshot for your customers, team members, or even family & friends.

Not only that.

It also helps you turn the screenshot(s) or images into real-life design mockups (if you like) without photoshop or Behance.

This version has been tested severally and I just thought of sharing it with the IH community to get feedback.

Please, check it out and let me know how I can make it better for you:

Chrome extension: https://chrome.google.com/webstore/detail/shotmockr-design-mockups/elklfjmcadphgcmlfehpnakghohbldne

Landing page: https://shotmockr.com

Screenshot editor: https://shotmockr.com/editor

Thank you.

At this day, I was able to release the initial version of the Shotmockr chrome extension.

You can download it from the link below:
https://chrome.google.com/webstore/detail/shotmockr-design-mockups/elklfjmcadphgcmlfehpnakghohbldne

As you would imagine, the initial release was just simple and it only gave users the ability to capture the visible part of a page and automatically download the screenshot.

That is not how the end product is supposed to work but it was encouraging because I was working on the project and shipping something even though it wasn't perfect.

I was ashamed to put this to the public, so I was the only user.

EDIT: The version as at today (13/10/2019) is different from what is described above. It's functioning right now even with the screenshot editor.

Try it out from the link below:
https://chrome.google.com/webstore/detail/shotmockr-design-mockups/elklfjmcadphgcmlfehpnakghohbldne

Just comment below and send me your feedback.

Thank you.

Just last week, I was trying to prepare for launch of ChatSilo - my other chrome extension which serve as a mini facebook messenger CRM and I was trying to make beautiful mockup designs out of the screenshots I made.

Trying to look for a service that does it exactly the way I want but later resorted to building a web app that perform the exact function I wanted.

Today, I decide to start executing on the idea and here it is:

ShotMockr would be an app that help non-designers like me to take screenshots & turn images into pretty real-life design mockups.

The journey has just begun.

Want to follow up and be one of the first set of people to know and use the app when it's complete?

Just follow the app page on twitter: https://shotmockr.com

Thanks.