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
Back to feedPost
Nyeles Sales Analytics Dashboard | UI Exploration
A concept UI for sales teams and founders who want quick, reliable insights into how their business is performing, without feeling overwhelmed by the data.
Key screens cover a customizable widget dashboard with live KPIs, monthly revenue and deal tracking, geographic market analysis by country, customer online vs offline breakdown, and a time visit heatmap.
Have a project? Let's collaborate! https://cal.com/orenji-studio/30min?overlayCalendar=true
Neat
Nice work๐๐ฅ๐ฅ
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
Related posts
โณ๏ธ ๐ฆ๐ธ๐ถ๐น๐น ๐๐๐๐ฒ๐๐๐บ๐ฒ๐ป๐ ๐ ๐ฎ๐๐ฟ๐ถ๐
& ๐ฅ๐ผ๐ฎ๐ฑ๐บ๐ฎ๐ฝ ๐๐๐ถ๐น๐ฑ๐ฒ๐ฟ ๐ณ๐ผ๐ฟ ๐๐ฒ๐๐ถ๐ด๐ป๐ฒ๐ฟ๐
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
Love this
I built a virtual Ikebana experience. It's called Project: Ikebana. ๐ธ
It's the first time I've ever built something with gesture controls, worked with 3D assets, and vibecoded this much with Figma Make.
Try it here!
Ikebana is the traditional Japanese art of flower arranging. It literally translates to "giving life to flowers."
Project: Ikebana is my attempt to bring that idea into a digital space.
You can create floral arrangements in both 2D and 3D, using either hand gestures or traditional mouse controls.
The part I love most: the little moments of whimsy.
Sliding Japanese fusuma doors.
Tiny kaomojis q(โงโฝโฆq).
Petal-shaped gesture tracking markers.
This project started with a bunch of moodboarding into FigJam board, grew through 100+ make iterations, and somehow led me into learning 3D workflows, gesture interactions, databases, debugging, and a whole lot more.
I used Weave to create many of the visual assets and models, then brought everything together in Figma Make with Supabase powering the project's content library.
I love how tools like Weave and Make encourage you to focus on what something should feel like, not just how to build it.
If there's one thing I'd love people to take away from this project:
Try something new.
You might surprise yourself.
(โงโโฆ)๏พ
This is honestly so beautiful and elegant! I love the concept a lot and you have brought it to life so well :)
๐ซง๐ Digital Journal for Self-Reflection โจ
[ PROBLEM ]
In a busy world filled with work, responsibilities, and constant distractions, many people lose touch with their emotions, needs, and personal goals
While journaling can improve self-awareness and well-being, traditional journals are not always practical to use every day
[ SOLUTION ]
I created Digital Journal that makes self-reflection simple and accessible
The app helps users:
๐ Track mood and energy
๐ Reflect on daily experiences
๐ Practice gratitude
๐ Capture thoughts, memories, and dreams
๐ Build greater self-awareness over time
The goal was to combine the convenience of digital tools with the warmth of a scrapbook-style journal
[ TOOLS TESTED ]
During the Makeathon, I explored and tested:
โ๏ธClaude + Figma MCP for generating initial wireframes
โ๏ธFigma AI Agent for early concept exploration and wireframing
โ๏ธFigma for core pages visual design
โ๏ธFigma Make for building and testing the interactive prototype
Project Link: https://aroma-clover-93652527.figma.site
๐ฅ Watch the demo video to see the full design process, tools used, and how the project was built from idea to interactive prototype
Demo Video (the same as attached): https://drive.google.com/file/d/16Bvwa4M9g3-vPlygg6ljnqOPhMV69cvV/view?usp=sharing
If you enjoyed this project, I would appreciate your support โค๏ธ
โโโ
Wow, feel whisper of childhood. Amazing work.
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. Whatโs yours right now?