John Wilson - Prototyper | ContraWork by John Wilson
John Wilson

John Wilson

Founder of Tattoo Booking Shop and Tattooer in Pdx

    $1k+
    Earned
    1x
    Hired
    4
    Followers
updated the app and created a 9/16 and 4/5 ratio for the preview. also made it so the background patterns can be used with background media. For this I made a png mask in procreate, saved it and then threw it on top of the pattern animation. Once your have your animated backgrounds use them for Reels/Post/Slides now. heres a quick walk through on instagram. https://www.instagram.com/reel/DZtKzl4zVSj/?igsh=b2NzdHRpYjdubjlr once you have a background animation, add overlay images in the app and play around with them. heres a flash design that I added.
5
3
136
Here's a build walk-through of the app I've been working on for #configmaeathon, explaining on how I use Figma Make and the ux/ui iterating on the project
4
7
305
product update. just made it mobile friendly so now you can size the elements with your fingers and on desktop you can use the scroll and mouse to move elements. heres a little walk through of the new features & product link. https://violin-admin-22735877.figma.site/ let me know what yall think and anything that might be fun.
4
5
341
Hey finally got my voice back:/ haha Excited to submit Tattoo Booking Shop for the #ProfitWithBubble challenge @bubble Tattoo Booking Shop is a production-ready booking platform built on Bubble that helps tattoo artists accept appointments and collect payments. What it does • Artists create flash or custom appointment slots • Clients book online and pay a secure deposit at checkout • Payments processed through Stripe with 3DS-ready payment flow Revenue Model Tattoo Booking Shop generates revenue through: • Monthly SaaS subscriptions • Transaction fees on deposits processed through the platform The app is live and accepting real bookings and payments. Built entirely with Bubble — from user authentication to secure payment workflows and production-ready deployment Tattoobs.com/bubble_contra Tattoobs.com/x/jmwtattoos Tattoobs.com
4
9
275
Project Update: Tattoo Booking Shop - Tap to pay is coming, or should I say Tat2Pay 😜 Still in progress, but got a lot done yesterday Progress: Native Built: Built outside of Bubble to access the device's tap-to-pay function, but the logic and API calls—all happens inside the Bubble backend workflows. Seamless Sync: It syncs directly to the Artist Shop, allowing artists to instantly take payments the moment a tattoo is finished. Why:  Industry Problem: A client walks into a shop ready to pay, but the shop doesn’t take cards. Now, the artist is the point of sale. Support Artists: It’s all about making life easier for the artist while keeping the business professional. Revenue: Tattoo Booking Shop takes a small $2 fee per transaction, creating a sustainable revenue model as the platform grows.💲💲💲💲
1
4
165
Just shipped a request for a Tattoo Booking Shop client that hopefully wins back a few others, haha! Artists wanted their Flash Shop on their own sites, so I built an embedding tool. For security, I added a security plugin that restricts embedding to approved URLs only. The real win was I built a custom Stripe plugin to handle payments directly on the Bubble page—no more clunky redirects. Check the demo at jmwtattoos.com (http://jmwtattoos.com) (I’m not a coder, so ignore the HTML! 😂). Bubble makes it easy to create, but the challenges make it fun😃 Next step: a native Tap to Pay app built outside of Bubble for hardware access, but synced to my bubble app.
1
2
256
🫠 forgot to add the link to my app🤦‍♂️. https://tattoobs.com/x/jmwtattoos and here’s the link to the homepage tattoobs.com (http://tattoobs.com). Tattoo Booking Shop is a tattoo Scheduling and Commerce platform.  Created this feature today, it’s an auto load popup for when the artist finishes their appointment, they can select from a list of actions in one place instead of going to different parts of the app.  After a long tattoo my brain doesn’t work 🤪, so thought it would be nice just to have it all ready to go with the appointment info preloaded in all the workflows. Bubble Development
3
308
Cover image for Tradition based tattoo design: https://tattoobs.com/x/jmwtat...
Tradition based tattoo design: https://tattoobs.com/x/jmwtattoos?View=Flash&preview=dragon-3
0
61
Cover image for Tradition based tattoo design: https://tattoobs.com/x/jmwtat...
Tradition based tattoo design: https://tattoobs.com/x/jmwtattoos?View=Flash&preview=butterfly20mask20lady
0
57