Skill Assessment & Roadmap Tool for UI/UX DesignersSkill Assessment & Roadmap Tool for UI/UX Designers
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
โ›ณ๏ธ ๐—ฆ๐—ธ๐—ถ๐—น๐—น ๐—”๐˜€๐˜€๐—ฒ๐˜€๐˜€๐—บ๐—ฒ๐—ป๐˜ ๐— ๐—ฎ๐˜๐—ฟ๐—ถ๐˜… & ๐—ฅ๐—ผ๐—ฎ๐—ฑ๐—บ๐—ฎ๐—ฝ ๐—•๐˜‚๐—ถ๐—น๐—ฑ๐—ฒ๐—ฟ ๐—ณ๐—ผ๐—ฟ ๐——๐—ฒ๐˜€๐—ถ๐—ด๐—ป๐—ฒ๐—ฟ๐˜€
Skill Assessment Matrix is a SaaS designed to help Product Designers and UI/UX Designers better understand their current level, identify their strongest skills, and build a personalized growth roadmap
The idea came from a problem I experienced early in my career:
"๐™ƒ๐™ค๐™ฌ ๐™™๐™ค ๐™„ ๐™ ๐™ฃ๐™ค๐™ฌ ๐™ž๐™› ๐™„'๐™ข ๐™– ๐™…๐™ช๐™ฃ๐™ž๐™ค๐™ง, ๐™ˆ๐™ž๐™™-๐™ก๐™š๐™ซ๐™š๐™ก, ๐™ค๐™ง ๐™Ž๐™š๐™ฃ๐™ž๐™ค๐™ง ๐™™๐™š๐™จ๐™ž๐™œ๐™ฃ๐™š๐™ง?"
This first version is focused on the desktop experience and was designed as the foundation for a larger SaaS product
๐—ฃ๐—ฅ๐—ข๐—•๐—Ÿ๐—˜๐—  Designers often struggle with: โœฆ Understanding their current level โœฆ Identifying their strongest skills โœฆ Knowing what to improve next โœฆ Creating a clear career growth plan
๐—ฆ๐—ข๐—Ÿ๐—จ๐—ง๐—œ๐—ข๐—ก Skill Assessment Matrix helps designers answer three simple questions: โœฆ Where am I today? โœฆ What are my strongest skills? โœฆ What should I focus on next?
The product guides users through a complete career planning flow:
๐—ฆ๐˜๐—ฒ๐—ฝ ๐Ÿญ [Career Goals Setup] Users define their career goals and desired direction
๐—ฆ๐˜๐—ฒ๐—ฝ ๐Ÿฎ [Self Assessment] Users evaluate their current skills across multiple competency areas
๐—ฆ๐˜๐—ฒ๐—ฝ ๐Ÿฏ [Summary] The system generates a personalized overview highlighting strengths and growth opportunities.
๐—ฆ๐˜๐—ฒ๐—ฝ ๐Ÿฐ [Roadmap Builder] Users receive a personalized roadmap and can further customize it by adding their own skills
๐—ฆ๐˜๐—ฒ๐—ฝ ๐Ÿฑ [PDF Export] The final roadmap can be exported as a PDF and used as a practical career development plan.
โšก๏ธThis roadmap generation and export flow became one of the most valuable features of the projectโšก๏ธ
๐—ฅ๐—˜๐—ฆ๐—˜๐—”๐—ฅ๐—–๐—› ๐—™๐—ข๐—จ๐—ก๐——๐—”๐—ง๐—œ๐—ข๐—ก This project is based on more than 5 years of research intoย Skill assessment frameworks. The primary foundation for this work was the Figma Community Skills Matrix documentation, supported by dozens of additional public frameworks
๐Ÿ”— ๐—ฅ๐—ฒ๐˜€๐—ฒ๐—ฎ๐—ฟ๐—ฐ๐—ต ๐—ฅ๐—ฒ๐˜€๐—ผ๐˜‚๐—ฟ๐—ฐ๐—ฒ๐˜€: https://docs.google.com/document/d/1FKjUpq0b4CnN_yrVx3NBB_xVMWZZBH6Ts9Gg9NU182A/edit?usp=sharing
๐—ช๐—›๐—”๐—ง ๐—ช๐—”๐—ฆ ๐—ง๐—˜๐—ฆ๐—ง๐—˜๐—— โœฆ Figma AI Agent for generating new interfaces โœฆ Figma Make for transforming designs into interactive product flows โœฆ Combining a custom design system with generated product experiences โœฆ Building complex multi-step user journeys inside Figma Make โœฆ Creating SaaS-style product logic without traditional development workflows
๐—ง๐—ข๐—ข๐—Ÿ๐—ฆ ๐—จ๐—ฆ๐—˜๐—— Figma โœฆ Figma AI Agent โœฆ Figma Make โœฆ MCP Servers
๐Ÿ”— ๐—ฃ๐—ฅ๐—ข๐—๐—˜๐—–๐—ง ๐—Ÿ๐—œ๐—ก๐—ž: https://meta-poet-59855448.figma.site
๐Ÿ”— ๐—ช๐—ข๐—ฅ๐—ž ๐—™๐—œ๐—Ÿ๐—˜: https://www.figma.com/make/T68isMdbSqZHrBrhLxpoXP/Designer-Career-Levels?t=MhG5fOhpNgHEIEEx-1
๐Ÿ”— ๐—™๐—œ๐—š๐— ๐—” ๐—–๐—ข๐— ๐— ๐—จ๐—ก๐—œ๐—ง๐—ฌ: https://www.figma.com/community/file/1649639588397334446/skill-assessment-matrix-roadmap-builder-makeathon-submission
๐ŸŽฅ Watch the video to see the full design process and how the project was built
๐Ÿ”— ๐—ฉ๐—œ๐——๐—˜๐—ข: https://youtu.be/S3q38_kpTXo
๐—–๐—ข๐—Ÿ๐—Ÿ๐—”๐—•๐—ข๐—ฅ๐—”๐—ง๐—ข๐—ฅ๐—ฆ: Special thanks to @Illia Skliarov for contributing to the creative process, design discussions, design, brainstorming sessions, and product thinking throughout the project.
๐—ฆ๐—จ๐—ฃ๐—ฃ๐—ข๐—ฅ๐—ง (ใฃโ—”โ—กโ—”)ใฃ Please like, comment, share, or save this project to help more designers discover it โค๏ธ
๐Ÿ”— ๐—ฆ๐—ข๐—–๐—œ๐—”๐—Ÿ ๐— ๐—˜๐——๐—œ๐—” ๐—ฃ๐—ข๐—ฆ๐—ง: https://www.instagram.com/reel/DZwXAvhoMHA/?igsh=MWpmZGRwYmx0Y2lwdA==
๐Ÿ”— ๐—ฆ๐—ข๐—–๐—œ๐—”๐—Ÿ ๐— ๐—˜๐——๐—œ๐—” ๐—ฃ๐—ข๐—ฆ๐—ง: https://www.linkedin.com/posts/oleksandra-marchenko-1a3845183_uiux-product-designer-career-levels-from-share-7473607549641154560-EnNK/?utm_source=share&utm_medium=member_desktop&rcm=ACoAACtfdssBweyK9h-szJtXgRq5qAWGe9C9ktk
Post image
Post image
Post image
Viktoriia's avatar
This is such a valuable idea! ๐Ÿ‘
I remember asking myself the same question earlier in my career. Having a structured way to assess skills and build a clear growth roadmap could help many designers navigate their development with more confidence. Great work! ๐Ÿš€
Oleksandra's avatar
Hyperactive Design logo
Thank you so much, Viktoriia, yes seems all we have the same question at the beginning of the career ๐Ÿ™ˆ Thank you so much for your support I'm so glad you like it ๐Ÿ˜
Post image
Ruslana's avatar
pro
โ€ข 8h
This is exactly the kind of thing Iโ€™ve been missing! Iโ€™ve thought many times about needing something like this, and Iโ€™ll definitely be using it. Beautifully executed - great visual design, thoughtful UX, and so much attention to detail. Amazing work!๐Ÿ”ฅ ๐Ÿ”ฅ ๐Ÿ”ฅ
Oleksandra's avatar
Hyperactive Design logo
Thaaaank you sooo much Ruslana, I'm sooo glad to hear that you are goind to use it, there are custom skills builder and pdf download on the last step , so I hope you will enjoy using of this product ๐Ÿ˜
Post image
Diana's avatar
This is brilliant ๐Ÿ’Ž Figuring out your actual skill level as a designer is way harder than it should be, and your project solves it so elegantly. Genuinely one of those โ€œwhere has this been all this time?โ€ products โœจ
Oleksandra's avatar
Hyperactive Design logo
Thank you sooo much Diana, I also saw and already tested your submission and I love it so so much ๐Ÿ˜ ๐Ÿ”ฅ
Post image
Kateryna's avatar
Sasha, I really like what you've managed to create ๐Ÿค“๐Ÿซถ, and I agree that it's better to build your career by focusing on your own strengths rather than comparing yourself to others. I wish you the best of luck in the competition!
Oleksandra's avatar
Hyperactive Design logo
Thank you Kate so much for your kind words, please let me know once you test it ๐Ÿ˜
Post image
Michael's avatar
This is a much-needed tool for the design community! The struggle of defining one's level and finding a clear growth path is very real. Love that you backed this up with 5+ years of research and Figma Community frameworks. The PDF roadmap export is definitely a killer feature...
Oleksandra's avatar
Hyperactive Design logo
Michael, thank you sooo much for your kind words and for supporting me on contra, I'm truly appreciative of that , yes, if you are interested in in his skill development topic please check resourses in the google dock there are really interesting frameworks ๐Ÿ‘ ๐Ÿ”ฅ
Post image
Illia's avatar
That's awesome! it was worth putting all that effort into this project ๐Ÿ”ฅ I really like it, and I really hope the whole community will appreciate it and that we'll create a fully-fledged product in future
Oleksandra's avatar
Hyperactive Design logo
Thank you so much, Ilya for your help and participation in this project, we did a great job ๐Ÿ”ฅ and I really believe that we will develop this SaaS in the future
Viktoriia's avatar
This is such a relatable problem.
I think almost every designer has questioned their level at some point and wondered what skills they should focus on to keep growing. The tricky part is that itโ€™s often hard to evaluate yourself objectively.
I really like how youโ€™ve turned that...
Oleksandra's avatar
Hyperactive Design logo
Viktoriia, thank you so much for your support and kind words, I am really happy to hear that from you, and I hope to build in the future product even biger with the same mission ๐Ÿ˜
Post image
Yurii's avatar
Love this! Solving a problem you actually lived through always makes for the strongest products. The roadmap + PDF export feature is a brilliant way to turn self-assessment into real action. ๐Ÿ”ฅ
Oleksandra's avatar
Hyperactive Design logo
Yurii, thank you so much ๐Ÿ˜ ๐Ÿ™Œ I really appreciate your support, yep, I really believe that roadmap here is a killer feature ๐Ÿš€ and that the you can add your own skills on the last step ๐Ÿ™Œ thanks once again
Post image
Viktoriia's avatar
Such a great idea and so well executed! This is exactly the kind of tool that's missing for designers ๐Ÿ”ฅ
Oleksandra's avatar
Hyperactive Design logo
Thank you thank you thank you, Viktoriia ๐Ÿซ‚๐Ÿซ‚๐Ÿซ‚ yes, absolutely agree, all the designer needs this ๐Ÿ˜
Post image
Esther 's avatar
pro
โ€ข 3h
Love this
Oleksandra's avatar
Hyperactive Design logo
Thank you Ester, for your support ๐Ÿ˜ ๐Ÿ™Œ I appreciate it so much ๐ŸŽ‰ We don't know each other, but you support me so much that I feel like you're my best friend every time I see your profile picture on Contra ๐Ÿ˜
Post image
Roman's avatar
I love your submission so much, it is so stylish!!! Moreover it has great solution, I would use sometning like this for developers
Oleksandra's avatar
Hyperactive Design logo
Roooooman thank you , we will think about this idea, probably we need to add this functional for the developers, great idea btw, thank you so much, and thank you for your support ๐Ÿ™Œ
Post image
Kateryna's avatar
kraft.studio logo
Oh woooow ๐Ÿ’–๐Ÿ’–๐Ÿ’– ๐ŸŒˆ I'm thrilled with the workโ€” the idea is simply incredible; it's exactly what we need in today's world to shake off distractions and focus on specific actions.
Thank you for such a wonderful concept. The colors are simply incredible ๐Ÿ”ฅ ๐Ÿ”ฅ ๐Ÿ”ฅ
Oleksandra's avatar
Hyperactive Design logo
Thank you sooo much Kate, thank you for your king workds and support it means a lot for me ๐Ÿ’–๐Ÿ’–๐Ÿ’– And I hope you will anjoy the tool ๐ŸŒˆ๐Ÿ”ฅ
Post image
Alesia's avatar
pro
โ€ข 1h
great job ๐Ÿ”ฅ
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started