Bash my landing page
TL;DR: Bash my landing page.
http://web.quic.im/
I tried to keep it as simple and functional as possible.
I embedded the onboarding experience / tutorial within the input fields, outlining on hover.
I set a small shrinking progress bar to indicate the tutorial is ongoing, which will disappear once you start using the input fields.
/TL;DR
My idea started when I was looking for an apartment and, while sharing links to real-estate ads with friends, I got lost in the sea of links, texts and images.
Perhaps I could organize the links better, but that wasn't what caught my eye.
For some reason, the devs thought it would be a good idea to set the display image as the last image uploaded (this image is prefetched as shown in attached image). And what did people upload as the last picture of their apartment's ad? A good view of their toilet. Not nice.
Regardless of this occasional coincidence, I thought it would be nice if you could change the link's metadata (image, title, description) for when sharing the links on instant messaging, social media, etc.
Why is it more useful than first glance? I'm gonna Steve Jobs this one:
You can use it as a URL shortener. It is part of your conversion funnel to increase clickthrough rate. It can function as an analytics platform to track behavior.
URL Shortener.
Conversion funnel.
Analytics platform.
One product aimed for anyone who makes extensive use of links to websites they do not own.
Marketers on social media, instant messaging and blogging.
Real estate agents.
You could even set a thumbnail for your existing zoom meetings if you'd like to.
I haven't implemented analytics yet, heck I still implemented only half of the registration and payment through Stripe and Firebase. Any suggestions for analytics platforms would be appreciated.
The design is simple, but maybe too simple. Looks very 90s to me.
I can see the use case, like you described, but I don't fall into those categories so I'm not sure how much value people will place on it. Do you know a real estate agent or have used one in the past. Reach out to them and see if this is something they'd be interested in or how you could improve it to get them to use it. Start with approaching a niche market, even though others could use it. That way you don't spread your marketing efforts too thin.
ALl the best!
Thanks, I actually take the 90s look as a complement.
I am not a CSS master and I learned a ton working recently. my goal was to learn, apply and later on use some frameworks anyhow. I finally switched from python to nodejs and I'm super pleased, shame I haven't done it sooner.
Regarding market - I haven't done much research because this isn't a project I really count on for revenue. It's more of a portfolio/study project.
I tried Angular, React and even Vue before. I even tried vanilla HTML/JS for this project at first. I ended up using Svelte and I am LOVING it. it is exactly what I need for this project - simple, powerful, fast. Same thing with firebase, I actually started off implementing my own API key checks, now I am nearly finished integrating firebase auth. Stripe is nearly finished as well.
coming from the worlds of cyber full of hackish-workarounds and neat-tricks, old-school and sometimes super low-level stuff, this is mega refreshing. 10/10x developer, would recommend.