Overview Pitchside News is a sports news site I designed and built in Framer. The idea was to explore Framer CMS system to create a clean, dynamic news platform where articles can be added and updated easily.

Framer CMS Setup I set up a robust Framer CMS to manage all the content. The articles, categories, and authors (names, pictures) are all dynamically linked and it’s all structured so that content can be updated without touching the design.

Article Suggestions On each article page, there's a "Read Next" section. I set up filters so it shows other articles but hides the one you're currently reading. It's a small touch, but it really improves the reading flow.

Interactions I used Framer slideshows to feature top stories on the homepage, and overlays for the dropdown that displays the international tournaments.

Takeaways This project helped me get into how flexible Framer CMS can be, especially for content-heavy sites. It was also fun working on the little UX details like filtering, article layouts, and how everything connects.

Live Site: pitchsidenews.framer.website

Overview Wanderwell is a travel website where users can explore and book curated tour packages. I used this project as a way to play with Framer’s design and interaction tools, focusing on keeping the experience clean, simple, and functional.

Hero Section I designed a fullscreen hero with a background slideshow and a big, central search bar. Users can select their destination, travel dates, and number of people right from the homepage. The goal was to include a fast experience for finding packages.

Slideshow I included a fun slideshow component that brings the hero section to life. This slideshow showcases short videos of top destinations and number of trips that have been booked via Wanderwell.

Packages Section This section was all about exploration. I played with horizontal scrolling and let content slightly bleed off the page to hint at more options. Each destination card has an image carousel and a like button that changes on click, just to add some light interactivity and make the UI feel more alive.

Takeaways This was a quick, fun build that let me explore how to create structured layouts in Framer while keeping things interactive. The search bar and slideshow were the most fun to work on, and it gave me ideas for how to scale this into a full booking experience later on.

Overview Ever After Stories is a relationship storytelling platform. This was a minimal Valentine’s Day–inspired hero section design built in Framer, where the goal was to convert a pre-existing design from Figma into Framer with perfect accuracy.

About The Design I designed the hero section in Framer, aiming for an emotional and engaging first impression. The layout includes animated text, soft hover interactions, and a warm, welcoming vibe. A key part of this section is the polaroid-style couple photos, built as interactive Framer components. Clicking on any photo opens a modal with the couple’s full story, adding depth without clutter.

Takeaways This project was a light, playful exploration of Framer’s interaction tools. By using clickable polaroid components and focusing only on the hero section, I was able to tell a visual story within a small space. The goal was to balance simplicity and emotion, using small interactive moments like animated text and hover effects to bring the design to life without overcomplicating things.