I know this sounds trivial, but Femke, you are bringing the right things to the Product Design world. Especially for the newer folks and people who want to become a Product Designer. You burst the bubble of "I am here to build UI, right?". This is something, someone should have told me 6 years ago. You speed up the process for everyone and bring valuable insights and state of the art working. Thank you!
I started studying product design this year, I’ve been a programmer for quite a few years and I often see a lot of beginner videos about programming thinking “I wonder who are watching these, are they really digesting the information?” So here I am on the other side now, keep the channel growing
This is amazing. I've been in product design for 15+ years. People ask me why I don't do videos like this.... I think people like you is the reason. You do it so well already .... I'm learning too. this one in particular was very helpful. thanks and keep inspiring with all this hard work.
Oh nice, just start binging your and Charli's podcast (currently on 74). What are the odds you popped up in my recommended feed. You two are great! I'm learning a lot! Keep up the great work!
Thanks, Femke! I found this really useful. Often the documentation is separate in another system, like Confluence, and decision decks in other's PPTs, but having it all (or at least the important highlights) in one place is super handy. Love it!
This is awesome! Thanks so much for sharing. I’ve struggled quite a while, trying to figure out how to pull all of these elements like focal design principles, key research insights, HMWs and hypotheses together together for cross-functional collab and final design pres/handoff. Very well done! Thanks again 😎
I used to work at a startup and started to work at a big organization. I was looking for something like this because information is spread out everywhere. Thanks!
This the most useful and detailed working template I've ever see. Much appreciated it that you share this treasure. If you mind talking about responsive design in detail about using the grid system and how to adopt design into cross-platform, especially web apps, for example, how a web app dashboard design converts into a mobile? This's quite a difficult barrier.
Wow, thank you so much for this video!! Amazing how this video came at just the perfect moment when I was wondering about this! I'm a UXD student, so I'm just getting used to all these tools we have to create and communicate! All the examples and ways you use these two tools are super helpful. I have never thought about using Figma for a ppt, and now that you mention it, it seems so obvious! Great content, love it!!!
Add design system under design section and you have a complete design project. Also I find that making each section its own page on figma makes navigating so much easier when you have so many slides.
Thank you so much Femke for all these great information you are sharing with us ... I really believe with this types of tutorial you are building up my confidence to start my new career as a UX designer 🙏🏻
This is terrific. Thanks Femke. It's been watching your channel that has inspired me to dust off my creativity - I'm loving Webflow and now also do all my design and planning in Figma. I know there are other planning apps (Whimsical/ Miro) out there - but with Figma I can get it to look right - and when it looks right it feels right, yes? You're a constant source of inspiration. Thanks from across the pond in Leeds, UK.
I appreciate your professionalism so much! I feel like a lot of other designers on TH-cam don't get as detailed or specific about handoffs... I really appreciate your corporate perspective. :)
Can't wait to get started, I've always been trying to consolidate the need for a design deck (now I know there is another term of reference!) also feel assured that this needs to documented concisely. So looking forward to the rest of your videos. You are a a great humble presenter with your talent, thanks for kindly sharing.
Hi Femke! Is there any way you could do a video explaining how you set up the presentation slide with the phone on it and made the masked screen scrollable? I downloaded the copy of the design-deck and want to do this with the Macbook screen and my desktop view of a site design but I cannot get it to work. I have looked for other videos and recreating it and it does not work. I have the website page set to vertical scroll - but whenever it's masked into the screen of the macbook - it does not scroll in the preview and I am racking my brain lol love your videos!
Thank you so much for the wonderful and super helpful content you create. I learn so much from you Femke. You are seriously the coolest product designer I know 🤩
This is super useful. Thank you so much, Femke. One question, I replaced the photo placeholder in the device frame but couldn't scroll the prototype as you did in the video - is there any plug-in I need to install to make it work? Thanks
Awesome video. I just started using figma and created some mobile website prototypes. I just saw in your video 3.30 mark you mention you can add them to your figma presentations. I really want to do this but how do I bring my mobile prototype into my folio presentation?? They are separate files. Help!!!
Hi can you go over how exactly you made those screens scrollable in your figma presentation? I have your design deck and Koy's mockups but no instructions on how to make them interactively scrollable in Figma.
Question to @Femke, there might be something missing in the template. I usually include summative research ex.usability testing results related to the design. These usually follow the design and give an assessment of it's usability and might include metrics like TOT, task success rate... And Sus..
Do you think you could show us your portfolio or a portfolio template? Edit - Looking back at some of your videos I see very useful content regarding portfolio tips. Thank you so much!
Hi femke. Love your work. I was going through your portfolio, and I really loved it, especially for its simplicity. I wanted to know what was the technology stack you've used to create the portfolio?
Hi Femke, thanks for helping the design community. You're awesome. The link to this design template did not work for me. Is anyone having this trouble?
Wow!!! 🤩 Really thorough documentation presentation, @femke. Just wondering why the research and discovery slide didn't come before or after the user persona. Shouldn't they (R&D) come from insights gotten from interviews with users?
I think this is because in my use case we don't define new personas for each project or based on project-specific research, but rather we have existing user archetypes that are pre-defined based on past research and product market fit.
One question I've been mauling over and maybe you can help - When working on big apps with A LOT of moving parts, how do you structure your Figma/Sketch? Our app is so vast that I've started splitting up the sections in different sketch files but then you kind of lose the Design System artboard OR you have to copy it over to each individual sketch file. How do you tackle that?
Hey Femke! I was wondering which one is the video where you talk about blush? Is it the one called 'Finding clients'? ☺️ And lots of thanks for this and the rest of your freebies - I downloaded them all and because of them, from now on, I only use Figma to make my slides, and I align each section's slides horizontally - what a game changer! :D
@Anyone here con can help :) I'm trying to do the scrolling phone on the iPhone mockup and I don't seem to make it work. My take is that it might be because the mask is a literal mask (not as on the Android, where the "mask" is just a frame with round corners. If someone figured it out that'd be great. And @Femke: thank you for your AMAZING content!!!!!
Scope refers to what you agree to design and build for a certain milestone or phase of a project. This could include a list of features, deadlines, resourcing etc.
Get your copy of the Design Deck here: femke.ck.page/design-deck
IT IS DECK NOT DICK, STRANGE ACCENT U HAVE
I know this sounds trivial, but Femke, you are bringing the right things to the Product Design world. Especially for the newer folks and people who want to become a Product Designer. You burst the bubble of "I am here to build UI, right?". This is something, someone should have told me 6 years ago. You speed up the process for everyone and bring valuable insights and state of the art working. Thank you!
I started studying product design this year, I’ve been a programmer for quite a few years and I often see a lot of beginner videos about programming thinking “I wonder who are watching these, are they really digesting the information?” So here I am on the other side now, keep the channel growing
This is amazing. I've been in product design for 15+ years. People ask me why I don't do videos like this.... I think people like you is the reason. You do it so well already .... I'm learning too. this one in particular was very helpful. thanks and keep inspiring with all this hard work.
You're a star Femke! It is so inspiring to see how other product designers organise and keep track of their projects.
It is really helpful for the ones who does not know how to present ux project like me ( : thank you so muhc!
Glad it was helpful!
I'm 22 and still in school; this really helped me out with understanding how to showcase work along with actual work deliverables. Thanks!
Oh nice, just start binging your and Charli's podcast (currently on 74). What are the odds you popped up in my recommended feed. You two are great! I'm learning a lot! Keep up the great work!
Your timing is impeccable! Working on a design deck in class today 😊 ok back to the video!
Thanks, Femke! I found this really useful. Often the documentation is separate in another system, like Confluence, and decision decks in other's PPTs, but having it all (or at least the important highlights) in one place is super handy. Love it!
You and all your videos are so helpful! I can not thank you enough!
This is awesome! Thanks so much for sharing.
I’ve struggled quite a while, trying to figure out how to pull all of these elements like focal design principles, key research insights, HMWs and hypotheses together together for cross-functional collab and final design pres/handoff. Very well done! Thanks again 😎
Wow this made my first case study as a beginner so easy to document!!!!
I used to work at a startup and started to work at a big organization. I was looking for something like this because information is spread out everywhere. Thanks!
Femke, you are awesome! I am in a interview process learning more how to stand out in this process... you helped a lot, thank oyu!
This the most useful and detailed working template I've ever see. Much appreciated it that you share this treasure. If you mind talking about responsive design in detail about using the grid system and how to adopt design into cross-platform, especially web apps, for example, how a web app dashboard design converts into a mobile? This's quite a difficult barrier.
Wow, thank you so much for this video!! Amazing how this video came at just the perfect moment when I was wondering about this! I'm a UXD student, so I'm just getting used to all these tools we have to create and communicate! All the examples and ways you use these two tools are super helpful. I have never thought about using Figma for a ppt, and now that you mention it, it seems so obvious! Great content, love it!!!
Happy that it came at the right time for you! Good luck with your presentation :)
Add design system under design section and you have a complete design project. Also I find that making each section its own page on figma makes navigating so much easier when you have so many slides.
as a programmer this is like cheat codes for design... coming up with this stuff is not easy and designers/UI folks are like experts...
I cant articulate how much this is helpful to my being
Really helpful! Thanks friend as I'm learning so much from your channel and podcast. Take care.
Fantastic work and presentation !!
Femke, I just discovered your channel and this is amazing! Thank you for sharing these assets.
Thank you so much Femke for all these great information you are sharing with us ... I really believe with this types of tutorial you are building up my confidence to start my new career as a UX designer 🙏🏻
This is terrific. Thanks Femke. It's been watching your channel that has inspired me to dust off my creativity - I'm loving Webflow and now also do all my design and planning in Figma. I know there are other planning apps (Whimsical/ Miro) out there - but with Figma I can get it to look right - and when it looks right it feels right, yes? You're a constant source of inspiration. Thanks from across the pond in Leeds, UK.
I appreciate your professionalism so much! I feel like a lot of other designers on TH-cam don't get as detailed or specific about handoffs... I really appreciate your corporate perspective. :)
Thanks so much!
Can't wait to get started, I've always been trying to consolidate the need for a design deck (now I know there is another term of reference!) also feel assured that this needs to documented concisely. So looking forward to the rest of your videos. You are a a great humble presenter with your talent, thanks for kindly sharing.
Thank you! That's so kind :)
Just subscribed! Great workflow.
Thank you for the free template!
Thanks so much Femke! literally a great resource! best design TH-camr!
Thanks for sharing your design process with the world! Always learning from you.
Good idea to import the prototype in the deck
OMG Femke you are so sweet, Thank you so much, that template and that going throught it was all I needed!!!
PD: I'm just learning and I was really confused about the design process, this brought some clarity in my life
This is awesome! Thank you so much for sharing. I've got a new project that I'm going to start next week and try this out.
Hi Femke! Is there any way you could do a video explaining how you set up the presentation slide with the phone on it and made the masked screen scrollable? I downloaded the copy of the design-deck and want to do this with the Macbook screen and my desktop view of a site design but I cannot get it to work. I have looked for other videos and recreating it and it does not work. I have the website page set to vertical scroll - but whenever it's masked into the screen of the macbook - it does not scroll in the preview and I am racking my brain lol love your videos!
I have the same question. It would be very helpful if @Femke share with us how she did that 🤓🙏
You're the best! Thank you very much for your valuable videos and also hoping for more and more. I wish you to have a good future ahead :)
This video was packed with gems. Thank you!
I always know I'm going to learn something new from your videos, thank you so much for sharing Femke! Excited to work with your template :)
Thank you so much for the wonderful and super helpful content you create. I learn so much from you Femke. You are seriously the coolest product designer I know 🤩
Thank you so much Fem this is very helpful, I'm currently learning to use Figma.
Thank you for sharing this great source!
This is amazing!!! ✨
Wow! What an amazing video, it gave me several ideas here. Thanks for the template ❤🙏🏻
You’re welcome!
This is great! Wondering about what you think the key differences are between this deck and one for a interview portfolio presentation?
I'm curious about this, too.
This is very useful. Always wanted to put something like this together for my projects but was not sure where to start. 😁
Thank you for doing this, this video has been super helpful! You rock!!
This can eventually become the portfolio case study as well or some sections of this deck can go to the case study as well right?
I haven’t received the template yet, I don’t know if there’s a problem from the site. Also this is very helpful, thank you so much💕
This is super useful. Thank you so much, Femke. One question, I replaced the photo placeholder in the device frame but couldn't scroll the prototype as you did in the video - is there any plug-in I need to install to make it work? Thanks
great content! thanks a lot! essential for begginers. Cheers from Argentina!
I think it's all that a designer needs to create a case study
Love the tutorial videos! Keep up the great work
Thanks, will do!
Rock. Star. This was great!
Thanks :)
Thank you for this great source of insight! 👍
This really useful
thank you! I love your videos, they are so helpful.
I'm so glad!
That was dope! Thank you
This was so helpful! Thanks so much! I will be using this as I’m currently wrapping up my project ☺️
This is right what I was needing! thanks 🚀
Hi Femke, can you explain more about the term you’re using ‘Source of Truth’?
Awesome video. I just started using figma and created some mobile website prototypes. I just saw in your video 3.30 mark you mention you can add them to your figma presentations. I really want to do this but how do I bring my mobile prototype into my folio presentation?? They are separate files. Help!!!
I love this channel ❤️
Thank you for tuning in!
Amazing content 😍! Thank you so much Femke!
Amazing work it is a very great template😊
Glad you like it!
Hi can you go over how exactly you made those screens scrollable in your figma presentation? I have your design deck and Koy's mockups but no instructions on how to make them interactively scrollable in Figma.
This tutorial from Figma might help! th-cam.com/video/ST6DOO11zuA/w-d-xo.html
Thanks a lot! This comes right in handy 😀
You're welcome!
You’re awesome for this! Thank you so much❤️🙌🏼
This was really helpful, as I am soon going to present a Design. Thank you.
Question to @Femke, there might be something missing in the template. I usually include summative research ex.usability testing results related to the design. These usually follow the design and give an assessment of it's usability and might include metrics like TOT, task success rate... And Sus..
Very helpful ! Thanks a bunch for this.
Awesome video!
Do you think you could show us your portfolio or a portfolio template?
Edit - Looking back at some of your videos I see very useful content regarding portfolio tips. Thank you so much!
Is it possible to get the examples of the documents that you talked about, if not please make a video on those.
Nice work! Keep it up 😃
Thanks! going to save me tons of time, keep it up
Hi femke. Love your work.
I was going through your portfolio, and I really loved it, especially for its simplicity. I wanted to know what was the technology stack you've used to create the portfolio?
thanks a lot! I'll share my project when I use it.
Hi Femke, thanks for helping the design community. You're awesome. The link to this design template did not work for me. Is anyone having this trouble?
Wow!!! 🤩 Really thorough documentation presentation, @femke. Just wondering why the research and discovery slide didn't come before or after the user persona. Shouldn't they (R&D) come from insights gotten from interviews with users?
I think this is because in my use case we don't define new personas for each project or based on project-specific research, but rather we have existing user archetypes that are pre-defined based on past research and product market fit.
Femke, you're awesome
This is amazing! thank you so much
This is sooo helpful, thank you!
I FUCKING LOVE THIS CHANNEL! Keep it up - great content
thanks for sharing this !! 🙌
@Femke what mic do you use?
very helpful.
thank you.
Thanks, Femke!
How can I add an interactive prototype in the presentation?
One question I've been mauling over and maybe you can help - When working on big apps with A LOT of moving parts, how do you structure your Figma/Sketch? Our app is so vast that I've started splitting up the sections in different sketch files but then you kind of lose the Design System artboard OR you have to copy it over to each individual sketch file. How do you tackle that?
wow you're so kind, thank you!..
You are amazing
Thank you!
This is also useful for frontend web dev :o
Hey Femke! I was wondering which one is the video where you talk about blush? Is it the one called 'Finding clients'? ☺️ And lots of thanks for this and the rest of your freebies - I downloaded them all and because of them, from now on, I only use Figma to make my slides, and I align each section's slides horizontally - what a game changer! :D
@@femkedesign Oh I see, that makes sense why I could not find it. And really love your channel - keep up the good work!! 👋
@Anyone here con can help :)
I'm trying to do the scrolling phone on the iPhone mockup and I don't seem to make it work. My take is that it might be because the mask is a literal mask (not as on the Android, where the "mask" is just a frame with round corners.
If someone figured it out that'd be great.
And @Femke: thank you for your AMAZING content!!!!!
Sorry if this has been asked, but what is the difference between a design doc vs a case study?
Design deck is more like internal shareout of the project and context. A case study is more of an end to end presentation of the entire project.
can some one clarify scope is this like what need to get done. Reaserch, personas sketch etc.
Scope refers to what you agree to design and build for a certain milestone or phase of a project. This could include a list of features, deadlines, resourcing etc.
Thank you so much!!
You're welcome!
I don't receive any template in my mail.. Subscribed few times already to get the template
@@femkedesign I received it! Only to one to my work email, thanks for the reply :)
Do you make this during the project design or at the end?
This i made during the project, kind of as a record :)
@@femkedesign ty!
Thanks!