Design systems case study: messaging components [Part 1]

แชร์
ฝัง
  • เผยแพร่เมื่อ 12 ม.ค. 2025

ความคิดเห็น • 101

  • @femkedesign
    @femkedesign  2 ปีที่แล้ว

    Super grateful to Superpeer for being a sponsor of my channel! Check out Superpeer here. Superpeer is a great way to connect with mentors and join a community to help you grow! Check it out at superpeer.com/

  • @basselh5621
    @basselh5621 ปีที่แล้ว +6

    Please keep adding real-life project discussions like you did here! its a great help! thank you so much.

  • @jared4760
    @jared4760 2 ปีที่แล้ว +12

    Brilliant! No one else is this transparent (including myself lol) and it's extremely refreshing and super helpful. I look forward to many more cool, insightful videos like this one...but first, PART 2!

  • @huwball
    @huwball 2 ปีที่แล้ว +3

    Thank you so much for sharing this! This kind of insight look into how a real company is doing design systems work is invaluable

  • @rashikasliwal2791
    @rashikasliwal2791 2 ปีที่แล้ว +5

    Love how you have added how to measure success for these new components! As a designer we tend to miss on success metrics and focus just on hand offs.

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว

      For sure! It's such an important part of the process and super valuable in the future when it comes to case studies and job interviews :)

  • @TotallyHonestReviews
    @TotallyHonestReviews 2 ปีที่แล้ว +4

    Femke great video! I love it when you make a specific example / task you worked on and explain it in detail. There is just too much general UX theory on TH-cam we need more specific videos like this. Thank you! 🙂

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว

      You're so welcome :)

  • @mariiashyian2246
    @mariiashyian2246 2 ปีที่แล้ว +7

    Great case study! Thank you for sharing it with us. I really do appreciate such a huge amount of useful unique information I found on your channel. Can’t wait for the second part😊

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว

      Yay so glad to hear it! Coming soon :)

  • @CarlitaDupin
    @CarlitaDupin 2 ปีที่แล้ว +1

    Hey Femke! I really look up to you and love how you present your work. I've just tackled a "similar-ish" project where I worked on a proposal to create different feedback components because our app relied 90% on alert dialogs when giving feedback to the user. The fact that I see similarities with what you just presented gave me so much confidence :) Sadly, we don't have half of the documentation here but we will get there. I love the "how to meassure success" for the components. Thank you so much for being so transparent. Best, Carla.

  • @hollymariedesign2819
    @hollymariedesign2819 2 ปีที่แล้ว +1

    Your content helps me tremendously and makes me love design even more! Thank you so much for being a great resource for us newbie designers.

  • @rubenphilip
    @rubenphilip 2 ปีที่แล้ว +1

    The walkthrough of the process is very insightful, learned quite a lot. The order and process that you put together is something that I wish to follow. Thanks a lot!🙏

  • @hrushikeshchavan3444
    @hrushikeshchavan3444 5 หลายเดือนก่อน

    Thank you Femke for this video. I was looking for a real video on the Design system. Not just a tutorial but an actual work process and consideration. I think I have found what I was looking for.🙌🙌🙌🙌

    • @femkedesign
      @femkedesign  5 หลายเดือนก่อน

      Glad it was helpful!

  • @meliibelle
    @meliibelle 2 ปีที่แล้ว +2

    So helpful as someone just getting into the UX space!! Thank you for your videos, nothing like seeing real life examples ❤

  • @nandhagopalgopalsamy1726
    @nandhagopalgopalsamy1726 2 ปีที่แล้ว +1

    Definitely need a deep dive into design principles

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว

      It's coming in my upcoming design course :)

  • @vivian-yyz
    @vivian-yyz 2 ปีที่แล้ว +2

    Great case study!
    Would love to learn about your Principles process!

  • @SaveMg
    @SaveMg 2 ปีที่แล้ว

    Thank you for sharing to us Femke! You bring so much value in the process.

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว +1

      My pleasure Marios 😊

  • @laurelyaros8314
    @laurelyaros8314 ปีที่แล้ว +1

    This is extremely logical and useful for someone to see who is thinking about becoming a designer. Can this be replicated for a startup or small business?

  • @sebastianvisual33
    @sebastianvisual33 2 ปีที่แล้ว +12

    Love it!
    Yes, please create a video on how you define those Principles!
    💌

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว +1

      Yes will do! This has been a common request :)

    • @sang-sang-park
      @sang-sang-park ปีที่แล้ว

      That is awesome! I would like to watch it too.

  • @xxxaslhrmln
    @xxxaslhrmln 2 ปีที่แล้ว +1

    nice! really love this content pls do more on design documentation:) also I wanna know how you set your goals what type of goals a product designer need. Thanks for great videos!

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว

      Will do! Are you talking about project goals or personal goals?

    • @xxxaslhrmln
      @xxxaslhrmln 2 ปีที่แล้ว

      @@femkedesign Personal goals 🤩

  • @annphan
    @annphan 2 ปีที่แล้ว

    Looking forward to the 2nd part!!!!

  • @xubair96
    @xubair96 2 ปีที่แล้ว

    Hey thanks for sharing this. As a designer I also worked on a design system for a travel product that took 2 months. I can totally relate to your process. Thanks for making awesome content as always 😊

  • @christyhu
    @christyhu 2 ปีที่แล้ว

    This is so helpful and interesting to watch! Thank you for sharing!

  • @luciochen123
    @luciochen123 2 ปีที่แล้ว

    Yes! I am curious about the design principles, not many people talked about this concept :)

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว +1

      Lots of questions about this, adding it as a topic to my list :)

  • @gabrieladeliz3050
    @gabrieladeliz3050 2 ปีที่แล้ว

    Amazing presentation, learnt a lot from this ❤ Thanks for sharing the case study

  • @hannahluc1415
    @hannahluc1415 2 ปีที่แล้ว

    This is so amazing. I've always struggled discussing design system work because the work and impact felt too "small". Thank you for sharing :)

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว +1

      IMO design systems can have the biggest impact of all :)

  • @samirwahab9697
    @samirwahab9697 2 ปีที่แล้ว

    Thanks for sharing. It was too insightful.

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว

      Glad it was helpful!

  • @bagchi_sagnik
    @bagchi_sagnik ปีที่แล้ว

    Very helpful video!

  • @dubella1164
    @dubella1164 2 ปีที่แล้ว

    great stuff and thanks for sharing this❤

  • @princhipehdesigns5922
    @princhipehdesigns5922 2 ปีที่แล้ว

    Great presentation, learnt a lot from this as the only designer in my company. Will be happy if you can share a video on the Principles. Can't wait for the next part? 😀

  • @manum1819
    @manum1819 ปีที่แล้ว +1

    how much time did you and your team took to finish this?

  • @gijoe196
    @gijoe196 ปีที่แล้ว

    Hi Femke. Nice video covering your the design process. How do you manage an NDA to present your internal design information? I'm updating my portfolio and I don't know how to tackle this. I'm having a bit of a blocker because of that. Thanks for your insights.

  • @vincychen1114
    @vincychen1114 2 ปีที่แล้ว

    Hey Femke, thank you very much of your vedio it helps a lot. Wondering is it possible to walk through your playbook sometimes? think it would be very useful:)

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว +1

      I'll keep it in mind! :)

  • @gaju1981
    @gaju1981 2 ปีที่แล้ว

    great video! what type of research/tools did your team use to find pain points in this case? thank you

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว

      Nothing formal - we looked at data, customer support tix and chatted internally to find pain points from other designers/engineers using the system.

  • @ChamindaJ
    @ChamindaJ 2 ปีที่แล้ว +2

    Thanks for sharing the case study. I like how you document the pain points and needs. Did the business explicitly articulated the needs or you came up needs based on pain points? I like to learn bit more about the Principals so I am looking forward to a video. Did IT business analysts at Wealth Simple played a role in the project other than 4 people you have recognized at the beginning?

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว +1

      We as a team gathered insights internally and defined the business pain points. We don't have IT business analysts so no, we didn't have that role on the team.

  • @fernandasaenz3747
    @fernandasaenz3747 2 ปีที่แล้ว

    Great!!!!! Thanks a lot for sharing!!

  • @parisahoseini2466
    @parisahoseini2466 2 ปีที่แล้ว

    Well done Femke! it was awesome. Could you give me some advice about how to write this play book? or some resources that I can follow
    Many thanks

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว +1

      I'll be covering that in my upcoming course! You can join the waitlist for it here: airtable.com/shromw20hDOiouHyB

  • @frankvasquez4827
    @frankvasquez4827 2 ปีที่แล้ว

    Woow! This is amazing 🤩. I would love if my company allowed me to publicly show my work like you do 🙏. But thanks anyway because that's how er learn!

  • @LorettaBangBang
    @LorettaBangBang 2 ปีที่แล้ว

    Pleeease create a video on the creation of principles!

  • @taniasharma
    @taniasharma 2 ปีที่แล้ว

    Do you have an auditing template that you re-use for projects/products? I'd love to implement more UX focused practices at my start-up. Great video btw!

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว

      Not at the moment but thanks for the idea!

  • @naumankhokhar6471
    @naumankhokhar6471 2 ปีที่แล้ว

    Oh Femke!!! Kudos girl! To be a great experience designer, you got to be a great human being and you're an amazing and empathetic human being! Thanks for great content.
    what is the jtbd of playbook? I want to know the thought process behind it? also, at what use case scenarios it can be built?

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว +1

      The playbook was basically a set of guidelines around messaging for internal teams to use so that they could get started with creating their own messages.

    • @naumankhokhar6471
      @naumankhokhar6471 2 ปีที่แล้ว

      @@femkedesign oh alright.. thanks much.

  • @dhyanimation
    @dhyanimation 2 ปีที่แล้ว

    Gold! - Thanks for sharing this- as a lead this really helps in developing tactics for my team. Also, how do you go about creating product principles? - I assume its a group activity along with PMs

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว

      Will be sharing that process in another video :)

  • @chelseapdxo
    @chelseapdxo 2 ปีที่แล้ว

    Hello Femke! Im curious to what kind of research you did to uncover these painpoints :-)

    • @chelseapdxo
      @chelseapdxo 2 ปีที่แล้ว

      Also a video about you diving into how you come up with design principles would be great!

    • @femkedesign
      @femkedesign  ปีที่แล้ว

      I'm address principles in my online course :)

  • @yohanesericsuryawijaya4509
    @yohanesericsuryawijaya4509 2 ปีที่แล้ว

    This helped a lot thank you

  • @adoreos
    @adoreos ปีที่แล้ว

    Hey Femke, what is that magic browser that you are using?

  • @Farrahyousefi
    @Farrahyousefi 2 ปีที่แล้ว

    it was great, but how do you measure impression rate?

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว

      Technically? The engineer I was working with set that up so I wasn't responsible for the technical side of capturing metrics.

  • @Nicole-ze4vc
    @Nicole-ze4vc 2 ปีที่แล้ว

    Amazing content! Thanks so giving such an in-depth view. My maybe silly Q is: where do you get the information regarding business pain points? Is that coming from PM when they propose the project, or connecting with analysts to get the hard numbers? This tends to be the gap area in my own case studies 😅

  • @haoyuntang8411
    @haoyuntang8411 2 ปีที่แล้ว

    Thanks for sharing! Really helpful. One quick question is your company’s design system build based on framework? Do I need to highlight in slides? Thx

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว

      Not sure I understand the question - what are you referring to when you mention 'framework' ?

    • @haoyuntang8411
      @haoyuntang8411 2 ปีที่แล้ว

      @@femkedesign our company design system built based on react and angular code frameworks. So when I started to build components there were lot of collaboration with developers. Do you think need to highlight those in slides?

  • @akshatbhatnagar3435
    @akshatbhatnagar3435 2 ปีที่แล้ว

    So do these features come under messaging or Alerts and notifications. Do wealthsimple puts this information under Mesaaging category?

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว

      We had it under Messaging. Notifications also sat within messaging but was not included in this project I shared.

  • @ringtone6187
    @ringtone6187 2 ปีที่แล้ว

    Thank you for sharing

  • @shiznottle123
    @shiznottle123 2 ปีที่แล้ว

    Hey Femke, great video! I noticed in your slide presentation that you added some illustrations. Are those company assets or things you made yourself? And if so, what tool(s) did you use to create them? Have other members on your team adopted a similar presentation look and feel or do they have their own style?

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว +1

      They were from a file I got from the Figma community. It's something I kind of adopted as my own style :)

  • @hakeemadjei2035
    @hakeemadjei2035 2 ปีที่แล้ว

    This is so cool

  • @chelseanick
    @chelseanick 2 ปีที่แล้ว

    This is such great insight! Thank you! Did any brand designers take part in this process? (Assuming you have a separate sort of brand/marketing design team of sorts). Curious how you work/connect/check in with brand on large projects like this (if at all). I work at a small startup as the brand/marketing design lead, and we’re starting to figure out how/when to involve me on product design initiatives.

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว +1

      Yes! I had a workshop with some of the brand team, specifically on the modals and also the marketing cards to ensure that we were carrying the brand through appropriately. This was lead by me in the exploration phase of my process.

    • @chelseanick
      @chelseanick 2 ปีที่แล้ว

      @@femkedesign Thanks for the reply. That's very interesting! Right now I'm kind of being brought in at the end to do a brand check. It would be nice to have that kind of discussion earlier in the process like you did.

  • @MOHAMEDMAHMOUDDesigner
    @MOHAMEDMAHMOUDDesigner 2 ปีที่แล้ว

    Hi femke

  • @steffsamtoy3310
    @steffsamtoy3310 2 ปีที่แล้ว +1

    Great case study ! Would love to learn about your Principles process 😀!

    • @femkedesign
      @femkedesign  2 ปีที่แล้ว

      A popular request!! On my list :)