— Journal

Field notes from the studio.

Practical writing on device mockups, embed workflows, and product hero design.

• May 12, 2026

  How to embed a 3D phone mockup in Webflow (2026 guide)

  5 min read

  Step-by-step: add an interactive 3D iPhone mockup to your Webflow site in five minutes using a single Embed component.

• May 8, 2026

  How to embed a 3D phone mockup in Framer

  4 min read

  Add an interactive 3D iPhone or MacBook mockup to your Framer site with one HTML Embed.

• May 2, 2026

  Static PNG vs interactive 3D mockup — which converts better?

  6 min read

  A clear-eyed look at when a flat PNG mockup beats an interactive 3D one, and when the 3D version is worth the extra weight.

• Apr 22, 2026

  App Store screenshot sizes & specs in 2026 (with mockup templates)

  5 min read

  Current screenshot dimensions and aspect ratios for the App Store, plus mockup tips that beat the default frames.

• Apr 15, 2026

  Product Hunt launch asset checklist (with downloadable mockups)

  6 min read

  Every visual asset you need for launch day — gallery images, GIF, OG card, and an interactive site hero.

• Apr 5, 2026

  How to record a clean phone screencast for your website

  5 min read

  iOS and Android screen recording tips that survive video compression and look great inside a phone mockup.

• Mar 28, 2026

  Best free phone mockup tools in 2026

  7 min read

  An honest comparison of the best free phone mockup tools — static, animated, and interactive.

• Mar 15, 2026

  SaaS landing page hero patterns featuring device mockups

  6 min read

  Five hero patterns that pair device mockups with copy and CTAs — with the why behind each one.