Design
Insights
Aug 25, 2025
15 Expert UX Portfolios: Structure and Interaction Analysis
In Framer, you can add interactive elements to your website with the draggable canvas effect. This tutorial guides you step-by-step from page setup to implementing drag effects, adding elements, and hover states.

Uploaded by

Translated by
Contents
Table of Contents
This document is intended to help Korean users learning Framer by addressing the challenges caused by the lack of resources in Korean. We have translated the content of the official blog into Korean and added practical information useful for real-world applications. We hope this can be of some help to Framer users.
A portfolio is a crucial asset for freelancers, designers, and agencies alike. To stand out among the many creative talents, it's essential to have a structure that not only lists work but also reflects individuality and style with easy navigation. Through this, potential clients can gauge not only the creator’s capabilities but also the kind of experience they can expect during collaboration.
In this article, we'll explore 15 portfolio examples created with Framer and examine how each balances originality with user experience.
1. Meris Imamovic (Personal Site)

Meris Imamovic's portfolio features a minimalist and clean design. Thanks to its simple layout, visitors can easily explore his work, while gentle effects and appropriate interactions add immersive experiences without overloading the senses. It's a prime example of delivering an attractive and intuitive experience without unnecessary elements.
2. Claudio Guglieri

Claudio Guglieri's portfolio stands out for its elegant simplicity. The header section features key works in an interactive carousel, and the overall site uses a tidy layout to ensure that the works are the main focus. It clearly demonstrates his expertise as a digital product design expert, offering an appealing and impressive user experience.
3. aimpie.

aimpie's website grabs attention with its bold colors and dynamic interactions. Its vibrant animations and high-quality visuals showcase the brand’s creativity and innovation. Thanks to the structured overall layout, visitors can be effectively engaged from the moment they access the page.
4. Antoine Enault

Antoine Enault's portfolio captures interest instantly with moving text when hovering over the header area. Simultaneously, the entire site maintains a minimal composition, highlighting his graphic design and brand identity work. This balance of creativity and practicality accentuates his expertise in graphic design and visual identity.
5. Analogue Agency

Analogue Agency maximizes visual immersion by organizing its portfolio with high-quality images and videos. Unique navigation bars and page transition effects make the exploration process itself interesting. By centering the content and adding interactions, they design a dynamic and intuitive user experience.
6. Jessica Wells Portfolio

Jessica Wells showcases her work using horizontal scrolling, offering a unique feel instead of a typical vertical layout, with smooth transition effects that naturally guide users through the content. Her overall design is sleek and modern, well-representing her personality and awards throughout the portfolio.
7. SEB® Portfolio

Sebastián Martínez's portfolio makes a strong visual impact. It allows users to interact by directly moving image elements, and the bold text animation on the loading screen draws attention. It's an example of a site designed to engage users from start to finish.
8. Vishal Krishna

Vishal Krishna's site uses a striking color palette and definitive hover effects. When the mouse hovers over brand collaboration cases, related images appear, and the initial loading animation builds anticipation. It's a case of capturing both fun and intuitiveness. In the portfolio section, hovering over brand names reveals a snapshot of the work, adding an interactive effect to the website.
9. Elly Hsieh

Elly Hsieh's portfolio applies animation that blends neat web design with functionality, showcasing practical skills as a product designer. Thanks to the intuitive interface, users can focus on the works on screen, and smooth transitions provide a seamless navigation experience.
10. Diana Lu

Diana Lu's site effectively uses horizontal scrolling throughout, offering a unique and enjoyable browsing experience. The combination of cute graphics and smooth animations delivers a distinctive experience. These elements highlight her creativity as an interaction designer and make browsing enjoyable.
11. Chris Lund

Chris Lund's portfolio showcases a harmony of large graphics, varied typography, and animations. This not only presents his work but also emphasizes his creative abilities and his expertise as a designer.
Visit the site >
12. ashcamp (Agustín Schelstraete)

Agustín Schelstraete's portfolio website, “ashcamp,” leaves a strong impression with a bold header and striking typography on the opening screen. A clean and modern design allows focus on his works, while vibrant text animations enhance the overall browsing experience, showcasing his creativity and design expertise.
13. Crazy Creative

Nick Jacoy's Crazy Creative portfolio creates a lively atmosphere with its bright and bold colors. Reflecting its purpose of offering UI/UX and branding services, the site features intuitive navigation and a clean structure.
14. Alejandro Mejias

Alejandro Mejias beautifully presents his various design works along with high-quality images and project descriptions. His professionalism and creativity are evident, and his overall aesthetic is both professional and attractive, making it a great platform to showcase his Venezuelan-Australian background and Melbourne-based work.
15. Jon Hanlan

Jon Hanlan's portfolio is composed of vibrant colors and an inventive grid layout. His imagination and energy as an illustrator are woven throughout the site, providing an intuitive structure for easy navigation. The visually compelling layout vividly brings Jon's imaginative world to life, making his website a delightful and inspiring place.
Creating Unique Portfolios with Framer
Framer is a place where you can create intuitive and responsive portfolio sites without writing code. You can start quickly with a template or design from scratch with your custom approach, freely using every element to easily reflect your style.
Check out the Framer Gallery to see portfolios from other designers and create your own site by setting up an account. Make the most of it to craft a professional and distinctive portfolio that leaves a lasting impression on site visitors.
This article is a translated and adapted version of the Framer official blog's '15 professional UX portfolios: structure & interaction analysis'.


