Product Design Stack is a curated list of resources for Product Designers and for those wanting to learn more about design, UI, and UX.

Product Design Stack

Portrait of the maker

Emily Veras

Maker

Maker

I learned that I could now build any idea I have using no code,and that is very freeing and exciting.

Mid level
25
hours to build

Create a dynamic filter list with Jetboost in Webflow

What is it:

Product Design Stack is a curated list of resources for Product Designers and for those wanting to learn more about design, UI, and UX. I created Product Design Stack during COVID because it was starting to get difficult managing all of my favorite articles, videos, twitter threads, and design people in one place.

Maker, Emily: "I am hoping this resource helps those wanting to learn more or dive deeper into design, especially for your own side-projects."

Maker Insight:

"I learned that I could now build any idea I have using no code,and that is very freeing and exciting."

What I learned:

1. Value creation vs value capture. I love the way Emily demonstrates this here. When I talk with Makers first ideating their project this is the number 1 thing I see lacking good clarity on what value are you creating and how are you capturing value in return. Lack clarity in this and everything in your product will not flow naturally.

This is the first project that I have seen using the brand new feature by Jetboost.io (Maker Chris Spags) that allows a user to favorite and bookmark a piece of content. Check this out. This feature is brand new and its really impressive. I really like how Emily is using this as a tactic to encourage users to sign up. Brilliant. This is so much fun to see new features like this because the gap between nocode and code is reducing substantially by the day. The fact that you can create this without code, and is part of of Jetboost is something I would seriously consider when looking at creating a content site. As a Maker, you have to be thinking about in what way are you creating value and what way are you capturing value. What is going to trigger your user to give you their email? What value are you providing. I know this feature is new, but I would like to see Chris S. the Maker of Jetboost.io to allow a click event to trigger a light box modal for user sign up when the user tries to favorite the content. This will help Emily with conversion.

2. Filters. Again, Jetboost.io is everywhere. Chris makes it so much easier to integrate into Webflow. I've personally tried building with Webflow before Jetboost.io was out and it was next to impossible to create dynamic, real time filters like Chris has done with the Jetboost.io Webflow integration. I especially like how Emily has the filters allow for multi select. The UX was super simple to find what I was looking for.

3. Submit a resource is done through a Webflow form. I am not sure how she has this integrated on the backend, but possibly the user submits the form and it inputs into her Webflow CMS. Ill follow up with the Maker to better understand how she has the back end hooked up. Because some Makers prefer that this form submission go to a Google sheets where the Maker can review it before posting to their CMS. Or if you connect it straight to your Webflow CMS is functions like a web application.

Other awesome no-code showcases

Icon of showcase

Memory Books

Allows loved ones of people with dementia the ability to load photos and descriptions for a custom-built memory Book that is then mailed to the designated person.
Adalo
Zapier
Gmail
Google Sheets
Donately
Portrait of the maker
Ron Mansolo
Icon of showcase

Creative Skills

Find creative skills across the globe affected by Covid-19
Paypal
Sharetribe
Portrait of the maker
Gabriel M Isserlis
Icon of showcase

Musk on Mars

Try to guess the day physical Elon Musk will land on physical Mars. Buy any day in the future for a dollar - if you pick the right day, you get the pot!
Calendly
Mailerlite
Webflow
Screely
Trello
Portrait of the maker
Whit Anderson
Icon of showcase

Gradschool

Merging content, community, and the tools to help founders bootstrap businesses
Airtable
Gumroad
Google Sheets
Memberstack
Notion
Portrait of the maker
brent jensen
See 180+ No-code Showcases
See all the showcases