Cover Image for Workshop | Build & Launch Your Portfolio Page in Framer
Cover Image for Workshop | Build & Launch Your Portfolio Page in Framer
Avatar for Uxcel Events
Presented by
Uxcel Events
Uxcel's UX and product community. Learn together, collaborate, and create meaningful connections with creatives worldwide.
16 Went

Workshop | Build & Launch Your Portfolio Page in Framer

Zoom
Get Tickets
Past Event
Welcome! Please choose your desired ticket type:
About Event

🎯 For designers | 🧠 Beginner–Intermediate | 🕒 90 minutes | 👥 40 seats | 💵 $99 Standard / $49 Uxcel Pro


Framer build-a-thon: From idea to live portfolio page in 90 minutes.

In this hands-on workshop, you'll go from blank canvas to a live, publishable portfolio page built on real best practices, in real time.

Led by Florian Boelter, Staff Product Designer at Juro and founder of Open Doors, a community where he reviews junior designer portfolios weekly, this session is all about execution.

You’ll structure, design, refine, and publish a real portfolio page using Framer’s core capabilities and built-in Workshop component.

By the end, you won’t just understand Framer better, but you’ll have a live, expandable portfolio foundation you can keep building on.


🧠 What You’ll Learn

  • How to structure a strong portfolio page directly in Framer

  • Core Framer fundamentals: layout, hierarchy, components

  • How to create reusable components for speed and consistency

  • How to use Framer’s Workshop to build custom animated or complex elements with no coding required


🕘 Agenda

  1. Introduction & outcome setting: Overview of what makes a strong portfolio page and what will be built during the session. You'll get familiar with the Framer workflow and define the scope of your page.

  2. Structuring the page (wireframing): Use Framer’s Wireframer to create a clear page structure. Focus on defining sections, hierarchy, and layout before moving into visual design.

  3. From structure to design: Applying typography, spacing, and visual hierarchy to transform the wireframe into a refined layout. Introduction to reusable components for consistency and efficiency.

  4. Components & custom elements with Workshop: Creating reusable components and using Framer’s built-in Workshop to generate custom animated or more complex elements with no coding required.

  5. Refine & polish: Improve spacing, alignment, and interaction details to elevate the overall feel of the page and create a strong visual impression.

  6. Publish & next steps: Publish the page and discuss how to expand it into a complete portfolio after the workshop.


⚙️ Format

Hands-on workshop.

You can actively work on building your own portfolio page in Framer as you follow along during the session or simply observe the full build process and apply it later.


👤 Who Should Attend

Experience level: Beginner → Intermediate

If you're job-hunting, building your first or updating current portfolio, or want to move faster and more confidently in Framer.


🎙️ Meet Your Instructor

Florian Boelter is a Staff Product Designer at Juro and founder of Open Doors, a community connecting junior designers with job opportunities and portfolio feedback every week.

He regularly reviews portfolios and shares high-signal insights about what hiring managers actually notice. His workshops focus on practical execution.


🛠️ Tools

  • Any LLM: ChatGPT, Claude, Gemini etc. (free plan works)

  • Framer (free plan works)

  • FigJam

  • Zoom


🤝 Brought to You By

Uxcel is a learning platform used by 500,000+ product professionals and 200+ organizations to build cross-functional skills across UX design, product management, and AI. Learn through short, gamified courses that fit into a working day, earn certifications, and build a portfolio with real-world project briefs. Ranked Top 50 Educational Product worldwide by G2 in 2024 and 2025.

​​​​​​​​​​​Interested in hosting an event with us? Apply here.

Join our Discord community of 6,800+ UX and product professionals and start connecting today.

​​​​​​​​​​​Catch up on past events and stay connected with us on LinkedIn, Instagram, and Twitter for more updates!


📌 Notes

  • Includes access to the full recording.

  • Please create a Framer account in advance.

  • Tickets are non-refundable once the session has started.

Avatar for Uxcel Events
Presented by
Uxcel Events
Uxcel's UX and product community. Learn together, collaborate, and create meaningful connections with creatives worldwide.
16 Went