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
Great work! It's insightful, well-structured, and full of useful ideas. I found it both inspiring and enjoyable to try ๐Ÿ˜
Oleksandra's avatar
Hyperactive Design logo
Thank you so much, Viktoriia ๐Ÿ˜ your words means a lot to me ๐Ÿ™Œ I appriciate your support and glad to see you find skill matrix useful ๐ŸŽ‰
Post image
Ruslana's avatar
pro
โ€ข 16h
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
โ€ข 12h
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
Esther 's avatar
pro
โ€ข 8h
Youโ€™re always welcome ๐Ÿซถโค๏ธ๐Ÿซ‚
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
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
Alesia's avatar
pro
โ€ข 10h
great job ๐Ÿ”ฅ
Oleksandra's avatar
Hyperactive Design logo
Thank you sooo much, Alesia, I love your submission as well, excellent quality and great job ๐ŸŽ‰๐Ÿซ‚
Post image
Kate's avatar
it was my imaginary request! needed this tool. thanks!
Oleksandra's avatar
Hyperactive Design logo
Thank you so much, Kate, for your support and kind words ๐Ÿ˜ I really appreciate it, and I'm sooo glad to see that I guess the request of design community ๐Ÿ˜ ๐Ÿ™Œ ๐ŸŽ‰
Post image
Kate's avatar
โค๏ธ
Oleksandra's avatar
Hyperactive Design logo
โค๏ธ
Post image
Muhammad's avatar
pro
โ€ข 8h
Strong product thinking ๐Ÿ‘
Oleksandra's avatar
Hyperactive Design logo
Thank you sooo much, Muhammad, I appreciate it and I am glad to hear that
Post image
Mariia's avatar
โ€ข 8h
Love how simple and refined this UI feels ๐Ÿ˜ Itโ€™s clean, stylish, and easy on the eyes without trying too hard. The concept itself is really thoughtful and valuable. Such a great idea, beautifully executed โœจ
Oleksandra's avatar
Hyperactive Design logo
oooo my goood Maaaariiia , first of all I'm so glad to see you on Contra, thank you so much for your support and your kind words its so important to me ๐Ÿ˜ ๐Ÿ™Œ
Post image
Natalia's avatar
๐Ÿ”ฅ cool idea, I often ask myself the same questions
Oleksandra's avatar
Hyperactive Design logo
Thank you so much, Natalia, for your support and kind words ๐Ÿ˜Š ๐Ÿ”ฅ I really appreciate it, I'm glad to see that I was not only one and it is common situation ๐Ÿ™Œ
Post image
Klym's avatar
pro
โ€ข 8h
Sasha, I really love what youโ€™ve created here ๐Ÿ‘ ๐Ÿซถ Itโ€™s great to see how youโ€™re building your own path and focusing on your strengths instead of comparing yourself to others. That mindset is honestly very powerful. Wishing you the best of luck in the competition keep going, your work deserves attention โœจ๐Ÿ”ฅ
Oleksandra's avatar
Hyperactive Design logo
Thank you so much, Klym for your kind words and support on my journey ๐Ÿ˜ ๐Ÿ™Œ I hope as well that design community will test this product and use it)) :By the way, have you thought about participating next time?
Post image
MD Rafee 's avatar
The PDF export at the end is a smart touch. Most self-assessment tools stop at a score, but turning that into something a designer can actually bring to a performance review or use as a personal roadmap makes it genuinely useful. Curious how you handle skill areas that span both soft and hard skills.
Oleksandra's avatar
Hyperactive Design logo
Thank you so much ๐Ÿ™Œ you are absolutely right. Soft skills are supposedly harder to measure, but responsibility and meeting deadlines are all about soft skills, too - so at least some aspect of them can be measured. Thatโ€™s just how we live, we measure everything we can. By the...
Post image
MD Rafee 's avatar
Haha yes, exactly. I used the PDF more as a starting point, then added my own skills so it felt closer to my actual workflow. The template made it easier to organize everything, but the real value was seeing which skills actually show up in my day-to-day work.
Oleksandra's avatar
Hyperactive Design logo
wow that awesome, thank you so much for sharing I'm so exited to hear that ๐Ÿ˜
Post image
Valeriia's avatar
Wow wow wow๐Ÿ˜ Such an important and impressive product, you are a true inspiration, the GOAT if I may๐Ÿคญ The "imposter syndrome" or career-level ambiguity is something almost every designer faces at some point, it's so incredibly valuable to have a structured way to understand your experience and visualize growth๐Ÿ”ฅ
Oleksandra's avatar
Hyperactive Design logo
Thank you sooo much for your support, Valeriia. It means a lot to me. Is it really possible to find a designer in this world who doesn't doubt themselves? I doubt it ๐Ÿง  By the way, have you had a chance to check it out? At the end, you can download a PDF with a roadmap ๐Ÿ™Œ
Post image
Sofi.3d's avatar
Ohhh itโ€™s so good
Oleksandra's avatar
Hyperactive Design logo
Thank you so much, Sofi for your support ๐Ÿ˜ ๐Ÿ™Œ I really appriciate it
Post image
Dylan's avatar
Contra logo
amazing as always!
Oleksandra's avatar
Hyperactive Design logo
Thaaank you so much, Dylan for your support, it means a lot for me ๐Ÿ˜ ๐Ÿ™Œ
Anna's avatar
โ€ข 3h
It's an incredible idea to create such a product, often you don't know where to go or what skills and abilities you need to learn in your direction. Amazing work!๐Ÿ™Œ
Oleksandra's avatar
Hyperactive Design logo
Thank you so much Anna ๐Ÿ˜ I'm very glad to see you like it, I hope you will be able to use this framework to build your roadmap ๐Ÿ™
Post image
Nataly's avatar
โ€ข 2h
What a valuable idea! โœจ The roadmap builder and PDF export make this feel genuinely useful, not just another assessment tool. I can see a lot of designers benefiting from this.I wish you the best of luck in the competition!๐Ÿš€
Oleksandra's avatar
Hyperactive Design logo
Thank you so much Nataly ๐Ÿ˜ ๐Ÿ™Œ I'm incredibly happy to see that you find this tool useful, I hope we'll continue to develop it and build a fully-fledged tool like this for designers ๐Ÿ™Œ
Post image
Anastasiia's avatar
Love this idea! ๐Ÿš€ Having a clear roadmap can make a huge difference when learning new skills. Excited to see how this helps the community grow ๐Ÿ”ฅ ๐Ÿ”ฅ ๐Ÿ”ฅ
Oleksandra's avatar
Hyperactive Design logo
Thank you very much Anastasiia ๐Ÿ˜ I'm soooo glad that you find it useful ๐Ÿ˜ ๐Ÿ™Œ I hope designers will use this tool in theirs career๐Ÿ”ฅ
Post image
Anastasiia's avatar
I will hope too๐Ÿ˜Š
Oleksandra's avatar
Hyperactive Design logo
Thaaank you ๐Ÿ˜
Post image
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