← Blog

How I Made New Product Photos Of HTML Cards

How I Made New Product Photos Of HTML Cards

Hi, my name is Tom Smykowski, I'm a staff full-stack engineer. I build and scale SaaS platforms to millions of users, working end-to-end from system architecture to frontend to mobile. On this blog I share what I learn about creative problem-solving in product development and personal projects.

What This Article Covers

Explore how I transformed my HTML card project with professional-looking product photos, using everyday materials and a smartphone. This article walks you through the process of setting up a photo shoot without any professional equipment, offering insights into achieving high-quality results on a budget.

Questions This Article Answers

  • What unconventional materials can be used to create a professional-looking photo setup?
  • How can natural light be utilized effectively for product photography?
  • What are the steps to setting up a DIY photo shoot for small products?
  • How do you achieve high-quality photos with just a smartphone?
  • What are some tips to enhance the visual appeal of product images?

Length and Time

A practical guide with step-by-step instructions and creative insights. Approximately 6 minutes to read.

This article is free to read

Accept the article license to load the full post. No account or credits required.

Article License (single-reader access) — By continuing, you receive a personal, non-transferable, revocable license to access and read this article for your own use.

DO

  • Read and reference the article for personal learning or internal discussion, manually by a human only.
  • Quote short excerpts with attribution and a link to the original article, manually by a human only.
  • Use quotes only when they do not substitute or disclose substantial original parts, manually by a human only.

DON'T

  • Republish, mirror, redistribute, or sell the article in full or in part.
  • Use the article or excerpts as input for AI/ML training, fine-tuning, or datasets.
  • Extract, scrape, summarize, or quote content using bots, scripts, or AI tools.
  • Bypass paywall, licensing, access, or technical protection mechanisms.

Any unlicensed use is prohibited. Breach of these terms automatically terminates this license and may result in access removal and legal enforcement.

Get the newsletter

Posts and notes straight to your inbox

Get new posts and short notes by email — no spam, unsubscribe anytime.