dwyl/image-classifier

Feat: Examples on the Landing Page!

nelsonic opened this issue ยท 3 comments

At present the landing/home page of this App is spartan. โค๏ธ

https://imgai.fly.dev
image

imgai-persian-cat

That's good if we're focussing on simplicity. ๐Ÿ‘Œ
But now we're going to level-up and display examples on it. ๐Ÿš€
This is what catalysed the adoption of Midjourney; seeing other people's inputs/outputs. ๐Ÿ’ก

Proposed Simplified Layout

Just:

  • Title
  • basic instruction and
  • image uploading + drag-and-drop area:
image
  • Don't show anything else for the first couple of seconds.
  • After 5 second - or whatever we deem appropriate delay - of inactivity, fade-in the "Examples" section:
image

We can either included "stock" examples or if people consent to showing their images in the examples
by selecting the [ ] public radio ... show actual uploaded content.
However this could open the service up to abuse ... ๐Ÿ™ƒ
But if we put the public images in an approval queue then we can mitigate bad actors.

When the person uploads an image display the Description:

image
  • Include some basic tech stack detail in the footer with a link back to GitHub. ๐Ÿ”—

BTW: this is just a suggestion to simplify the copy and show some examples.
Feel free to improve this layout:
https://www.figma.com/file/WrpkKGJNYZbeCzMRDVtvQLbC/dwyl-app?type=design&node-id=2239-2&mode=design

ndrean commented
ndrean commented

Take a look at the PR

I'll look into this whilst making changes to #16