โณ๏ธ ๐ฆ๐ธ๐ถ๐น๐น ๐๐๐๐ฒ๐๐๐บ๐ฒ๐ป๐ ๐ ๐ฎ๐๐ฟ๐ถ๐ & ๐ฅ๐ผ๐ฎ๐ฑ๐บ๐ฎ๐ฝ ๐๐๐ถ๐น๐ฑ๐ฒ๐ฟ ๐ณ๐ผ๐ฟ ๐๐ฒ๐๐ถ๐ด๐ป๐ฒ๐ฟ๐
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
For the #CapCutDesignStudio Challenge, I created ๐๐ฎ๐ฝ๐๐๐ ๐ฉ๐ถ๐๐ถ๐ผ๐ป โ a concept that reimagines CapCut as a wearable technology companyย ๐
[๐๐ถ๐ฟ๐ฒ๐ฐ๐๐ถ๐ผ๐ป ๐] ๐๐ฎ๐ฝ๐๐๐ ๐ฎ๐ ๐ฎ ๐๐ถ๐ณ๐ณ๐ฒ๐ฟ๐ฒ๐ป๐ ๐๐ป๐ฑ๐๐๐๐ฟ๐
CapCut Vision transforms CapCut from a video editing platform into an AI-powered smart eyewear ecosystem designed for the next generation of creators. CupCut Vision allows creators to capture moments, transform them through AI, and instantly share them with the world.
I was inspired by CapCut's mission to make creativity accessible to everyone, and I imagined a future where capturing, editing, and sharing content happen as one seamless experience.
[๐ฃ๐ฟ๐ผ๐ท๐ฒ๐ฐ๐ ๐ข๐๐ฒ๐ฟ๐๐ถ๐ฒ๐]
For this submission, I developed:
โข Brand Concept
โข Visual Identity System
โข Product Design Language
โข Smart Glasses Design
โข Packaging Experience
โข Creator Ecosystem
โข Presentation Deck
[๐ช๐ผ๐ฟ๐ธ๐ณ๐น๐ผ๐]
To demonstrate my workflow, I also included:
โข Recording of the entire creation process
โข Brand Concept Presentation
โข Complete Design Studio chat history
[๐ ๐ ๐๐ ๐ฝ๐ฒ๐ฟ๐ถ๐ฒ๐ป๐ฐ๐ฒ] โค๏ธ
One thing I genuinely enjoyed while working on this project was how intuitive CapCut Design Studio feltย โค๏ธ
I realized that great results don't necessarily come from writing perfect prompts. Most of my process involved combining references, exploring visual directions, refining ideas, and iterating creatively. Design Studio made it easy to move from inspiration to concept development and final presentation within a single workspaceย ๐ฅ๐ฅ๐ฅ
[๐๐ฒ๐๐ถ๐ด๐ป ๐ฆ๐๐๐ฑ๐ถ๐ผ ๐๐ฒ๐ฎ๐๐๐ฟ๐ฒ๐ ๐จ๐๐ฒ๐ฑ]
Throughout the project, I used Design Studio for inspiration gathering, visual exploration, product ideation, branding, packaging concepts, and ecosystem development.
Thank you to the CapCut team for creating a platform that encourages experimentation, creativity, and explorationย ๐ซถ
[๐๐ถ๐ป๐ธ๐]
CupCut Design Studio Chat History: https://www.capcut.com/ai-design?shareId=7647947968217202695
Brand Concept Presentation: https://www.figma.com/proto/reTVCLZxw73WBxxaJOePS0/CAPCUT-VISION?node-id=1-285&viewport=701%2C169%2C0.02&t=Z6lxfa2Fi8czJOxo-1&scaling=contain&content-scaling=fixed&page-id=0%3A1
Video explainer (the same as attached): https://docs.google.com/videos/d/1SSDBHyguM5hNoItyjONVOOouXbL54xgNCdo3w-8jDv8/edit?usp=sharing
If you like this concept and the work behind it, Iโd be incredibly grateful for your support. Every like, comment, share, or vote means a lot. Thank you! ๐
34
51
4.1K
Iโm happy to take part in this challenge and share my project created with Google Stitch โค๏ธโ๐ฅ
For this challenge, I designed a marketing landing page for a sleep improvement app that helps users build better sleep habits ๐ด
[๐ช๐ผ๐ฟ๐ธ๐ณ๐น๐ผ๐]I used Google Stitch throughout the whole design process:
- Imported my design system from Figma
- Added visual references
- Generated the first version of the interface with prompts
- Improved the content and layouts using AI edits
- Added animations and interactions to complete the experience
[๐๐ฒ๐ ๐ฆ๐๐ถ๐๐ฐ๐ต ๐๐ฒ๐ฎ๐๐๐ฟ๐ฒ๐ ๐จ๐๐ฒ๐ฑ] In this project, I explored several Stitch features:
- Design imports
- AI editing
- Prompt-based UI generation
- Animations and motion
๐๐ ๐ฝ๐ฒ๐ฟ๐ถ๐ฒ๐ป๐ฐ๐ฒ ๐คฉ
I really enjoyed working with Stitch. The workflow felt intuitive and easy to understand, making it simple to move from ideas to polished screens. Creating and updating layouts was fast, and the AI-powered editing significantly accelerated the design process. I also appreciated how seamlessly Stitch worked with my existing design assets, allowing me to combine my design system with AI-generated concepts and iterate efficiently
๐๐ถ๐ป๐ธ๐
Prototype: https://stitch.withgoogle.com/preview/14073781857777698748?node-id=10b283821f014ccab41648d62b15bf7e&raw=1
Project File: https://stitch.withgoogle.com/projects/14073781857777698748
Workflow Video (the same video as the one attached) : https://drive.google.com/file/d/1y1NIdNjLn1JM2S_s2wYpn0jR1nB-nyoj/view?usp=sharing
๐ ๐ฆ๐๐ฝ๐ฝ๐ผ๐ฟ๐ ๐ ๐ ๐ฆ๐๐ฏ๐บ๐ถ๐๐๐ถ๐ผ๐ป ๐
If you enjoyed this project and found the workflow demonstration valuable, I would greatly appreciate your support. Thank you for taking the time to review my submission โค๏ธ
Designers, 5๏ธโฃ0๏ธโฃ+ Behance covers for you ๐ฅโจ
๐ ๐๐จ๐ฅ๐ฅ๐๐๐ญ๐๐ ๐๐+ ๐ก๐ข๐ ๐ก-๐ช๐ฎ๐๐ฅ๐ข๐ญ๐ฒ ๐๐๐ก๐๐ง๐๐ ๐๐จ๐ฏ๐๐ซ๐ฌ that look aesthetic and actually work.
This is a curated pack of strong visual references for anyone who wants their profile to look more polished and professional.
๐ ๐๐ง๐ฌ๐ข๐๐:
โ examples of covers that grab attention
โ 6 editable Figma templates, so you donโt have to start from scratch
๐ ๐๐ก๐ข๐ฌ ๐๐ข๐ฅ๐ ๐ข๐ฌ ๐๐จ๐ซ ๐๐๐ฌ๐ข๐ ๐ง๐๐ซ๐ฌ ๐ฐ๐ก๐จ:
โ want their portfolio to look more professional
โ need quality references instead of scrolling for hours
โ want to refresh their profile and stand out from other designers
๐ฅ ๐๐ ๐๐๐ ๐๐๐๐๐๐:
๐ + โค๏ธ React to this post
โป๏ธ Repost it and Iโll send it even faster
โ Follow me
๐ฌ Add any Comment below + add where should I send the link (IG, mail, or any other ways)
Letโs make your profile stand out ๐ซถโจ
3
15
1.8K
Friends, I havenโt announced this properly yet, but I canโt keep quiet anymore
๐๐ฒ ๐๐ ๐๐ง๐๐ฒ ๐ฆ๐๐๐ ๐ข๐ญ ๐ญ๐จ ๐๐ซ๐ข๐๐๐๐ฅ๐โ๐ฌ ๐๐จ๐ฉ ๐๐ซ๐จ๐๐ฎ๐๐ญ ๐๐๐ฌ๐ข๐ ๐ง ๐๐ ๐๐ง๐๐ข๐๐ฌ ๐จ๐ ๐ญ๐ก๐ ๐๐๐๐ซ๐ญโค๏ธ
Accepting congratulations ๐
And sharing a bit of our experience in this post.
๐๐จ๐ฐ ๐๐ข๐ ๐ฐ๐ ๐ ๐๐ญ ๐ก๐๐ซ๐?
โ๏ธ We posted 2โ4 works per week. So behind this result are 5 years of consistency.
โ๏ธ Thanks to regular posting, we grew to around 100,000 followers across all our accounts.
๐คฃ ๐๐ก๐ ๐๐ฅ๐ข๐ฉ ๐ฌ๐ข๐๐:
So far, Dribbble hasnโt brought us a single client.
We do get inquiries from there, but so far, none of them have been from clients with the budgets we usually work with.
Letโs see what happens next.
Also, Iโll be happy to answer your questions about growing on Dribbble, if you have any.
By the way, this case shows me that the phrase โwhere there is focus, there is resultโ is not entirely true. Because Dribbble wasnโt our daily focus throughout these 5 years.
Iโll unpack this in the next post.
Check it out (https://contra.com/p/UlNgWbRB-mobile-app-design-for-the-travel-manager-app-or-hyperactive)