Design systems case study: messaging components [Part 1]

Подписаться 83 тыс.

Просмотров 28 тыс.

50% 1

I’ve been working at Wealthsimple as a Senior Product Designer, and during my time there, I have been on the design platform team, which means that I’ve been able to contribute to the design systems as well as to some platform-level work that would touch across the Wealthsimple eco-system.
Check out part one of the case study of the project that I have recently shipped. Enjoy!
----------------------------------------------
My channel is powered by Superpeer: superpeer.com/
//LINKS
Book a mentoring session: superpeer.com/femke
//TIMESTAMPS
0:00 - Intro
1:06 - About the project
2:09 - Case study walk-through
15:19 - Outro & what’s next
// MORE
Join my community!: www.femke.design/community
Website: www.femke.design
Podcast: www.designlife.fm/
Twitter: / femkesvs
Instagram: / femkedotdesign
Browse my job board: pallet.xyz/list/femkedesign-j...
Join my talent collective: femkedesign-jobs.pallet.com/t...
My logo animation is done by Austin Saylor: www.austinsaylor.com/
My brand is designed by Black & White studios: www.blackandwhitestudios.nz/
Videos are edited by Molen Audiovisual: / molen.audiovisual
Thumbnails are designed by Diana Pechar: dianapechar.com/
Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: fm.pxf.io/c/2456269/1347628/1...
//GET STARTED IN UX
Visit this link for a list of curated UX Design resources and tools: www.femke.design/resources

Опубликовано:

15 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 99

@femkedesign Год назад

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 7 месяцев назад

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

@jared4760 Год назад

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!

@femkedesign Год назад

Thanks Jared!

@SaveMg Год назад

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

@femkedesign Год назад

My pleasure Marios 😊

@CarlitaDupin Год назад

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.

@vivianngai3194 Год назад

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

@mariiashyian2246 Год назад

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 Год назад

Yay so glad to hear it! Coming soon :)

@hollymariedesign2819 Год назад

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.

@femkedesign Год назад

You are so welcome!

@christyhu Год назад

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

@femkedesign Год назад

You’re welcome!

@annphan Год назад

Looking forward to the 2nd part!!!!

@femkedesign Год назад

Next week!

@rashikasliwal2791 Год назад

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 Год назад

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 :)

@huwball Год назад

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

@femkedesign Год назад

You're welcome!

@bagchi_sagnik Год назад

Very helpful video!

@TotallyHonestReviews Год назад

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 RU-vid we need more specific videos like this. Thank you! 🙂

@femkedesign Год назад

You're so welcome :)

@gabrieladeliz3050 Год назад

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

@femkedesign Год назад

Thanks Gabriela!

@rubenphilip Год назад

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!🙏

@femkedesign Год назад

You’re welcome!

@sebastianvisual33 Год назад

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

@femkedesign Год назад

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

@sang-sang-park Год назад

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

@meliibelle Год назад

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

@femkedesign Год назад

You're so welcome!

@dubella1164 Год назад

great stuff and thanks for sharing this❤

@femkedesign Год назад

You are so welcome

@samirwahab9697 Год назад

Thanks for sharing. It was too insightful.

@femkedesign Год назад

Glad it was helpful!

@fernandasaenz3747 Год назад

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

@femkedesign Год назад

You’re welcome :)

@zubairfarooqhashmi Год назад

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 😊

@femkedesign Год назад

Thank you so much!!

@steffsamtoy3310 Год назад

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

@femkedesign Год назад

A popular request!! On my list :)

@luciochen123 Год назад

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

@femkedesign Год назад

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

@yohanesericsuryawijaya4509 Год назад

This helped a lot thank you

@femkedesign Год назад

Glad to hear!

@nandhagopalgopalsamy1726 Год назад

Definitely need a deep dive into design principles

@femkedesign Год назад

It's coming in my upcoming design course :)

@laurelyaros8314 Год назад

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?

@hannahluc1415 Год назад

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 Год назад

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

@ringtone6187 Год назад

Thank you for sharing

@femkedesign Год назад

My pleasure!

@xxxaslhrmln Год назад

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 Год назад

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

@xxxaslhrmln Год назад

@@femkedesign Personal goals 🤩

@princhipehdesigns5922 Год назад

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? 😀

@femkedesign Год назад

Thank you!

@hakeemadjei2035 Год назад

This is so cool

@femkedesign Год назад

Thanks!

@LorettaBangBang Год назад

Pleeease create a video on the creation of principles!

@frankvasquez4827 Год назад

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!

@femkedesign Год назад

You're welcome!!

@gijoe196 10 месяцев назад

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.

@ChamindaJ Год назад

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 Год назад

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.

@naumankhokhar6471 Год назад

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 Год назад

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 Год назад

@@femkedesign oh alright.. thanks much.

@gaju1981 Год назад

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

@femkedesign Год назад

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

@Nicole-ze4vc Год назад

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 😅

@femkedesign Год назад

A bit of both ;)

@vincychen1114 Год назад

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 Год назад

I'll keep it in mind! :)

@haoyuntang8411 Год назад

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 Год назад

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

@haoyuntang8411 Год назад

@@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?

@taniasharma Год назад

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 Год назад

Not at the moment but thanks for the idea!

@dhyanimation Год назад

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 Год назад

Will be sharing that process in another video :)

@parisahoseini2466 Год назад

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 Год назад

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

@shiznottle123 Год назад

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 Год назад

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

@chelseanick Год назад

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 Год назад

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 Год назад

@@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.