Dale-Anthony

Design Vault - UI/UX patterns & design inspiration from real products

Design Vault is a curated collection of mobile, web & desktop UI patterns and trends from real products. Gain insights, explore trends and understand competitors and best practices.

Add a comment

Replies

Best
Dale-Anthony
Hey Product Hunt! I'm Dale, a Product Designer from the UK. Design Vault is a project I’ve been working on for a while, it’s a curated collection of UI patterns & design inspiration from real products. There are of course many other similar pattern libraries that already exist, but in my experience, I’ve found they all have the same problem – they focus exclusively on mobile. It’s common knowledge that people interact with mobile far more than any other device, but interfaces span beyond just mobile – and with different screen sizes and input methods come different interaction types. So where possible, as well as capturing shots from mobile I’m trying to index patterns from websites, web-apps, and other device types. Websites like Dribbble are a good source of inspiration but are often all style and no substance. Shots are created for likes and don’t solve real user experience issues. Design Vault only indexes shots from real, live products. You can browse shots by app, or pattern. I’ve also included some filtering mechanisms so you can quickly find specific types of UI patterns. Right now I’m focussed on adding as much content as I can to the library, once it’s a little more populated I’ll shift to adding new content weekly alongside developing some new features including videos of user flows. This is just the beginning of what I hope will become a useful tool for Designers, Developers and Product Managers. I’d love to hear your feedback and ideas! Thanks!
Enjeck
Hi @daleanthony Impressive website. Can I ask how long it took for you to put this together? The website, screenshots and everything. Looks like a lot of hard work. Well done!
Dale-Anthony
@protechthor Thanks! It took a couple of months, I fully committed to the project when we went into lockdown and spent most evenings working away. I initially designed everything in Figma and got a bit carried away with features, once I realised this was a barrier preventing me from launching I decided to scale it right back to what you see now. Once I’ve understood how people are using the site I’ll think about implementing some of those lost features. I’ve already had a lot of great feedback and suggestions on social media which will help me move things forward. Screenshotting and tagging is by far the most difficult task, but I have a workflow that I’m evolving over time, it’s starting to become a routine 🙌