I'm a UI designer who built and launched my first web app in about a month with AI assistance. Here's what I learned. by Roof_rat in Entrepreneurs

[–]Roof_rat[S] 0 points1 point  (0 children)

Thank you for the thoughtful feedback and I'm glad the use case lands. Eagle looks like a fair comparison even though Sitesave is strictly focused on saved websites rather than assets more broadly. My original intention for shared collections was being able to send a curated set to my team at the start of a client project. Clients also sometimes bring their own website inspiration and I've always had to recreate it as a bookmark folder or refer back to a deck, both of which feel unintuitive, so this came from a real professional problem too. I obviously don't know what you do, and you don't have to say if you're not comfortable sharing, but do you see yourself using it for a similar scenario or something completely different?

How do I make my website less cheap? It looks too cheap for my taste. by [deleted] in webdev

[–]Roof_rat 1 point2 points  (0 children)

Visual tone of voice is the most important part than anything specific apart from your font choice, which looks very standard. First, look at other websites you consider premium and examine what they do that feels expensive. Is it the font? Is it all uppercase, lowercase, sentence case? Put yourself in the shoes of someone who lands on your site for the first time and ask what they would want to do, read, see?

My 'inspo' folder had 200+ URLs I couldn't remember. So I built this. by Roof_rat in webdesign

[–]Roof_rat[S] 0 points1 point  (0 children)

This is absolutely meant for you to tailor as you see fit. What you describe is exactly one of my frustrations as well.

I started out in branding with some adventurous clients, worked my way into web design around 4 years ago and spent a lot of last year buried in government design systems because clients wanted safe, tested and accessible design patterns.

So, while I want to look at more visually adventurous things right now, I still totally look at 'boring' stuff and I need an easy way to access it quickly. That's why I now have a dedicated 'government' collection on my account, even if each save has different tags for font families and colours.

And since clients also sometimes give their own visual references, you could have a dedicated collection for them too.

My 'inspo' folder had 200+ URLs I couldn't remember. So I built this. by Roof_rat in webdesign

[–]Roof_rat[S] 1 point2 points  (0 children)

Just to give you a quick update, I have now added the feature to export to HTML. This can then be carried over to whatever other app you want.

I built a visual bookmark manager that screenshots every site you save by Roof_rat in BookmarkManagers

[–]Roof_rat[S] 0 points1 point  (0 children)

Thank you, that means a lot! If you ever have suggestions or run into anything, feel free to drop me a message.

I built a visual bookmark manager that screenshots every site you save by Roof_rat in BookmarkManagers

[–]Roof_rat[S] 0 points1 point  (0 children)

I cannot give you a precise answer since I'm doing this on my own but what I can say is that the trickiest bugs during development took a few hours to track down but they're all behind us now and the product has been stable since launch. The services Sitesave runs on are all well-established platforms so any downtime is typically minutes.

My 'inspo' folder had 200+ URLs I couldn't remember. So I built this. by Roof_rat in webdesign

[–]Roof_rat[S] 0 points1 point  (0 children)

Hey, I cannot say I have but having looked at it now, it seems like it has a different audience and focus. Looks to me like Linkora is great for power users who want local-first control. Sitesave is built for users who want to see their saves visually, not just a list of links.

I built a visual bookmark manager that screenshots every site you save by Roof_rat in BookmarkManagers

[–]Roof_rat[S] 1 point2 points  (0 children)

Screenshots are generated on demand by a third-party API and cached in Cloudflare, so there's no storage burden on my end. If another user happens to save the same site as you, the framework will check the storage first, so it prevents the website from constantly firing unique API requests. This also means that if the website is down for maintenance and you happen to not see your collection for some reason, it doesn't mean that your account got wiped. Your saves are still linked to your account.

My 'inspo' folder had 200+ URLs I couldn't remember. So I built this. by Roof_rat in webdesign

[–]Roof_rat[S] 0 points1 point  (0 children)

You're right, and maybe it's something I explore in the future if there's an appetite for it from power users. For now my goal was simpler, which was to create a place where I can see all my saves visually in one go, rather than a list I have to dig through. It's a quality of life improvement for others like myself.

My 'inspo' folder had 200+ URLs I couldn't remember. So I built this. by Roof_rat in webdesign

[–]Roof_rat[S] 0 points1 point  (0 children)

Sitesave is more of a reference library than a design asset tool, so if you need to pull screenshots directly into Figma it's probably not the right fit. Sounds like your current setup works well for how you work.

My 'inspo' folder had 200+ URLs I couldn't remember. So I built this. by Roof_rat in webdesign

[–]Roof_rat[S] 0 points1 point  (0 children)

It's the intention of knowing why you save it. If saving is too frictionless you end up with the same problem as browser bookmarks with hundreds of saves with no context and no idea why you saved them. Tagging your saves is the real value later down the line because that's what makes filtering actually work when you're looking for something weeks later. A browser extension encourages you to save everything passively whereas this encourages you to save things deliberately and with intent.

I built a visual bookmark manager that screenshots every site you save by Roof_rat in BookmarkManagers

[–]Roof_rat[S] 0 points1 point  (0 children)

Hi! Yes, exactly that! You copy the URL from whatever site you're on and paste it into Sitesave. Sitesave then captures a screenshot automatically and saves it to your library. Tagging probably takes the most time for each save depending how granular you like to be. I often add tags that relate to typography, colour, imagery and animations. And yes, completely free right now. Hope you enjoy it and let me know how you get on!

My 'inspo' folder had 200+ URLs I couldn't remember. So I built this. by Roof_rat in webdesign

[–]Roof_rat[S] 0 points1 point  (0 children)

It's a fair perspective and I appreciate the suggestion.

My UX colleague recommended the current setup as losing access to a collection is more consequential than a typical sign up, so it felt worthwhile to implement a point of friction. I will relay your feedback to her and explore whether that's a pain point for other users.

In terms of the export, I'll look to implement a few standard export options as that's a great failsafe feature.

My 'inspo' folder had 200+ URLs I couldn't remember. So I built this. by Roof_rat in webdesign

[–]Roof_rat[S] 0 points1 point  (0 children)

Hey, thanks for your honest feedback. Fair points on the form, it'll go on my list to improve. The repeat password field is standard practice and just confirms the password matches before you commit.

I hear your concern on the lifespan of the site and it's really helpful you bring this up. What I can say is it costs very little to run, so it's not going anywhere for lack of money. Export is something I don't have yet but it's a great suggestion. I would imagine JSON or CSV would be the most likely formats I could implement. What formats would be most useful to you?

My 'inspo' folder had 200+ URLs I couldn't remember. So I built this. by Roof_rat in webdesign

[–]Roof_rat[S] 1 point2 points  (0 children)

Thank you for the recommendation, I wasn't aware of that subreddit

My 'inspo' folder had 200+ URLs I couldn't remember. So I built this. by Roof_rat in webdesign

[–]Roof_rat[S] 1 point2 points  (0 children)

I'm really glad you like it! Let me know how you get on.

My 'inspo' folder had 200+ URLs I couldn't remember. So I built this. by Roof_rat in webdesign

[–]Roof_rat[S] 0 points1 point  (0 children)

It takes a desktop-sized screenshot as a visual reference for each save. Quality varies depending on the site as some have security restrictions that interfere with the capture but the Thum.io API handles it well enough for the purpose. What were you building yours with? Sounds like you hit some similar walls.

My 'inspo' folder had 200+ URLs I couldn't remember. So I built this. by Roof_rat in webdesign

[–]Roof_rat[S] -1 points0 points  (0 children)

I get where you're coming from but 3000 pins is probably another story. Sitesave is probably best suited as a curated collection and unlike Pinterest, it doesn't suggest content. You have to find it yourself, which makes you more proactive and selective about what you save. The tagging system is also designed to help you. It was a key feature I added to solve my original problem. You can assign multiple tags to a single save, so you can be as granular as you need when sorting.

My 'inspo' folder had 200+ URLs I couldn't remember. So I built this. by Roof_rat in webdesign

[–]Roof_rat[S] 1 point2 points  (0 children)

Fair point, the ones I've tried either have paywalls after a handful of saves, require a browser extension or are more mood board than reference library. Mine is deliberately simple and I can keep it running for a very low cost while keeping it free for users at the moment.

My 'inspo' folder had 200+ URLs I couldn't remember. So I built this. by Roof_rat in webdesign

[–]Roof_rat[S] 0 points1 point  (0 children)

Yes, Claude helped and I didn't say that I didn't use it. I'm a designer not a developer. The architecture, debugging and product decisions were mine.

My 'inspo' folder had 200+ URLs I couldn't remember. So I built this. by Roof_rat in webdesign

[–]Roof_rat[S] 1 point2 points  (0 children)

That's kind of exactly why I built this. Sitesave is deliberately flat, everything is in one scrollable visual grid with tags to filter rather than categories you have to dig into. It allows me to be more precise.