Product Design
/product-design105
A space to discuss all things product design
Does anyone know of any good examples of smart wallet creation user flows?
Easing back into the new year by picking back up some deeper design system work.
Here, my goal is to turn the collection of assets (bottom layer) into a consolidated set of components. Three, to be exact: Dialogues, Forms, and Cards.
Taking reference from Material, Safe, and a few other design systems, we are establishing a UX pattern for the Dialogues and Forms where they appear as modals on desktop and drawers on mobile.
Here, my goal is to turn the collection of assets (bottom layer) into a consolidated set of components. Three, to be exact: Dialogues, Forms, and Cards.
Taking reference from Material, Safe, and a few other design systems, we are establishing a UX pattern for the Dialogues and Forms where they appear as modals on desktop and drawers on mobile.
Chris Hemsworth’s fitness app Centr just had a major design update and visual refresh. They’ve done good work making exercise and healthy, actives practices tailor-fit. The app has new tags and categories for activities that it recommends based on personal goals. They also improved the interactions to add energetic, focused motion into the experience.
I’ve enjoyed its fitness content since the COVID-19 pandemic started. It feels like a more enjoyable package now that they’re investing a lot of effort into design—deeper than visual polish.
I’ve enjoyed its fitness content since the COVID-19 pandemic started. It feels like a more enjoyable package now that they’re investing a lot of effort into design—deeper than visual polish.
383
Mikey :·>
@mikey·17:54 03/10/2024
We’re hiring a senior product designer at @moshicam. We’re a small design-forward team that values craft in every part of the stack.
You might be a good fit if you're
- passionate about the future of consumer social
- want extreme ownership & impact
- enjoy building making things with a scrappy team
If this is you, please reach out. Next few months are packed - you’ll be joining us at a critical inflection point. Dms open :)
You might be a good fit if you're
- passionate about the future of consumer social
- want extreme ownership & impact
- enjoy building making things with a scrappy team
If this is you, please reach out. Next few months are packed - you’ll be joining us at a critical inflection point. Dms open :)
1/ After months of nonstop building amidst turnover and settling product direction I took advantage of a production down-cycle to put my design management hat back on and revamped our entire product design process at @decentdao. I want to share some of the key decisions and frameworks that went into this work so you can apply them to your projects. 🧵
Been working on updating my website. Took a short beat to realise I would use Framer instead of stay with Squarespace and boy am I pleased. Coming to Framer from Figma is next level 🦾
tinkering with the ability to collapse nested items within tables, I think it might be overkill but worth a visual exploration. This is an isolated view to a wider panel dealign within a hardware management platform. Currently, nesting can get really deep which will probably be capped 3 layers deep
I'm glad my utility bill payments are funding new designers for City of Austin Utilities. These new button updates are kinda fire.
A or B for these payment stream details?
A focuses on the aggregate total of payments for an asset.
B highlights the weekly amount of an asset sent to a user.
A focuses on the aggregate total of payments for an asset.
B highlights the weekly amount of an asset sent to a user.
Live-streaming with @markfishman again mañana at 5:30 ET on Unlonely! RSVP here 💜
https://events.xyz/events/fe049583
https://events.xyz/events/fe049583
New toggle variable components added to the @decentdao design system.
- Mobile-first sizing for compatibility across all screens and experiences.
- Includes new UI flat-depth theming.
- Higher contrast to clearly indicate on/off and enabled/disabled states.
- Mobile-first sizing for compatibility across all screens and experiences.
- Includes new UI flat-depth theming.
- Higher contrast to clearly indicate on/off and enabled/disabled states.
@markfishman and I will be live streaming again tomorrow to talk design and FarApps! Join us? 💜
what do we think of this gradient?
@laursa.eth too much?
linear-gradient(135deg, #ffffff 40%, #a0c4ff 100%);
@laursa.eth too much?
linear-gradient(135deg, #ffffff 40%, #a0c4ff 100%);
all my box shadow principles are long gone lol
👀 🙏
193158
bry
@brykayne·21:16 05/07/2024
Does anyone have a course or series of courses that can take someone from basic product design skills to intermediate / expert?
Background: I’ve been in product (pm) for 10 years. Over the past few weeks I’ve been exploring which hard skill I wanted to harden, eng or product design.
Background: I’ve been in product (pm) for 10 years. Over the past few weeks I’ve been exploring which hard skill I wanted to harden, eng or product design.
Not sure if this question is easier or more difficult to answer than ones I've asked previously...
For the designers—what are your expectations for "Frames" (given that they're products in their own right)? What "Frames" have met those expectations?
cc: @blockheim
For the designers—what are your expectations for "Frames" (given that they're products in their own right)? What "Frames" have met those expectations?
cc: @blockheim
Let's flip that last question, designers—what's a product you use regularly (daily or at the very least weekly) but don't consider to be "well-designed"?
great design question... function usually beats form, right?
847
meesh
@meesh·20:18 29/06/2024
Quick question for designers: Are there products you love the design of but don’t actually use?
Quick question for designers: Are there products you love the design of but don’t actually use?
It feels like every few years, the skillset expected of product designers shifts...which keeps things exciting IMO.
Curious if anyone's been using 3D design tools for their work? Have been interested in learning. Bezi looks really promising and seems far less complicated than other tools. Has anyone tried it?
https://www.bezi.com/
Curious if anyone's been using 3D design tools for their work? Have been interested in learning. Bezi looks really promising and seems far less complicated than other tools. Has anyone tried it?
https://www.bezi.com/
Is there a Mobbin for Web3 apps?
An oldie but one of the best case studies on inclusive design x business design from Benjamin Evans, prev. Inclusive Design Lead at Airbnb.
Live by the mission, design for the mission.
https://www.youtube.com/watch?v=RaY87mosNiU
Live by the mission, design for the mission.
https://www.youtube.com/watch?v=RaY87mosNiU
My favorite app, experience-wise, that I use daily (that's not Warpcast) is the Shop mobile app. It's just really well-designed, allows me to track my packages, shop from a single place for indie brands, and get timed deals on personalized recommended products.
Favorite app, experience-wise, that I rarely use is Hotel Tonight. It's well-designed, also has some light gamification, and is an absolute breeeeeze to use. Just don't have a need for hotels too often 🤷♀️
Favorite app, experience-wise, that I rarely use is Hotel Tonight. It's well-designed, also has some light gamification, and is an absolute breeeeeze to use. Just don't have a need for hotels too often 🤷♀️
847
meesh
@meesh·22:02 19/06/2024
Would love to hear other Product Designers' take on this!
What is your favorite app/site, experience-wise, that you use daily?
What is your favorite app/site, experience-wise, that you rarely use and why?
What is your favorite app/site, experience-wise, that you use daily?
What is your favorite app/site, experience-wise, that you rarely use and why?
Would love to hear other Product Designers' take on this!
What is your favorite app/site, experience-wise, that you use daily?
What is your favorite app/site, experience-wise, that you rarely use and why?
What is your favorite app/site, experience-wise, that you use daily?
What is your favorite app/site, experience-wise, that you rarely use and why?
What's in your product design arsenal?
Tools (obvi Figma):
• whimsical.com: Prefer it to Figjam for rapid ideation and flow mapping
• lottiefiles.com: Lottie for animations
• getstark.co: Stark for accessibility checks
• loom.com: For sharing prototype walkthroughs with fellow teammates
• getkap.co: Screen recordings for product design case studies and decks
Pattern libraries:
• mobbin.com: My discovery go-to—all the key UX flows from hundreds of apps across all devices (can also check out pageflows.com + refero.design)
• ui8.net: All the design resources you can imagine, from UI kits to illustrations to decks—primarily for inspo + discovery
• adele.uxpin.com: Design systems repo
Newsletters:
• growth.design: Incredible newsletter and site with tons of growth design case studies with a side of fun comics
• figmalion.com: Curated collection of design resources that keeps me up to date with the latest design tools and Figma news
Tools (obvi Figma):
• whimsical.com: Prefer it to Figjam for rapid ideation and flow mapping
• lottiefiles.com: Lottie for animations
• getstark.co: Stark for accessibility checks
• loom.com: For sharing prototype walkthroughs with fellow teammates
• getkap.co: Screen recordings for product design case studies and decks
Pattern libraries:
• mobbin.com: My discovery go-to—all the key UX flows from hundreds of apps across all devices (can also check out pageflows.com + refero.design)
• ui8.net: All the design resources you can imagine, from UI kits to illustrations to decks—primarily for inspo + discovery
• adele.uxpin.com: Design systems repo
Newsletters:
• growth.design: Incredible newsletter and site with tons of growth design case studies with a side of fun comics
• figmalion.com: Curated collection of design resources that keeps me up to date with the latest design tools and Figma news
Welcome to /product-design—a space for product designers (both digital and physical) to share ideas, WIP, resources, feedback, UX teardowns, and all the things that encompass this wonderful craft.
Even if you're not a product designer, please join if you're curious and eager to learn!
Even if you're not a product designer, please join if you're curious and eager to learn!
847
meesh
@meesh·18:29 18/06/2024
For anyone building products, I'd recommend giving this a read.
/product-design is beyond pixels (quite frankly, that's the easy part)—but rather a combination of product strategy, business design, GTM, and of course, UX, UI, + UXR. That's putting it simply.
https://www.figma.com/resource-library/what-is-product-design/
/product-design is beyond pixels (quite frankly, that's the easy part)—but rather a combination of product strategy, business design, GTM, and of course, UX, UI, + UXR. That's putting it simply.
https://www.figma.com/resource-library/what-is-product-design/
