Dot Grid

DotGrid lets you transform your image into a grid of dots in 3 different styles with a bunch of other customizations.

Graphic Design

Web Application

Live

Created by

Sagar Dattatrey

Product Designer at Physics Wallah

Tools Used

Creator NOTES

I saw one image on Twitter where a designer named Cole posted an image made up of grid of small dots. That looked cool, so I thought let's build a product to do this directly.

Firstly ideated with ChatGPT on which features to have and then finalized the scope and wrote the PRD with ChatGPT. Then used the PRD to further build the overall product and when I got a basic version of it it was buggy so I use ChatGPT to debug and fix issues.

When the functional stuff was ready, I fixed the UI bugs but for it I had to go through the tailwind documentation myself to get a polished version.

Dot Grid

DotGrid lets you transform your image into a grid of dots in 3 different styles with a bunch of other customizations.

Graphic Design

Web Application

Live

Created by

Sagar Dattatrey

Product Designer at Physics Wallah

Tools Used

Creator NOTES

I saw one image on Twitter where a designer named Cole posted an image made up of grid of small dots. That looked cool, so I thought let's build a product to do this directly.

Firstly ideated with ChatGPT on which features to have and then finalized the scope and wrote the PRD with ChatGPT. Then used the PRD to further build the overall product and when I got a basic version of it it was buggy so I use ChatGPT to debug and fix issues.

When the functional stuff was ready, I fixed the UI bugs but for it I had to go through the tailwind documentation myself to get a polished version.

Created by

Sagar Dattatrey

Product Designer at Physics Wallah

Tools Used

Creator NOTES

I saw one image on Twitter where a designer named Cole posted an image made up of grid of small dots. That looked cool, so I thought let's build a product to do this directly.

Firstly ideated with ChatGPT on which features to have and then finalized the scope and wrote the PRD with ChatGPT. Then used the PRD to further build the overall product and when I got a basic version of it it was buggy so I use ChatGPT to debug and fix issues.

When the functional stuff was ready, I fixed the UI bugs but for it I had to go through the tailwind documentation myself to get a polished version.

Dot Grid

DotGrid lets you transform your image into a grid of dots in 3 different styles with a bunch of other customizations.

Graphic Design

Web Application

Live