As a UI/UX designer, I used to waste hours scrolling through generic creative platforms just to find relevant B2B or B2C product case studies. Filtering on traditional sites mixes product design with motion graphics, illustrations, and branding—forcing us to dig through the noise just to study a user flow. That’s why I built Cosmic Portfolio for the #ConfigMakeathon! 🌌 It’s a dedicated, interactive galaxy designed exclusively for UI/UX professionals to learn, share, and expand their knowledge without the clutter. How it works: The Galaxy Map: Explore three distinct stellar constellations: B2B, B2C, and C2C. Spatial Discovery: Zoom, pan, and scroll through a visual galaxy where every star represents a real-world case study. Deep Dive: Hovering focuses the camera; clicking a star reveals essential metadata (Platform, Device, Description, and Author). Ready to read the full breakdown? Hit "Launch" to head straight to the creator's portfolio. Light up the Map: Upvote your favorite projects to add more light and brightness to their star in the galaxy. And more... 🛠️ The Stack: Built directly from design to interactive prototype using FigmaMake, Opencode, with Supabase handling the backend database. Social Media Post: https://www.linkedin.com/posts/doantran12_cosmic-portfolio-config-makeathon-2026-share-7473624561868242944-ujj0/?highlightedUpdateUrn=urn%3Ali%3Aactivity%3A7473624563063439360&origin=SOCIAL_SHARE&utm_source=share&utm_medium=member_desktop&rcm=ACoAADRGNvsBY1jn0ZSwQ_L5jW0dqLL07q1ANvM Figma Make Link: https://mood-code-15048244.figma.site (Disclaimer: All portfolios and case studies displayed in this walkthrough video serve strictly as demo data for presentation purposes only—no IP intended!) Watch the full video below! 👇

Doan Tran

User-centered designs blend creativity with functionality