Contra - A professional network for the jobs and skills of the future

Contra - A professional network for the jobs and skills of the futureHigh-End Roofing Company Website Template: Roofx Design

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Edd Knox

• 1d

Roofx — High-End Roofing Company Website Template

Completed work

Framer Website Design UI Design UX Design Figma Framer

Adheeb Hameed

max

• Apr 14

Super excited to share this with you guys! 🎉 🙌

I've built a technique that'll help make your portfolio and sharing work online look 10x better, while saving you so much time! Drop in a reference environment photo. Drop in your website screenshot. The technique understands the environment and builds a cinematic mockup where similar scene is built from scratch with your design in it.

Backstory: I recently realized the weakest part of most portfolios and sharing works online wasn't really the design but how it was presented.

And if you wanted to make a good mockup, the roadblocks: - Buy multiple mockup libraries for the perfect shot - Use Photoshop to then edit any of them (I hate this) - If you're using AI, be ready for multiple prompting rounds - All of these consume a hell lot of time.

Well not anymore, it doesn't have to be like that, it's pretty much solved with this technique I built with Flora! Try it out here → https://app.flora.ai/techniques/ui-mockup-generator-te91ly

floratechnique webdesign Framer