Oleksandra Marchenko's Work | ContraWork by Oleksandra Marchenko

pro

Oleksandra Marchenko

Product Designer 🥷 SaaS Mobile App Fintech UI UX

$5k+: Earned

2x: Hired

440: Followers

Prague, Czechia

Work Posts Products Services About

Prague, Czechia

🥕 Web design for organic grocery store | Hyperactive

💻 Product Design for Video Editing App | Hyperactive

🍵 Web Design for Matcha store e-comm | Hyperactive

🛡️ Product design for cybersecurity platform | Hyperactive

🍸 Product design for cocktail mobile app | Hyperactive

Cover image for ⛳️ 𝗦𝗸𝗶𝗹𝗹 𝗔𝘀𝘀𝗲𝘀𝘀𝗺𝗲𝗻𝘁 𝗠𝗮𝘁𝗿𝗶𝘅 &

⛳️ 𝗦𝗸𝗶𝗹𝗹 𝗔𝘀𝘀𝗲𝘀𝘀𝗺𝗲𝗻𝘁 𝗠𝗮𝘁𝗿𝗶𝘅 & 𝗥𝗼𝗮𝗱𝗺𝗮𝗽 𝗕𝘂𝗶𝗹𝗱𝗲𝗿 𝗳𝗼𝗿 𝗗𝗲𝘀𝗶𝗴𝗻𝗲𝗿𝘀 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

101

130

5.3K

HYPERACTIVE DESIGN STUDIO

112

Cover image for For the #CapCutDesignStudio Challenge, I

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

4.3K

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 ❤️

111

160

9.7K

💙 Mobile design for medical app | Hyperactive

🍥 Web Design for Asian restaurant website | Hyperactive

Mobile design for the finance management app | Hyperactive

🏡 Web Design for Real Estate Agency | Hyperactive

📚 Mobile design for the language learning app | Hyperactive

🍵 Web Design for Matcha store e-comm website | Hyperactive

🚙 Mobile app design for car rental service | Hyperactive

HYPERACTIVE | SLEEPING APP WEBSITE | LANDING PAGE

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 🫶✨

1.7K

Cover image for Friends, I haven’t announced this

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)

1.7K